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.
100 lines
1.3 KiB
SCSS
100 lines
1.3 KiB
SCSS
.md-form label.active {
|
|
color: #4285f4;
|
|
}
|
|
|
|
.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;
|
|
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;
|
|
transition: 0.2s;
|
|
&:hover {
|
|
color: #616161;
|
|
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);
|
|
}
|
|
}
|
|
} |