update

bgoonz · Aug 24, 2022 · 9a89865 · 9a89865
1 parent 490dee1
commit 9a89865
Show file tree

Hide file tree

Showing 13 changed files with 861 additions and 885 deletions.
diff --git a/src/sass/imports/_buttons.scss b/src/sass/imports/_buttons.scss
@@ -3,31 +3,25 @@
     align-items: center;
     background: $color-primary;
     border: 0;
-    border-radius: 1.95em;
+    border-radius: 1.75em;
     box-shadow: none;
     box-sizing: border-box;
     color: #fff;
     cursor: pointer;
     display: -ms-inline-flexbox;
     display: inline-flex;
-    font-size: 1em;
+    font-size: 0.875em;
     font-weight: bold;
     -ms-flex-pack: center;
     justify-content: center;
     letter-spacing: 0.035em;
-    line-height: 1.6;
+    line-height: 1.2;
     opacity: 1;
-    padding: 1.2em 2.14285em;
+    padding: 0.9em 2.14285em;
     text-decoration: none;
     -webkit-transition: 0.3s ease;
     transition: 0.3s ease;
     vertical-align: middle;
-    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-        0 0 40px rgba(0, 0, 0, 0.1) inset;
-    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-        0 0 40px rgba(0, 0, 0, 0.1) inset;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-        0 0 40px rgba(0, 0, 0, 0.1) inset;
 
     &:hover,
     &:focus,
@@ -40,13 +34,13 @@
 
 .button-secondary {
     background: 0 !important;
-    box-shadow: inset 0 0 0 3px currentColor;
+    box-shadow: inset 0 0 0 2px currentColor;
     color: $color-primary;
 
     &:hover,
     &:focus,
     &:active {
-        box-shadow: inset 0 0 0 4px currentColor;
+        box-shadow: inset 0 0 0 3px currentColor;
         color: $color-primary;
         opacity: 1;
     }
@@ -55,8 +49,8 @@
 .button-icon {
     background: 0 !important;
     border: 0;
-    color: black;
-    font-size: 1.2em;
+    color: inherit;
+    font-size: 1em;
     font-weight: normal;
     letter-spacing: normal;
     padding: 0.25em;
@@ -92,4 +86,4 @@
     &:active {
         outline: 0;
     }
-}
+}
diff --git a/src/sass/imports/_footer.scss b/src/sass/imports/_footer.scss
@@ -1,94 +1,89 @@
 .site-footer {
-  background-color: black;
-  background-image: url('https://i.imgur.com/CEYEZp8.jpeg');
-  padding-bottom: 7.5em;
-  padding-top: 8.5em;
-  color: white !important;
-  border: 4px solid black;
+    background-color: #fff;
+    padding-bottom: 1.5em;
+    padding-top: 1.5em;
 }
 
 #colophon {
-  a:not(.button) {
-    color: inherit;
+    a:not(.button) {
+        color: inherit;
 
-    &:hover,
-    &:focus {
-      color: $color-primary;
-    }
+        &:hover,
+        &:focus {
+            color: $color-primary;
+        }
     }
 }
 
 .site-info,
 .social-links {
-  -ms-flex-align: center;
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -ms-flex-pack: center;
-  justify-content: center;
-  font-size: 0.675em;
-  line-height: 1.2;
-
-  .button:not(.button-icon) {
-    font-size: inherit;
+    -ms-flex-align: center;
+    align-items: center;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    -ms-flex-pack: center;
+    justify-content: center;
+    font-size: 0.875em;
     line-height: 1.2;
-    padding: 0.3em 1em;
-  }
+
+    .button:not(.button-icon) {
+        font-size: inherit;
+        line-height: 1.2;
+        padding: 0.3em 1em;
+    }
 }
 
 .site-info {
-  margin: 0.25em 0 0;
-  text-align: center;
+    margin: 0.25em 0 0;
+    text-align: center;
 
-  .copyright,
-  >a {
-    margin: 0 4px 0.2em 0;
-  }
+    .copyright,
+    > a {
+        margin: 0 8px 0.5em 0;
+    }
 }
 
 .social-links {
-  margin-top: 0.5375em;
+    margin-top: 0.9375em;
 
-  a {
-    margin: 0 50px 0.2em;
-  }
+    a {
+        margin: 0 10px 0.5em;
+    }
 
-  .icon {
-    font-size: 20px;
-    color: rgb(0, 0, 0);
-    background-color: rgb(0, 0, 0);
-  }
+    .icon {
+        font-size: 20px;
+    }
 }
 
 @media only screen and (min-width: 641px) {
-  .site-footer-inside {
-    -ms-flex-align: start;
-    align-items: flex-start;
-    display: -ms-flexbox;
-    display: flex;
-  }
+    .site-footer-inside {
+        -ms-flex-align: start;
+        align-items: flex-start;
+        display: -ms-flexbox;
+        display: flex;
+    }
 
-  .site-info {
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    text-align: left;
-  }
+    .site-info {
+        -ms-flex-pack: start;
+        justify-content: flex-start;
+        text-align: left;
+    }
 
-  .social-links {
-    -ms-flex: 0 0 auto;
-    flex: 0 0 auto;
-    -ms-flex-wrap: nowrap;
-    flex-wrap: nowrap;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    margin-left: auto;
-    margin-top: 0;
+    .social-links {
+        -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+        -ms-flex-wrap: nowrap;
+        flex-wrap: nowrap;
+        -ms-flex-pack: start;
+        justify-content: flex-start;
+        margin-left: auto;
+        margin-top: 0;
 
-    a {
-      margin-left: 20px;
-      margin-right: 0;
-    }
+        a {
+            margin-left: 20px;
+            margin-right: 0;
+        }
     }
 }
diff --git a/src/sass/imports/_forms.scss b/src/sass/imports/_forms.scss
@@ -1,16 +1,16 @@
 label {
-  color: $gray-700;
-  font-weight: bold;
-  line-height: 1.5;
-  margin-bottom: 0.25em;
+    color: $gray-700;
+    font-weight: bold;
+    line-height: 1.5;
+    margin-bottom: 0.25em;
 
-  input[type='checkbox']+&,
-  input[type='radio']+& {
-    font-weight: normal;
-    cursor: pointer;
-    padding-left: 0.25em;
-    padding-right: 1em;
-  }
+    input[type='checkbox'] + &,
+    input[type='radio'] + & {
+        font-weight: normal;
+        cursor: pointer;
+        padding-left: 0.25em;
+        padding-right: 1em;
+    }
 }
 
 input[type='text'],
@@ -22,34 +22,34 @@ input[type='search'],
 input[type='url'],
 select,
 textarea {
-  background: #fff;
-  border: 1px solid $gray-300;
-  border-radius: $border-radius-sm;
-  box-shadow: none;
-  box-sizing: border-box;
-  color: $gray-700;
-  display: block;
-  font-size: 1em;
-  font-weight: normal;
-  line-height: 1.5;
-  max-width: 100%;
-  padding: 0.5em;
-  width: 100%;
+    background: #fff;
+    border: 1px solid $gray-300;
+    border-radius: $border-radius-sm;
+    box-shadow: none;
+    box-sizing: border-box;
+    color: $gray-700;
+    display: block;
+    font-size: 1em;
+    font-weight: normal;
+    line-height: 1.5;
+    max-width: 100%;
+    padding: 0.5em;
+    width: 100%;
 
-  &:focus {
-    outline: 0;
-  }
+    &:focus {
+        outline: 0;
+    }
 }
 
 ::placeholder {
-  color: $gray-400;
-  opacity: 1;
+    color: $gray-400;
+    opacity: 1;
 }
 
 .form-row {
-  margin-bottom: 1em;
+    margin-bottom: 1em;
 }
 
 .form-submit {
-  margin-top: 1.66667em;
+    margin-top: 1.66667em;
 }
diff --git a/src/sass/imports/_general.scss b/src/sass/imports/_general.scss
@@ -1,7 +1,6 @@
 html {
     font-family: $font-primary;
     font-size: 100%;
-    scroll-behavior: smooth;
 }
 
 body {
@@ -179,23 +178,14 @@ embed,
 iframe,
 object,
 video {
-    max-width: 100%;
-}
-div.wrapper:hover img:not(:hover) {
-Filter: brightness(50%);
+    max-width: 1400px !important;
 }
+
 img {
     height: auto;
     max-width: 100%;
-    scroll-snap-align: center;
-}
-img:hover {
-Filter: brightness(110%);
-}
-figure {
-  overflow: auto;
-  scroll-snap-type: inline mandatory;
 }
+
 @media only screen and (min-width: 641px) {
     blockquote {
         font-size: 1.5em;