47 lines
841 B
SCSS
47 lines
841 B
SCSS
@import 'vars';
|
|
|
|
html,
|
|
body {
|
|
font-size: $base-font-size;
|
|
font-family: $base-font-family;
|
|
color: $base-font-color;
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
@media (max-width: $first-media-step) {
|
|
font-size: $base-font-size - 2px;
|
|
}
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
%external-link-icon {
|
|
display: inline-block;
|
|
margin-left: 0.6em;
|
|
color: $base-font-color;
|
|
font-size: $base-font-size - 4px;
|
|
|
|
@media (max-width: $first-media-step) {
|
|
font-size: $base-font-size - 2px;
|
|
}
|
|
}
|
|
|
|
a[href*="//github.com"]:after {
|
|
@extend %external-link-icon;
|
|
font-family: 'Font Awesome 5 Brands', serif;
|
|
content: '\f09b';
|
|
}
|
|
|
|
a[target="_blank"]:not([href*="//github.com"]):after {
|
|
@extend %external-link-icon;
|
|
font-family: 'Font Awesome 5 Free', serif;
|
|
content: '\f35d';
|
|
}
|