1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-22 14:49:42 +02:00
documize/gui/app/styles/core/view/space.scss

181 lines
2.6 KiB
SCSS
Raw Normal View History

.view-space {
> .filter-caption {
2018-05-24 18:09:38 +01:00
margin: 10px 0;
2018-12-04 17:26:57 +00:00
color: map-get($gray-shades, 600);
2018-05-24 18:09:38 +01:00
font-size: 1.1rem;
font-weight: 500;
text-align: center;
}
> .documents {
margin: 60px 0;
padding: 0;
> .document {
@include card();
@include ease-in();
list-style-type: none;
overflow: hidden;
position: relative;
margin: 0 0 30px 0;
width: 100%;
&:hover {
> .checkbox {
display: block;
}
}
> a {
@include ease-in();
display: block;
position: relative;
padding: 15px 20px;
> .title {
color: $color-black;
font-size: 1.3rem;
margin-bottom: 5px;
}
> .snippet {
2018-12-04 17:26:57 +00:00
color: map-get($gray-shades, 600);
font-size: 1rem;
line-height: 24px;
}
&:hover {
2018-12-04 17:26:57 +00:00
color: map-get($gray-shades, 600);
}
}
> .checkbox {
position: absolute;
display: none;
top: 10px;
right: 20px;
cursor: pointer;
> .material-icons {
width: 10px;
margin: 0;
padding: 0;
2018-12-04 17:26:57 +00:00
color: map-get($gray-shades, 900);
}
}
2017-11-22 13:39:46 +00:00
> .actions {
position: absolute;
display: none;
bottom: 2px;
right: 12px;
cursor: pointer;
}
}
> .selected {
2018-12-04 17:26:57 +00:00
background-color: $theme-100 !important;
> .checkbox {
display: block;
}
2017-11-22 13:39:46 +00:00
> .actions {
display: block;
}
}
}
.hashtags {
> .hashtag {
display: inline-block;
margin: 5px 10px 0 5px;
2018-12-04 17:26:57 +00:00
color: map-get($gray-shades, 600);
font-size: 0.875rem;
font-style: italic;
&:hover {
color: $color-link;
}
}
}
}
2017-11-24 12:50:06 +00:00
.space-admin {
2017-11-27 15:38:39 +00:00
> .title {
font-size: 1.5rem;
font-weight: bold;
2018-12-04 17:26:57 +00:00
color: map-get($gray-shades, 800);
2017-11-27 15:38:39 +00:00
}
2017-11-24 12:50:06 +00:00
2017-11-27 15:38:39 +00:00
> .sub-title {
font-size: 1.1rem;
2018-12-04 17:26:57 +00:00
color: map-get($gray-shades, 600);
2017-11-27 15:38:39 +00:00
}
> .permission-table {
2017-11-24 12:50:06 +00:00
> tbody, > thead {
> tr, > th {
> td, > th {
margin: 0;
padding: 10px 15px;
text-align: center;
}
> td:first-child {
text-align: left;
}
}
}
> thead {
> tr {
> th {
2018-12-04 17:26:57 +00:00
background-color: map-get($gray-shades, 100);
color: map-get($gray-shades, 600);
2017-11-24 12:50:06 +00:00
}
2017-11-24 12:50:06 +00:00
> th:first-child {
background-color: $color-white !important;
border: none !important;
}
}
}
}
2017-11-27 15:38:39 +00:00
> .categories {
padding: 0;
margin: 0;
> .item {
margin: 15px 0;
padding: 15px;
2017-11-27 16:17:17 +00:00
@include card();
2017-11-27 15:38:39 +00:00
@include ease-in();
> .category {
display: inline-block;
> .name {
font-size: 1.2rem;
2018-12-04 17:26:57 +00:00
color: $theme-500;
2017-11-27 15:38:39 +00:00
}
> .info {
font-size: 0.9rem;
margin-top: 8px;
2018-12-04 17:26:57 +00:00
color: map-get($gray-shades, 600);
2017-11-27 15:38:39 +00:00
}
}
> .buttons {
margin-top: 5px;
}
> .action {
display: inline-block;
}
}
}
2017-11-24 12:50:06 +00:00
}