added_more_cool_stuff

Author: smakosh

sass/buttons.scss

@@ -1,83 +1,67 @@
 @import "colors";
-@import "fonts";
 
 .btn  {
-
   padding: 1rem 3rem;
   color: #fff;
   cursor: pointer;
 }
 
 .btn-primary  {
-
   border-radius: 5px;
 }
 
 .btn-rounded  {
-
   border-radius: 30px;
 }
 
 .btn-outlined  {
-
   border-width: 3px;
   border-style: solid;
   transition: all 0.5s;
   padding: 0.8rem 3rem;
   &:hover {
-
     color: #fff;
     transition: all 0.5s;
   }
 }
 
 .gradient-black {
-
   background: $black !important;
 }
 
 .black-btn  {
-
   border-color: $black;
   color: $black;
   &:hover {
-
     background-color: $black;
   }
 }
 
 .green-btn  {
-
   border-color: $green;
   color: $green;
   &:hover {
-
     background-color: $green;
   }
 }
 
 .orange-btn  {
-
   border-color: $orange-btn;
   color: $orange-btn;
   &:hover {
-
     background-color: $orange-btn;
   }
 }
 
 .purple-btn  {
-
   border-color: $purple-btn;
   color: $purple-btn;
   &:hover {
-
     background-color: $purple-btn;
   }
 }
 
 button:disabled  {
-
   box-shadow: unset;
   opacity: .8;
   background: $disabled;
@@ -86,7 +70,6 @@ button:disabled  {
 }
 
 button:disabled:hover  {
-
   box-shadow: unset;
   background: $disabled;
 }

sass/cards.scss

@@ -1,24 +1,16 @@
-@import "fonts";
-
 .card  {
-
   border-radius: 5px;
   box-shadow: 0px 1px 10px 0px rgba(5, 5, 5, 0.13);
   .card-header  {
-
     padding: 1.5rem 0 1.5rem 1.5rem;
     h4  {
-
-      font-family: 'roboto';
       font-weight: bold;
       margin: 0;
     }
   }
   .card-img  {
-
     overflow: hidden;
     img  {
-
       position: relative;
       left: 0;
       right: 0;
@@ -29,19 +21,15 @@
     }
   }
   .card-footer  {
-
     padding: 1.5rem 0 1.5rem 1.5rem;
     h4  {
-
-      font-family: 'roboto';
       font-weight: bold;
       margin: 0;
     }
   }
 }
 
 .card-nofooter  {
-
   .card-img  {
     img  {
       border-bottom-left-radius: 5px;
@@ -51,7 +39,6 @@
 }
 
 .card-noheader  {
-
   .card-img  {
     img  {
       border-top-left-radius: 5px;
@@ -61,20 +48,9 @@
 }
 
 .card-hoverable  {
-
   transition: all .3s;
   &:hover  {
-
     box-shadow: 0px 11px 16px 0px rgba(5, 5, 5, 0.23);
     transition: all .3s;
   }
 }
-
-.responsive-image  {
-
-  overflow: hidden;
-  img  {
-
-    width: 100%;
-  }
-}

sass/colors.scss

@@ -7,15 +7,13 @@ $blue: #12c3d2;
 
 //=========================================================
 
-
 //gradient 2 colors
 $yellow: #FFE53B;
 $orange: #FF2525;
 
 $orange-btn: #ff9f33;
 //=========================================================
 
-
 //gradient 3 colors
 $dark-blue: #21D4FD;
 $purple: #B721FF;

sass/default.scss

@@ -1,15 +1,12 @@
 a  {
-
   text-decoration: none;
 }
 
 button, input, select, textarea:focus  {
-
   outline: none;
 }
 
 button  {
-
   background-color: unset;
   border: none;
   -webkit-appearance:none;

sass/fonts.scss

@@ -1,2 +1,2 @@
-@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
+@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
 @import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');