migrate all variables

Aaron N. Brock · Aaron N. Brock · commit 0cd2cbb4a036 · 2020-10-05T13:28:37.000-04:00
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
@@ -1,20 +1,3 @@
-//site color variables
-$primary-color: #5d78ff;
-$secondary-color: #282f49;
-$text-color: #9d9ea5;
-$text-color-dark: #00113e;
-$site-ease: cubic-bezier(0.36, 0.03, 0, 0.91);
-$gray: #f7f9ff;
-$dark-gray: #646569;
-
-// solid colors
-$white: #fff;
-$black: #000;
-
-//////
-////// Bootstrap Variables
-//////
-
 // Colors
 $primary: #5d78ff;
 $secondary: #282f49;
diff --git a/assets/scss/components/_footer-section.scss b/assets/scss/components/_footer-section.scss
@@ -19,7 +19,7 @@
         }
     }
     &__cta {
-        background: $primary-color;
+        background: $primary;
         padding: 100px 80px;
         border-radius: 20px;
         display: flex;
@@ -117,10 +117,6 @@
                 }
             }
         }
-        // &_sitemap{
-        // }
-        // &_address{
-        // }
     }
     &__footer {
         padding: 50px 0;
diff --git a/assets/scss/components/_hero-section.scss b/assets/scss/components/_hero-section.scss
@@ -58,16 +58,6 @@
       @include desktop {
         display: inline-block;
       }
-      // &::before {
-      //   position: absolute;
-      //   content: "";
-      //   height: 2px;
-      //   width: 20px;
-      //   top: 50%;
-      //   left: -20px;
-      //   transform: translateX(-50%);
-      //   background: $secondary-color;
-      // }
     }
     p {
       font-size: $font-size-lg;
@@ -150,9 +140,13 @@
           left: 55%;
           transform: translate(-50%, -50%);
           transition: all 0.3s ease;
+
+          path {
+            fill: $primary;
+          }
         }
         &:hover {
-          background-color: $primary-color;
+          background-color: $primary;
           svg {
             path {
               fill: #ffffff;
diff --git a/assets/scss/components/_navbar.scss b/assets/scss/components/_navbar.scss
@@ -1,70 +1,70 @@
-.navbar{
+.navbar {
     padding: 40px 0;
     background: transparent;
-    transition: all .3s ease;
-    @include desktop{
+    transition: all 0.3s ease;
+    @include desktop {
         background: $white;
     }
-    @include desktop{
+    @include desktop {
         padding: 15px 20px;
         margin: 10px 10px 0;
         border-radius: 5px;
     }
-    .navbar-brand{
-        img{
-            @include desktop{
+    .navbar-brand {
+        img {
+            @include desktop {
                 width: 80%;
             }
         }
     }
-    &.nav__color__change{
+    &.nav__color__change {
         background: $white;
         padding: 20px 0;
-        box-shadow: 0px 10px 20px 0px rgba(50,65,141,0.1);
-        @include desktop{
+        box-shadow: 0px 10px 20px 0px rgba(50, 65, 141, 0.1);
+        @include desktop {
             padding: 15px 20px;
         }
     }
-    @include desktop{
-        .navbar-toggler{
+    @include desktop {
+        .navbar-toggler {
             outline: 0;
             padding: 0;
             &-icon {
                 height: 2px;
                 width: 25px;
                 transition: all 0.2s;
-                background: $primary-color;
+                background: $primary;
                 display: block;
-                &:not(:last-child){
+                &:not(:last-child) {
                     margin-bottom: 5px;
                 }
-                &:nth-child(1){
+                &:nth-child(1) {
                     transform: rotate(45deg);
                     transform-origin: 10% 10%;
                 }
-                &:nth-child(2){
+                &:nth-child(2) {
                     opacity: 0;
                     filter: alpha(opacity=0);
                 }
-                &:nth-child(3){
+                &:nth-child(3) {
                     transform: rotate(-45deg);
                     transform-origin: 10% 90%;
                 }
             }
-            &.collapsed{
-                .navbar-toggler-icon{
-                    &:nth-child(1){
-                    transform: rotate(0);
+            &.collapsed {
+                .navbar-toggler-icon {
+                    &:nth-child(1) {
+                        transform: rotate(0);
                     }
-                    &:nth-child(2){
-                    opacity: 1;
-                    filter: alpha(opacity=1);
+                    &:nth-child(2) {
+                        opacity: 1;
+                        filter: alpha(opacity=1);
                     }
-                    &:nth-child(3){
-                    transform: rotate(0);
+                    &:nth-child(3) {
+                        transform: rotate(0);
                     }
                 }
             }
         }
     }
-}
+}
diff --git a/assets/scss/components/_page-title.scss b/assets/scss/components/_page-title.scss
@@ -62,20 +62,5 @@
     }
     .breadcrumb-item + .breadcrumb-item::before {
         content: "-";
-        // color: $secondary-color;
-        // font-size: 17px;
-        // padding-right: 10px;
-        // @include mobile {
-        //     font-size: 14px;
-        // }
-        // @include mobile-xs {
-        //     padding-right: 0px;
-        // }
     }
-    // .breadcrumb-item + .breadcrumb-item {
-    //     padding-left: 10px;
-    //     @include mobile-xs {
-    //         padding-right: 0px;
-    //     }
-    // }
 }
diff --git a/assets/scss/components/_preloder.scss b/assets/scss/components/_preloder.scss
@@ -1,32 +1,32 @@
 .preloader-wrap {
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    background: $white;
-    z-index: 2000;
-    text-align: center;
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	background: $white;
+	z-index: 2000;
+	text-align: center;
 	height: 100vh;
-	.inner{
+	.inner {
 		position: absolute;
 		height: 170px;
 		width: 170px;
 		left: 50%;
 		top: 50%;
-		transform: translate( -50%, -50% );
-		border: 1px solid $primary-color;
-		border-top: 5px solid $primary-color;
+		transform: translate(-50%, -50%);
+		border: 1px solid $primary;
+		border-top: 5px solid $primary;
 		border-radius: 50%;
 		animation: spin 1s infinite linear;
-		@include desktop{
+		@include desktop {
 			height: 150px;
 			width: 150px;
 		}
 	}
 	.percentage {
 		z-index: 100;
-		color: $primary-color;
+		color: $primary;
 		opacity: 1;
 		font-weight: 600;
 		font-family: "bebasbold";
@@ -37,19 +37,18 @@
 		left: 50%;
 		top: 50%;
 		-webkit-transform: translate(-50%, -50%);
-				transform: translate(-50%, -50%);
-		@include desktop{
+		transform: translate(-50%, -50%);
+		@include desktop {
 			font-size: 50px;
 		}
 	}
 }
 
-@keyframes spin{
+@keyframes spin {
 	0% {
-		transform: translate( -50%, -50% ) rotate(0);
+		transform: translate(-50%, -50%) rotate(0);
 	}
 	100% {
-		transform: translate( -50%, -50% ) rotate(360deg);
+		transform: translate(-50%, -50%) rotate(360deg);
 	}
 }
-  
diff --git a/assets/scss/components/_service-section.scss b/assets/scss/components/_service-section.scss
diff --git a/assets/scss/components/_testimonial-section.scss b/assets/scss/components/_testimonial-section.scss
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@`
`19`	`19`	`}`
`20`	`20`	`}`
`21`	`21`	`&__cta {`
`22`		`- background: $primary-color;`
	`22`	`+ background: $primary;`
`23`	`23`	`padding: 100px 80px;`
`24`	`24`	`border-radius: 20px;`
`25`	`25`	`display: flex;`
`@@ -117,10 +117,6 @@`
`117`	`117`	`}`
`118`	`118`	`}`
`119`	`119`	`}`
`120`		`- // &_sitemap{`
`121`		`- // }`
`122`		`- // &_address{`
`123`		`- // }`
`124`	`120`	`}`
`125`	`121`	`&__footer {`
`126`	`122`	`padding: 50px 0;`
Original file line number	Diff line number	Diff line change
`@@ -1,70 +1,70 @@`
`1`		`-.navbar{`
	`1`	`+.navbar {`
`2`	`2`	`padding: 40px 0;`
`3`	`3`	`background: transparent;`
`4`		`- transition: all .3s ease;`
`5`		`- @include desktop{`
	`4`	`+ transition: all 0.3s ease;`
	`5`	`+ @include desktop {`
`6`	`6`	`background: $white;`
`7`	`7`	`}`
`8`		`- @include desktop{`
	`8`	`+ @include desktop {`
`9`	`9`	`padding: 15px 20px;`
`10`	`10`	`margin: 10px 10px 0;`
`11`	`11`	`border-radius: 5px;`
`12`	`12`	`}`
`13`		`- .navbar-brand{`
`14`		`- img{`
`15`		`- @include desktop{`
	`13`	`+ .navbar-brand {`
	`14`	`+ img {`
	`15`	`+ @include desktop {`
`16`	`16`	`width: 80%;`
`17`	`17`	`}`
`18`	`18`	`}`
`19`	`19`	`}`
`20`		`- &.nav__color__change{`
	`20`	`+ &.nav__color__change {`
`21`	`21`	`background: $white;`
`22`	`22`	`padding: 20px 0;`
`23`		`- box-shadow: 0px 10px 20px 0px rgba(50,65,141,0.1);`
`24`		`- @include desktop{`
	`23`	`+ box-shadow: 0px 10px 20px 0px rgba(50, 65, 141, 0.1);`
	`24`	`+ @include desktop {`
`25`	`25`	`padding: 15px 20px;`
`26`	`26`	`}`
`27`	`27`	`}`
`28`		`- @include desktop{`
`29`		`- .navbar-toggler{`
	`28`	`+ @include desktop {`
	`29`	`+ .navbar-toggler {`
`30`	`30`	`outline: 0;`
`31`	`31`	`padding: 0;`
`32`	`32`	`&-icon {`
`33`	`33`	`height: 2px;`
`34`	`34`	`width: 25px;`
`35`	`35`	`transition: all 0.2s;`
`36`		`- background: $primary-color;`
	`36`	`+ background: $primary;`
`37`	`37`	`display: block;`
`38`		`- &:not(:last-child){`
	`38`	`+ &:not(:last-child) {`
`39`	`39`	`margin-bottom: 5px;`
`40`	`40`	`}`
`41`		`- &:nth-child(1){`
	`41`	`+ &:nth-child(1) {`
`42`	`42`	`transform: rotate(45deg);`
`43`	`43`	`transform-origin: 10% 10%;`
`44`	`44`	`}`
`45`		`- &:nth-child(2){`
	`45`	`+ &:nth-child(2) {`
`46`	`46`	`opacity: 0;`
`47`	`47`	`filter: alpha(opacity=0);`
`48`	`48`	`}`
`49`		`- &:nth-child(3){`
	`49`	`+ &:nth-child(3) {`
`50`	`50`	`transform: rotate(-45deg);`
`51`	`51`	`transform-origin: 10% 90%;`
`52`	`52`	`}`
`53`	`53`	`}`
`54`		`- &.collapsed{`
`55`		`- .navbar-toggler-icon{`
`56`		`- &:nth-child(1){`
`57`		`- transform: rotate(0);`
	`54`	`+ &.collapsed {`
	`55`	`+ .navbar-toggler-icon {`
	`56`	`+ &:nth-child(1) {`
	`57`	`+ transform: rotate(0);`
`58`	`58`	`}`
`59`		`- &:nth-child(2){`
`60`		`- opacity: 1;`
`61`		`- filter: alpha(opacity=1);`
	`59`	`+ &:nth-child(2) {`
	`60`	`+ opacity: 1;`
	`61`	`+ filter: alpha(opacity=1);`
`62`	`62`	`}`
`63`		`- &:nth-child(3){`
`64`		`- transform: rotate(0);`
	`63`	`+ &:nth-child(3) {`
	`64`	`+ transform: rotate(0);`
`65`	`65`	`}`
`66`	`66`	`}`
`67`	`67`	`}`
`68`	`68`	`}`
`69`	`69`	`}`
`70`		`-}`
	`70`	`+}`