2017-11-21 14:47:49 +00:00
|
|
|
.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;
|
2017-11-21 14:47:49 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
> .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);
|
2017-11-21 14:47:49 +00:00
|
|
|
font-size: 1rem;
|
|
|
|
line-height: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:hover {
|
2018-12-04 17:26:57 +00:00
|
|
|
color: map-get($gray-shades, 600);
|
2017-11-21 14:47:49 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
> .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-21 14:47:49 +00:00
|
|
|
}
|
|
|
|
}
|
2017-11-22 13:39:46 +00:00
|
|
|
|
|
|
|
> .actions {
|
|
|
|
position: absolute;
|
|
|
|
display: none;
|
|
|
|
bottom: 2px;
|
|
|
|
right: 12px;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
2017-11-21 14:47:49 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
> .selected {
|
2018-12-04 17:26:57 +00:00
|
|
|
background-color: $theme-100 !important;
|
2017-11-21 14:47:49 +00:00
|
|
|
|
|
|
|
> .checkbox {
|
|
|
|
display: block;
|
|
|
|
}
|
2017-11-22 13:39:46 +00:00
|
|
|
|
|
|
|
> .actions {
|
|
|
|
display: block;
|
|
|
|
}
|
2017-11-21 14:47:49 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.hashtags {
|
|
|
|
> .hashtag {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 5px 10px 0 5px;
|
2018-12-04 17:26:57 +00:00
|
|
|
color: map-get($gray-shades, 600);
|
2017-11-21 14:47:49 +00:00
|
|
|
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-21 14:47:49 +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
|
|
|
}
|