60 lines
980 B
SCSS
60 lines
980 B
SCSS
/***** Category pages *****/
|
|
.category {
|
|
&-container {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
&-content {
|
|
@include desktop {
|
|
flex: 0 0 80%;
|
|
}
|
|
|
|
flex: 1;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
.section-tree {
|
|
@include tablet { flex-direction: row; }
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
|
|
.section {
|
|
@include tablet { flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */ }
|
|
flex: initial;
|
|
max-width: 100%;
|
|
}
|
|
|
|
&-title {
|
|
margin-bottom: 0;
|
|
font-size: 18px;
|
|
font-weight: $font-weight-semibold;
|
|
|
|
a { color: $text_color; }
|
|
}
|
|
|
|
.see-all-articles {
|
|
display: block;
|
|
padding: 15px 0;
|
|
}
|
|
}
|
|
|
|
.article-list {
|
|
&-item {
|
|
font-size: $font-size-bigger;
|
|
padding: 15px 0;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
|
|
a { color: $text_color; }
|
|
}
|
|
}
|
|
|
|
.icon-star {
|
|
color: $brand_color;
|
|
font-size: 18px;
|
|
}
|