This repository has been archived on 2023-11-13. You can view files and clone it, but cannot push or open issues or pull requests.
blog/less/sidebar.less
2023-06-03 15:58:09 +08:00

62 lines
1.0 KiB
Plaintext

@import "variables.less";
// Sidebar Components
// Large Screen
@media (min-width: 1200px) {
.post-container,
.sidebar-container {
padding-right: 5%;
}
}
@media (min-width: 768px) {
.post-container {
padding-right: 5%;
}
}
// Container of Sidebar, also Friends
.sidebar-container {
color: @gray-light;
font-size: 14px;
h5 {
color: @brand-gray;
padding-bottom: 1em;
a {
color: @brand-gray !important;
text-decoration: none;
}
}
a {
color: @gray-light !important;
&:hover,
&:active {
color: @brand-primary !important;
}
}
.tags {
a {
border-color: @gray-light;
&:hover,
&:active {
border-color: @brand-primary;
}
}
}
.short-about {
img {
width: 80%;
display: block;
border-radius: 5px;
margin-bottom: 20px;
}
p {
margin-top: 0px;
margin-bottom: 20px;
}
.list-inline > li {
padding-left: 0px;
}
}
}