Add buttons and new componets

.gitignore

@@ -0,0 +1,5 @@
+*.min.css
+*.css
+!skin.min.css
+!skin.css
+.sass-cache/

_abstract.scss

@@ -0,0 +1,55 @@
+//COLOR
+    $bg-col-white:#ffffff;
+    $col-gray:#808080;
+    $col-black:#000000;
+    // default button
+    $btn-text-color-default:rgb(13, 107, 231);
+    $btn-bg-color-default:white;
+    $btn-padding-default:1.5rem 6.2rem;
+        // primary button
+    $btn-text-color-primary:rgb(238, 207, 207);
+    $btn-bg-color-primary:#025dc5;
+    $btn-padding-primary:$btn-padding-default;
+        //secondary
+    $btn-text-color-secondary:rgb(87, 87, 87);
+    $btn-bg-color-secondary:rgb(250, 250, 250);
+    $btn-padding-secondary:$btn-padding-default;
+        // large
+    $btn-padding-large:1.7rem 10.1rem;
+        // extra-large
+    $btn-padding-extra-large:2rem 13.8rem;
+
+    // FONT
+        // default font
+    $btn-font-size-default:1.6rem;
+        // primary font
+    $btn-font-size-primary:1.8rem;
+        //secondary
+    $btn-font-size-secondary:1.8rem;
+        // large
+    $btn-font-size-large:2rem;
+        // extra-large
+     $btn-font-size-extra-large:2.5rem;
+//mixins for button
+@mixin btnChanger($color, $background, $font-size, $padding){
+    background-color: $background;
+    color:$color;
+    font-size:$font-size;
+    padding:$padding;
+}
+@mixin btn {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  font-weight: 500;
+  line-height: 1.15;
+  text-align: center;
+  vertical-align: middle;
+  display: inline-block;
+  &:focus{
+      outline: none;
+  }
+  &:hover{
+    cursor: pointer;
+  }
+}

_base.scss

@@ -0,0 +1,33 @@
+//base setup
+*, ::after, ::before{
+    padding: 0;
+    margin:0;
+    box-sizing: inherit;
+}
+html{
+    font-size: 62.5%; //1rem = 10px;
+}
+body{
+    box-sizing: border-box;
+    background-color: darken(#fff, 5%);
+    > div{
+        font-size: 1.5rem;
+        padding: 1.8rem;
+        max-width: 80%;
+        margin:0 auto;
+        background-color:#fff;
+    }
+}
+#intro_heading{
+    margin-bottom: 1.5rem;
+}
+#button {
+    > h2, h3{
+        margin:1rem 0;
+    }
+    > p{
+        font-size: 2rem;
+        margin-bottom: .75rem;
+    }
+
+}