Merge pull request #1845 from bgoonz/master

README.md

@@ -1449,7 +1449,7 @@ sudo -u postgres psql
 ## Technologies Used
 
 | URL                  | <https://bgoonz-blog.netlify.app>                        |
-| -------------------- | -------------------------------------------------------- |
+|----------------------|----------------------------------------------------------|
 | Miscellaneous        | webpack ; Prism                                          |
 | Widgets              | Facebook ; AddThis                                       |
 | Analytics            | Moat ; Google Analytics ; Google Ads Conversion Tracking |

src/sass/imports/_animations.scss

@@ -2,7 +2,6 @@
   0% {
     opacity: 0;
   }
-
   100% {
     opacity: 0.2;
   }
@@ -11,7 +10,6 @@
   0% {
     opacity: 0;
   }
-
   100% {
     opacity: 0.2;
   }

src/sass/imports/_buttons.scss

@@ -3,50 +3,44 @@
   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;
+  -webkit-transition: .3s ease;
+  transition: .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,
   &:active {
     color: #fff;
-    opacity: 0.8;
+    opacity: .8;
     outline: 0;
   }
 }
 
 .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;
   }
-}
+}

src/sass/imports/_docs.scss

@@ -10,19 +10,19 @@
     h1 {
       font-size: 1.875em;
     }
-
+  
     h2 {
       font-size: 1.5em;
     }
-
+  
     h3 {
       font-size: 1.25em;
     }
-
+  
     h4 {
       font-size: 1.125em;
     }
-
+  
     h5,
     h6 {
       font-size: 1em;
@@ -121,7 +121,7 @@
     text-decoration: none;
     -webkit-transition: border-color .3s ease, color .3s ease;
     transition: border-color .3s ease, color .3s ease;
-
+  
     &:hover {
       border-color: $color-primary;
       color: $color-primary;
@@ -195,12 +195,12 @@
   &.has-children {
     padding-right: 30px;
     position: relative;
-
+  
     &.active {
       .docs-submenu {
         display: block;
       }
-
+  
       & > .docs-submenu-toggle {
         .icon-angle-right {
           -webkit-transform: rotate(135deg);
@@ -252,7 +252,7 @@
 
   .page-nav-inside {
     display: none;
-
+  
     &.has-links {
       display: block;
     }
@@ -352,3 +352,4 @@
     padding-top: 1.25em;
   }
 }
+

src/sass/imports/_footer.scss

@@ -1,10 +1,7 @@
 .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 {
@@ -15,7 +12,7 @@
     &:focus {
       color: $color-primary;
     }
-    }
+  }
 }
 
 .site-info,
@@ -28,7 +25,7 @@
   flex-wrap: wrap;
   -ms-flex-pack: center;
   justify-content: center;
-  font-size: 0.675em;
+  font-size: 0.875em;
   line-height: 1.2;
 
   .button:not(.button-icon) {
@@ -43,22 +40,20 @@
   text-align: center;
 
   .copyright,
-  >a {
-    margin: 0 4px 0.2em 0;
+  > a {
+    margin: 0 8px 0.5em 0;
   }
 }
 
 .social-links {
-  margin-top: 0.5375em;
+  margin-top: 0.9375em;
 
   a {
-    margin: 0 50px 0.2em;
+    margin: 0 10px 0.5em;
   }
 
   .icon {
     font-size: 20px;
-    color: rgb(0, 0, 0);
-    background-color: rgb(0, 0, 0);
   }
 }
 
@@ -90,5 +85,5 @@
       margin-left: 20px;
       margin-right: 0;
     }
-    }
-}
+  }
+}

src/sass/imports/_forms.scss

@@ -4,22 +4,22 @@ label {
   line-height: 1.5;
   margin-bottom: 0.25em;
 
-  input[type='checkbox']+&,
-  input[type='radio']+& {
+  input[type=checkbox] + &,
+  input[type=radio] + & {
     font-weight: normal;
     cursor: pointer;
     padding-left: 0.25em;
     padding-right: 1em;
   }
 }
 
-input[type='text'],
-input[type='password'],
-input[type='email'],
-input[type='tel'],
-input[type='number'],
-input[type='search'],
-input[type='url'],
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="tel"],
+input[type="number"],
+input[type="search"],
+input[type="url"],
 select,
 textarea {
   background: #fff;

src/sass/imports/_functions.scss

@@ -5,14 +5,3 @@
   }
   @return $map;
 }
-
-
-//----------------experimental------------------
-
-
-
-
-
-
-
-