hugo-code-editor-theme/static/css/theme.scss

147 lines
2.4 KiB
SCSS

@import "./variables";
@import "./custom-bootstrap";
@import "./mixins";
@import "./paginator";
html {
height: 100%;
}
body {
min-height: 100%;
height: 100%;
font-family: 'Source Code Pro';
background-color: $bg-color;
color: $text-color;
overflow-x: hidden;
&>.container-fluid {
@extend .no-padding-left-and-right;
}
}
.page-container {
height: 100%;
min-height: 100%;
}
a {
color: $link-color;
&:hover {
color: $link-color;
text-decoration: underline;
}
}
.content {
background-color: $content-bg-color;
min-height: 100%;
padding-top: 1px;
padding-bottom: 15px;
}
.articles-list article {
margin-bottom: 25px;
}
.menu {
padding-left: 0px;
nav {
@media (min-width: $screen-md-min) {
padding-left: 0px;
padding-right: 0px;
position: fixed;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
@media (max-width: $screen-sm-max) {
ul {
display: none;
}
}
h3 {
@extend .no-user-select;
cursor: pointer;
font-size: 14px;
padding: 4px 0px 4px 15px;
margin: 0px;
&.home-link {
text-align: center;
}
&:not(.home-link):before {
@extend .glyphicon;
@extend .glyphicon-folder-close;
margin-right: 8px;
}
}
.open {
h3:before {
@extend .glyphicon-folder-open;
}
}
ul {
padding-left: 0px;
margin: 0px;
li {
list-style: none;
padding: 4px 30px 4px 40px;
margin-right: -15px;
&:before {
@extend .glyphicon;
@extend .glyphicon-file;
margin-right: 8px;
}
&:hover {
background-color: $menu-hover-bg-color;
}
a, a:hover {
color: $text-color;
text-decoration: none;
}
}
&.tags li:before {
@extend .glyphicon-tag;
}
&.categories li:before {
@extend .glyphicon-book;
}
}
@media (max-width: $screen-sm-max) {
h3 {
padding: 10px 0px 10px 15px;
}
ul li {
padding: 10px 30px 10px 40px;
}
}
}
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 10px;
height: 0;
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.fb-share-button iframe {
margin-top: -5px;
}