You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
1.9 KiB
SCSS
104 lines
1.9 KiB
SCSS
// BLOG COMPONENTS
|
|
// Author box
|
|
.author-box {
|
|
@extend .jumbotron;
|
|
padding: 3rem;
|
|
@media (max-width: $small-screen-up) {
|
|
text-align: center;
|
|
img {
|
|
margin-bottom: 2rem;
|
|
display: inline;
|
|
}
|
|
}
|
|
strong{
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
|
|
|
|
// Comments section
|
|
.comments-list,
|
|
.reply-form {
|
|
margin-bottom: 3rem;
|
|
ul {
|
|
list-style-type: none;
|
|
}
|
|
.badge {
|
|
@extend .z-depth-1-half;
|
|
}
|
|
img {
|
|
max-width: 100px;
|
|
@extend .z-depth-2;
|
|
@extend .img-fluid;
|
|
@include border-radius(50%);
|
|
}
|
|
.row {
|
|
margin-bottom: 2rem;
|
|
}
|
|
.user-name {
|
|
color: #000;
|
|
}
|
|
.comment-date {
|
|
color: #666;
|
|
}
|
|
.comment-text {
|
|
color: #9e9e9e;
|
|
}
|
|
h4 {
|
|
text-align: center;
|
|
}
|
|
@media (max-width: $small-screen-up) {
|
|
text-align: center;
|
|
img {
|
|
display: inline;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.md-form {
|
|
text-align: left;
|
|
}
|
|
}
|
|
.text-center {
|
|
flex:1;
|
|
}
|
|
}
|
|
|
|
// Full width blog section
|
|
.section-blog-fw {
|
|
.view {
|
|
@extend .z-depth-1;
|
|
}
|
|
.jumbotron {
|
|
@extend .m-1;
|
|
text-align: center;
|
|
}
|
|
h2 {
|
|
@extend .h2-responsive;
|
|
margin-bottom: 1rem;
|
|
a {
|
|
color: #424242;
|
|
@include transition (0.2s);
|
|
&:hover {
|
|
color: #616161;
|
|
@include transition (0.2s);
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
//blog icons
|
|
.personal-sm{
|
|
margin-bottom: 10px;
|
|
a {
|
|
padding: 5px;
|
|
&:first-of-type {
|
|
padding-left: 0;
|
|
}
|
|
.fa {
|
|
transition-duration: .2s;
|
|
}
|
|
&:hover .fa {
|
|
transform: scale(1.2);
|
|
}
|
|
}
|
|
} |