🔖 Upgrade to Gatsby 1.8.12

2025-10-31 08:40:27 +01:00 · 2017-08-20 14:43:49 +03:00
parent 88481e75f0
commit a2f8738ea6
115 changed files with 4734 additions and 5018 deletions
--- a/src/assets/scss/base/_generic.scss
+++ b/src/assets/scss/base/_generic.scss
@@ -0,0 +1,182 @@
+/** 
+ * Generic
+ */
+
+html {
+    font-size: $typographic-root-font-size;
+}
+
+body {
+    font-family: $typographic-font-family;
+    color: $typographic-base-font-color;
+    line-height: $typographic-base-line-height;
+    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;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: $typographic-font-family;
+    font-weight: 500;
+}
+
+h1 {
+    font-size: $typographic-base-font-size * 2.5;
+    @include line-height(2);
+    @include margin-top(4);
+    @include margin-bottom(1);
+}
+
+h2 {
+    font-size: $typographic-base-font-size * 1.6875;
+    @include line-height(1.5);
+    @include margin-top(2);
+    @include margin-bottom(.5);
+}
+
+h3 {
+    font-size: $typographic-base-font-size * 1.375;
+    @include line-height(1);
+    @include margin-top(2);
+    @include margin-bottom(.5);
+}
+
+h4 {
+    font-size: $typographic-base-font-size * 1.2;
+    @include line-height(1);
+    @include margin-top(1.5);
+    @include margin-bottom(.5);
+}
+
+h5 {
+    font-size: $typographic-base-font-size;
+    @include line-height(1);
+    @include margin-top(2.5);
+    @include margin-bottom(.5);
+}
+
+h6 {
+    font-size: $typographic-base-font-size;
+    @include line-height(1);
+    @include margin-top(2.5);
+    @include margin-bottom(.5);
+}
+
+img {
+    border: 0;
+    max-width: 100%;
+    display: block;
+    margin: inherit auto;
+}
+
+hr {
+    margin-top: 52px;
+    margin-bottom: 52px;
+    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);
+    width: 100px;
+}
+
+a {
+    color: $typographic-link-p-font-color;
+    text-decoration: none;
+    &:hover,
+    &:focus,
+    &:active {
+        color: $typographic-link-s-font-color;
+    }
+}
+
+b,
+strong {
+    font-weight: 500;
+}
+
+ul {
+    list-style: square;
+    @include margin-bottom(1);
+    & li {
+        padding: 0 5px;
+        margin-bottom: 10px;
+    }
+}
+
+p {
+    @include line-height(1);
+    @include margin-bottom(1);
+}
+
+blockquote {
+    padding: 0;
+    font-style: italic;
+    text-align: center;
+}
+
+figure {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+
+figcaption {
+    @include line-height(.75);
+    @include margin-top(.25);
+    color: $color-base;
+    font-size: $typographic-small-font-size;
+    font-style: italic;
+    margin-bottom: 0;
+    text-align: center;
+}
+
+.layout {
+    lost-center: $layout-width;
+}
+
+.content {
+    &__inner {
+        padding: 25px 20px;
+    }
+}
+
+@include breakpoint-sm {
+    figure.float-left,
+    figure.float-right {
+        max-width: 310px;
+        @include padding(0, 1, 0, 1);
+    }
+    .float-right {
+        float: right;
+    }
+    .float-left {
+        float: left;
+    }
+    .content {
+        lost-column: 7/12;
+        &__inner {
+            padding: 30px 20px;
+        }
+    }
+}
+
+@include breakpoint-md {
+    .content {
+        lost-column: 2/3;
+        &__inner {
+            padding: 40px 35px;
+        }
+    }
+}