70 lines
1.0 KiB
SCSS
70 lines
1.0 KiB
SCSS
@import 'card';
|
|
@import 'form';
|
|
@import 'markup';
|
|
|
|
.ublog {
|
|
&-index {
|
|
.box__top__actions {
|
|
@extend %flex-center;
|
|
}
|
|
h1 {
|
|
.user-link {
|
|
color: $c-link;
|
|
}
|
|
}
|
|
&__posts {
|
|
&--empty {
|
|
margin: 20vh auto;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
&-post {
|
|
&__title {
|
|
text-align: center;
|
|
margin: 6vh 0 2vh;
|
|
}
|
|
&__meta {
|
|
text-align: center;
|
|
margin-bottom: 6vh;
|
|
> * {
|
|
margin: 0 1em;
|
|
}
|
|
}
|
|
&__image {
|
|
max-width: 100%;
|
|
max-height: 80vh;
|
|
margin: 0 auto 6vh auto;
|
|
&-wrap {
|
|
text-align: center;
|
|
}
|
|
}
|
|
&__intro {
|
|
font-size: 1.2em;
|
|
margin-bottom: 4vh;
|
|
display: block;
|
|
}
|
|
&__footer {
|
|
margin: 5vh 0 0 0;
|
|
h2 {
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
main.page {
|
|
position: relative;
|
|
.flash {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
&.fade {
|
|
opacity: 0;
|
|
transition: 3s;
|
|
transition-delay: 2s;
|
|
}
|
|
}
|
|
}
|