Update npm dependencies

frontend-garden · Aug 22, 2021 · 79a599b · 79a599b
1 parent 4cbd1bd
commit 79a599b
Show file tree

Hide file tree

Showing 12 changed files with 507 additions and 389 deletions.
diff --git a/assets/scss/settings/_typography.scss b/assets/scss/settings/_typography.scss
@@ -1,8 +1,8 @@
-$font-family-serif: Georgia, Times, serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$font-family-serif: 'Georgia', 'Times', serif, 'Apple Color Emoji', 'Segoe UI Emoji';
 $font-family-sans-serif:
-    'clone-rounded-latin', Helvetica, Arial, serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+    'clone-rounded-latin', 'Helvetica', 'Arial', serif, 'Apple Color Emoji', 'Segoe UI Emoji';
 $font-family-monospace:
-    Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace, 'Apple Color Emoji', 'Segoe UI Emoji';
+    'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace, 'Apple Color Emoji', 'Segoe UI Emoji';
 
 $font-size-root: 18px;
 $font-size-fluid-factor: 0.2vw;

diff --git a/assets/scss/styles/03-objects/_post-row.scss b/assets/scss/styles/03-objects/_post-row.scss
@@ -31,8 +31,8 @@
         width: 35vw;
         border-radius: borders.$radius;
         box-shadow: 0 0.75em 1.5em rgba(0, 0, 0, 0.25);
-        will-change: transform;
         transform: translate(0, 0);
+        will-change: transform;
 
         &:hover {
             transform: translateY(-0.75em);
@@ -56,8 +56,8 @@
     @media (prefers-reduced-motion: reduce) {
         .post-row__item:hover,
         .post-row__item:hover ~ .post-row__item {
-            will-change: none;
             transform: translate(0, 0);
+            will-change: none;
         }
     }
 }

diff --git a/assets/scss/styles/04-components/_avatar.scss b/assets/scss/styles/04-components/_avatar.scss
@@ -53,9 +53,9 @@ $_avatar-small-size: 2em * typography.line-height(base);
         bottom: 0;
         left: 0;
         display: block;
-        opacity: 0;
         border-radius: 50%;
         box-shadow: inset 0 0 0.5em rgba(colors.$black, 0.25);
+        opacity: 0;
     }
 
     &:hover::after,

diff --git a/assets/scss/styles/04-components/_button.scss b/assets/scss/styles/04-components/_button.scss
@@ -9,6 +9,7 @@
     @include transition.add(background-color);
 
     position: relative;
+    appearance: none;
     display: inline-flex;
     justify-content: center;
     padding: spacing.of(0.5) 1.5em;
@@ -21,7 +22,6 @@
     background: colors.$primary;
     background-color: var(--button-background);
     box-shadow: none;
-    appearance: none;
     user-select: none;
     cursor: pointer;
 

diff --git a/assets/scss/styles/04-components/_columns.scss b/assets/scss/styles/04-components/_columns.scss
@@ -7,8 +7,8 @@
 
     @include breakpoint.up(sm) {
         column-count: 2;
-        column-gap: 2 * grid.$gap;
         column-rule: borders.$width solid var(--ruler-color);
+        column-gap: 2 * grid.$gap;
     }
 
     @include breakpoint.up(md) {

diff --git a/assets/scss/styles/04-components/_header.scss b/assets/scss/styles/04-components/_header.scss
@@ -52,8 +52,8 @@ $_navigation-layout-breakpoint: md;
     position: relative;
     left: -0.15em; // 1.
     display: inline-flex;
-    column-gap: grid.$gap;
     grid-area: logotype;
+    column-gap: grid.$gap;
     align-items: flex-start;
     justify-self: start;
 }

diff --git a/assets/scss/styles/04-components/_icon.scss b/assets/scss/styles/04-components/_icon.scss
@@ -7,8 +7,8 @@
 .icon > svg {
     width: 100%;
     height: auto;
-    fill: currentColor;
     vertical-align: middle;
+    fill: currentColor;
 }
 
 .icon--in-text {

diff --git a/assets/scss/styles/04-components/_text-field.scss b/assets/scss/styles/04-components/_text-field.scss
@@ -6,13 +6,13 @@
 .text-field {
     @include typography.style(form-field);
 
+    appearance: none;
     min-width: 0;
     padding: spacing.of(0.5) 1em;
     color: var(--page-text-color);
     border: borders.$width solid var(--input-border-color);
     border-radius: borders.$radius;
     background: var(--input-background-color);
-    appearance: none;
 
     &::placeholder {
         color: map-get(colors.$grays, gray-dark);

diff --git a/assets/scss/styles/05-editor/_content.scss b/assets/scss/styles/05-editor/_content.scss
@@ -55,8 +55,8 @@
                 position: absolute;
                 right: 100%;
                 bottom: 0.14em;
-                opacity: 0;
                 color: map-get(colors.$grays, gray);
+                opacity: 0;
                 transform: translateX(-0.25rem);
             }
 

diff --git a/assets/scss/tools/_reset.scss b/assets/scss/tools/_reset.scss
@@ -1,4 +1,5 @@
 @mixin button() {
+    appearance: none;
     display: inline;
     padding: 0;
     font-size: inherit;
@@ -8,5 +9,4 @@
     border-radius: 0;
     background: none;
     box-shadow: none;
-    appearance: none;
 }