(Main.scss) Formatted app.scss to follow proper syntax

Author: StanleyMasinde

assets/css/app.scss

@@ -1,152 +1,152 @@
 .plat {
-    border-radius: 0
+    border-radius: 0;
 }
 
 .btn-primary.focus,
 .btn-primary:focus {
-    box-shadow: 0 0 0 0 #048f83!important
+    box-shadow: 0 0 0 0 #048f83 !important;
 }
 
 .btn-primary:hover {
     color: #fff;
     background-color: #016090;
-    border-color: #016090
+    border-color: #016090;
 }
 
 .btn.btn-primary {
-    background-color: #048f83!important;
-    border-color: #048f83!important
+    background-color: #048f83 !important;
+    border-color: #048f83 !important;
 }
 
 span {
     font-style: inherit;
-    font-weight: inherit
+    font-weight: inherit;
 }
 
 .features-boxed {
     color: #313437;
-    background-color: #eef4f7
+    background-color: #eef4f7;
 }
 
 .features-boxed p {
-    color: #7d8285
+    color: #7d8285;
 }
 
 .features-boxed h2 {
     font-weight: 700;
     margin-bottom: 40px;
     padding-top: 40px;
-    color: inherit
+    color: inherit;
 }
 
-@media (max-width:767px) {
+@media (max-width: 767px) {
     .features-boxed h2 {
         margin-bottom: 25px;
         padding-top: 25px;
-        font-size: 24px
+        font-size: 24px;
     }
 }
 
 .features-boxed .intro {
     font-size: 16px;
     max-width: 500px;
-    margin: 0 auto
+    margin: 0 auto;
 }
 
 .features-boxed .intro p {
-    margin-bottom: 0
+    margin-bottom: 0;
 }
 
 .features-boxed .features {
-    padding: 50px 0
+    padding: 50px 0;
 }
 
 .features-boxed .item {
-    text-align: center
+    text-align: center;
 }
 
 .features-boxed .item .box {
     text-align: center;
     padding: 30px;
     background-color: #fff;
-    margin-bottom: 30px
+    margin-bottom: 30px;
 }
 
 .features-boxed .item .icon {
     font-size: 60px;
     color: #12958a;
     margin-top: 20px;
-    margin-bottom: 35px
+    margin-bottom: 35px;
 }
 
 .features-boxed .item .name {
     font-weight: 700;
     font-size: 18px;
     margin-bottom: 8px;
     margin-top: 0;
-    color: inherit
+    color: inherit;
 }
 
 .features-boxed .item .description {
     font-size: 15px;
     margin-top: 15px;
-    margin-bottom: 20px
+    margin-bottom: 20px;
 }
 
 #brand-logo {
-    font-size: 34px
+    font-size: 34px;
 }
 
 #app-navbar {
-    background: linear-gradient(120deg, #00e4d0, #5983e8)
+    background: linear-gradient(120deg, #00e4d0, #5983e8);
 }
 
 .navigation-clean-button {
     background: #fff;
-    padding-top: .75rem;
-    padding-bottom: .75rem;
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
     color: #333;
     border-radius: 0;
     box-shadow: none;
     border: none;
-    margin-bottom: 0
+    margin-bottom: 0;
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
     .navigation-clean-button {
         padding-top: 1rem;
-        padding-bottom: 1rem
+        padding-bottom: 1rem;
     }
 }
 
 .navigation-clean-button .navbar-brand {
     font-weight: 700;
-    color: inherit
+    color: inherit;
 }
 
 .navigation-clean-button .navbar-brand:hover {
-    color: #222
+    color: #222;
 }
 
 .navigation-clean-button .navbar-toggler {
     border-color: #ddd;
-    color: #888
+    color: #888;
 }
 
 .navigation-clean-button .navbar-toggler:focus,
 .navigation-clean-button .navbar-toggler:hover {
-    background: 0 0
+    background: 0 0;
 }
 
 .navigation-clean-button .form-inline,
 .navigation-clean-button .navbar-collapse {
-    border-top-color: #ddd
+    border-top-color: #ddd;
 }
 
 .navigation-clean-button .navbar-nav a.active,
-.navigation-clean-button .navbar-nav>.show>a {
+.navigation-clean-button .navbar-nav > .show > a {
     background: 0 0;
-    box-shadow: none
+    box-shadow: none;
 }
 
 .navigation-clean-button.navbar-light .navbar-nav a.active,
@@ -155,48 +155,48 @@ span {
     color: #8f8f8f;
     box-shadow: none;
     background: 0 0;
-    pointer-events: none
+    pointer-events: none;
 }
 
 .navigation-clean-button.navbar .navbar-nav .nav-link {
     padding-left: 18px;
-    padding-right: 18px
+    padding-right: 18px;
 }
 
 .navigation-clean-button.navbar-light .navbar-nav .nav-link {
-    color: #465765
+    color: #465765;
 }
 
 .navigation-clean-button.navbar-light .navbar-nav .nav-link:focus,
 .navigation-clean-button.navbar-light .navbar-nav .nav-link:hover {
-    color: #37434d!important;
-    background-color: transparent
+    color: #37434d !important;
+    background-color: transparent;
 }
 
-.navigation-clean-button .navbar-nav>li>.dropdown-menu {
+.navigation-clean-button .navbar-nav > li > .dropdown-menu {
     margin-top: -5px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     background-color: #fff;
-    border-radius: 2px
+    border-radius: 2px;
 }
 
 .navigation-clean-button .dropdown-menu .dropdown-item,
 .navigation-clean-button .dropdown-menu .dropdown-item:focus {
     line-height: 2;
     font-size: 14px;
-    color: #37434d
+    color: #37434d;
 }
 
 .navigation-clean-button .dropdown-menu .dropdown-item:focus,
 .navigation-clean-button .dropdown-menu .dropdown-item:hover {
     background: #eee;
-    color: inherit
+    color: inherit;
 }
 
 .navigation-clean-button .actions .login {
     margin-right: 1rem;
     text-decoration: none;
-    color: #465765
+    color: #465765;
 }
 
 .navigation-clean-button .navbar-text .action-button,
@@ -208,70 +208,70 @@ span {
     box-shadow: none;
     border: none;
     text-shadow: none;
-    padding: .5rem 1rem;
-    transition: background-color .25s;
-    font-size: inherit
+    padding: 0.5rem 1rem;
+    transition: background-color 0.25s;
+    font-size: inherit;
 }
 
 .navigation-clean-button .navbar-text .action-button:hover {
-    background: #66d7d7
+    background: #66d7d7;
 }
 
 footer {
     background-color: #292c2f;
-    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .12);
+    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
     box-sizing: border-box;
     width: 100%;
     text-align: left;
     font: 700 16px sans-serif;
     padding: 55px 50px;
     margin-top: 80px;
     bottom: 0;
-    color: #fff
+    color: #fff;
 }
 
 .footer-navigation h3 {
     margin: 0 0 20px;
-    font: 400 36px Cookie, cursive;
-    color: #fff
+    font: 400 36px "Cookie", cursive;
+    color: #fff;
 }
 
 .footer-navigation h3 a {
     text-decoration: none;
-    color: #fff
+    color: #fff;
 }
 
 .footer-navigation h3 span {
-    color: #5383d3
+    color: #5383d3;
 }
 
 .footer-navigation p.links a {
     color: #fff;
-    text-decoration: none
+    text-decoration: none;
 }
 
 .footer-navigation p.company-name {
     color: #8f9296;
     font-size: 14px;
     font-weight: 400;
-    margin-top: 20px
+    margin-top: 20px;
 }
 
-@media (max-width:767px) {
+@media (max-width: 767px) {
     .footer-contacts {
-        margin: 30px 0
+        margin: 30px 0;
     }
 }
 
 .footer-contacts p {
     display: inline-block;
     color: #fff;
-    vertical-align: middle
+    vertical-align: middle;
 }
 
 .footer-contacts p a {
     color: #5383d3;
-    text-decoration: none
+    text-decoration: none;
 }
 
 .fa.footer-contacts-icon {
@@ -283,35 +283,35 @@ footer {
     border-radius: 50%;
     text-align: center;
     line-height: 38px;
-    margin: 10px 15px 10px 0
+    margin: 10px 15px 10px 0;
 }
 
 span.new-line-span {
     display: block;
     font-weight: 400;
     font-size: 14px;
-    line-height: 2
+    line-height: 2;
 }
 
 .footer-about h4 {
     display: block;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
-    margin-bottom: 20px
+    margin-bottom: 20px;
 }
 
 .footer-about p {
     line-height: 20px;
     color: #92999f;
     font-size: 13px;
     font-weight: 400;
-    margin: 0
+    margin: 0;
 }
 
 div.social-links {
     margin-top: 20px;
-    color: #fff
+    color: #fff;
 }
 
 .social-links a {
@@ -326,5 +326,5 @@ div.social-links {
     text-align: center;
     line-height: 35px;
     margin-right: 5px;
-    margin-bottom: 5px
+    margin-bottom: 5px;
 }