147 lines
3.0 KiB
SCSS
147 lines
3.0 KiB
SCSS
@import 'variables', 'mixin';
|
|
|
|
/**
|
|
* Table of Contents:
|
|
|
|
* 1.0 - global
|
|
* 2.0 - ul | ol
|
|
* 3.0 - svg-icon
|
|
*/
|
|
|
|
@include font-local('gilroy-regular', 'font/gilroy-regular');
|
|
@include font-local('gilroy-light', 'font/gilroy-light');
|
|
|
|
|
|
/* 1.0 - global */
|
|
body,
|
|
.p {
|
|
font-family: $body-font-family;
|
|
font-size: $body-font-size;
|
|
line-height: $body-font-line-height;
|
|
color: $body-color;
|
|
font-weight: $body-font-weight;
|
|
letter-spacing: $body-letter-spacing;
|
|
text-transform: none;
|
|
}
|
|
|
|
p,
|
|
.p,
|
|
ol,
|
|
ul {
|
|
margin: $paragraph-margin;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
.h {
|
|
font-family: $header-font-family;
|
|
font-size: $header-font-size;
|
|
line-height: $header-font-line-height;
|
|
color: $header-color;
|
|
font-weight: $header-font-weight;
|
|
letter-spacing: $header-letter-spacing;
|
|
text-transform: $header-text-transform;
|
|
margin: $header-margin;
|
|
margin-top: 0;
|
|
|
|
@include media-max(md) {
|
|
font-size: $header-mobile-font-size;
|
|
letter-spacing: $header-mobile-letter-spacing;
|
|
margin: $header-mobile-margin;
|
|
}
|
|
}
|
|
|
|
a {
|
|
color: $primary-color;
|
|
text-decoration: none;
|
|
@include css3(transition, color $transition-time);
|
|
|
|
&:hover {
|
|
color: $secondary-color;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
|
|
/* 2.0 - ul | ol */
|
|
.std-list,
|
|
.page-content,
|
|
.post-content {
|
|
|
|
ul,
|
|
ol {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin-top: $std-list-margin-top;
|
|
|
|
li {
|
|
padding-left: $std-list-padding-left;
|
|
position: relative;
|
|
|
|
&:before {
|
|
position: absolute;
|
|
content: '';
|
|
left: $std-list-before-position-left;
|
|
}
|
|
}
|
|
}
|
|
|
|
ul {
|
|
>li:before {
|
|
top: 4px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
}
|
|
|
|
ol {
|
|
counter-reset: item;
|
|
|
|
>li {
|
|
counter-increment: item;
|
|
|
|
&:before {
|
|
top: auto;
|
|
background: none !important;
|
|
color: $primary-color;
|
|
content: counter(item) '. ';
|
|
|
|
/*
|
|
01 | content: counter(item, decimal-leading-zero) '. ';
|
|
1.2.3. | content: counters(item, '.') '. ';
|
|
*/
|
|
}
|
|
}
|
|
|
|
&[type="a"] {
|
|
li {
|
|
counter-increment: chapter;
|
|
|
|
&:before {
|
|
content: counter(chapter, lower-alpha) '. ';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* 3.0 - svg-icon */
|
|
.svg-icon {
|
|
width: 20px;
|
|
stroke-width: 0px;
|
|
stroke-linejoin: round;
|
|
stroke-linecap: round;
|
|
|
|
&__path {
|
|
fill: currentColor;
|
|
}
|
|
|
|
&[width] {
|
|
width: auto;
|
|
}
|
|
} |