138 lines
2.2 KiB
Plaintext
138 lines
2.2 KiB
Plaintext
//@import "color.less";
|
|
//@import "font.less";
|
|
|
|
@import "main-hack-code.less";
|
|
@import "main-hack-flex.less";
|
|
|
|
@standard-margin: 1rem;
|
|
|
|
// block size
|
|
blockquote, h1, h2, h3, h4, h5, h6, p, pre {
|
|
margin-top: @standard-margin;
|
|
margin-bottom: @standard-margin;
|
|
}
|
|
|
|
// Header
|
|
h1, h2, h3, h4, h5, h6 {
|
|
//display: block;
|
|
//margin-bottom: 2rem;
|
|
//margin-top: 2rem;
|
|
|
|
// underscore (not working)
|
|
display: inline-block;
|
|
padding-right: 2px; // overlap of the underscore
|
|
padding-left: 0px; // overlap of the underscore
|
|
padding-bottom: 5px; // space to the underscore
|
|
border-bottom: 2px solid @color-body-font;
|
|
}
|
|
|
|
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
|
|
display: inline;
|
|
color: @gb-lm-fg4;
|
|
}
|
|
|
|
h1:before {
|
|
content: "# "
|
|
}
|
|
|
|
h2:before {
|
|
content: "## "
|
|
}
|
|
|
|
h3:before {
|
|
content: "### "
|
|
}
|
|
|
|
h4:before {
|
|
content: "#### "
|
|
}
|
|
|
|
h5:before {
|
|
content: "##### "
|
|
}
|
|
|
|
h6:before {
|
|
content: "###### "
|
|
}
|
|
|
|
|
|
// Lists
|
|
@list-margin-top: 4px;
|
|
ul, ol {
|
|
padding: 0px;
|
|
margin-bottom: @standard-margin;
|
|
margin-top: @standard-margin;
|
|
}
|
|
|
|
li {
|
|
position: relative;
|
|
display: block;
|
|
padding-left: 20px;
|
|
margin-top: @list-margin-top;
|
|
|
|
&:after {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0
|
|
}
|
|
}
|
|
|
|
ul > li:after {
|
|
content: "-";
|
|
}
|
|
|
|
ol {
|
|
counter-reset: a;
|
|
|
|
li {
|
|
padding-left: 27px;
|
|
}
|
|
|
|
> li:after {
|
|
content: counter(a) ".";
|
|
counter-increment: a
|
|
}
|
|
}
|
|
|
|
// links
|
|
a {
|
|
cursor: pointer;
|
|
color: @color-link-font;
|
|
text-decoration: none;
|
|
border-bottom: 1px solid @color-link-font;
|
|
}
|
|
|
|
a:hover {
|
|
background-color: @color-link-hover-background;
|
|
color: @color-link-hover-font;
|
|
}
|
|
|
|
// cards
|
|
.card {
|
|
border: 1px solid @color-card-border;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
text-align: center;
|
|
|
|
.card-header {
|
|
text-align: center;
|
|
border-bottom: 1px solid @color-card-border;
|
|
margin-top: @standard-margin;
|
|
//margin-bottom: @standard-margin;
|
|
padding-bottom: @standard-margin;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.card-body{
|
|
text-align: center;
|
|
//margin-top: 4px;
|
|
//margin-bottom: 4px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
padding-top: @standard-margin;
|
|
padding-bottom: @standard-margin;
|
|
}
|
|
}
|
|
|