init

themes/godocs-1/assets/scss/_buttons.scss

@@ -0,0 +1,71 @@
+/* Button style */
+.btn {
+  font-size: 16px;
+  font-family: $font-secondary;
+  padding: 13px 30px;
+  border-radius: 6px;
+  border: 1px solid;
+  position: relative;
+  z-index: 1;
+  transition: .2s ease;
+  font-weight: 500;
+
+  &:hover,
+  &:active,
+  &:focus {
+    outline: 0;
+    box-shadow: none !important;
+  }
+  &-sm{
+    font-size: 14px;
+    padding: 10px 25px;
+  }
+}
+
+.btn-primary {
+  background: $color-primary;
+  color: $white;
+  border-color: $color-primary;
+
+  &:active,
+  &:hover,
+  &:focus,
+  &.focus,
+  &.active {
+    background: darken($color: $color-primary, $amount: 10) !important;
+    border-color: darken($color: $color-primary, $amount: 10) !important;
+  }
+}
+
+.btn-white {
+  margin-top:16px;
+  background: $white;
+  color: $color-primary;
+  border-color: $white;
+
+  &:active,
+  &:hover,
+  &:focus,
+  &.focus,
+  &.active {
+    background: #fafafa;
+    border-color: $color-primary;
+    color: $color-primary;
+  }
+}
+
+.btn-outline-primary {
+  background: transparent;
+  color: $color-primary;
+  border-color: $color-primary;
+
+  &:active,
+  &:hover,
+  &:focus,
+  &.focus,
+  &.active {
+    background: $color-primary !important;
+    border-color: $color-primary !important;
+    color: $white;
+  }
+}