mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-10-31 08:40:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(starter): upgrade to new version of gatsby

Browse Source
This commit is contained in:
Alexander Shelepenok
2022-01-09 20:12:31 +00:00
parent 84bdc5899d
commit 67ebabbaac
397 changed files with 26665 additions and 34984 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/assets/scss/base/_generic.scss
View File

@@ -1,25 +1,25 @@
/**
* Generic
*/
@import "../variables";
@import "../mixins";
html {
font-size: $typographic-root-font-size;
}
body {
margin: 0 0 0 calc(100vw - 100%);
font-family: $typographic-font-family;
color: $typographic-base-font-color;
line-height: $typographic-base-line-height;
font-family: $typographic-font-family;
font-size: $typographic-base-font-size;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: $typographic-base-line-height;
margin: 0 0 0 calc(100vw - 100%);
text-rendering: optimizeLegibility;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
h1,
h2,
h1,
h3,
h4,
h5,
@@ -39,55 +39,59 @@ h2 {
font-size: $typographic-base-font-size * 1.6875;
@include line-height(1.5);
@include margin-top(2);
@include margin-bottom(.5);
@include margin-bottom(0.5);
}
h3 {
font-size: $typographic-base-font-size * 1.375;
@include line-height(1);
@include margin-top(2);
@include margin-bottom(.5);
@include margin-bottom(0.5);
}
h4 {
font-size: $typographic-base-font-size * 1.2;
@include line-height(1);
@include margin-top(1.5);
@include margin-bottom(.5);
@include margin-bottom(0.5);
}
h5 {
font-size: $typographic-base-font-size;
@include line-height(1);
@include margin-top(2.5);
@include margin-bottom(.5);
@include margin-bottom(0.5);
}
h6 {
font-size: $typographic-base-font-size;
@include line-height(1);
@include margin-top(2.5);
@include margin-bottom(.5);
@include margin-bottom(0.5);
}
img {
border: 0;
max-width: 100%;
display: block;
margin: inherit auto;
max-width: 100%;
}
hr {
margin-top: 52px;
margin-bottom: 52px;
background-image: linear-gradient(
to bottom,
transparent 1px,
transparent 11px,
$color-base 11px,
$color-base 15px,
transparent 15px,
transparent 26px
);
background-size: 100% 26px;
border: 0;
color: $color-base;
display: block;
height: 26px;
margin-right: auto;
margin-left: auto;
background-size: 100% 26px;
background-image: linear-gradient(to bottom, transparent 1px, transparent 11px, $color-base 11px, $color-base 15px, transparent 15px, transparent 26px);
margin: 52px auto;
width: 100px;
}
@@ -100,7 +104,6 @@ a {
&:active {
color: $typographic-link-s-font-color;
}
}
b,
@@ -113,10 +116,9 @@ ul {
@include margin-bottom(1);
& li {
padding: 0 5px;
margin-bottom: 10px;
padding: 0 5px;
}
}
p {
@@ -125,20 +127,20 @@ p {
}
blockquote {
padding: 0;
font-style: italic;
padding: 0;
text-align: center;
}
figure {
display: block;
width: 100%;
height: auto;
width: 100%;
}
figcaption {
@include line-height(.75);
@include margin-top(.25);
@include line-height(0.75);
@include margin-top(0.25);
color: $color-base;
font-size: $typographic-small-font-size;
font-style: italic;
@@ -165,5 +167,4 @@ figcaption {
.float-left {
float: left;
}
}