first commit

layout/style-scss/_stuff.scss

@@ -0,0 +1,218 @@
+.clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+.clear {
+  clear: both;
+}
+
+a {
+  @include transition();
+}
+
+.btn {
+  @include transition();
+  @include border-radius(3px);
+  padding: 0 15px 0 0 !important;
+  border: 0;
+  line-height: 28px !important;
+  font-size: 14px;
+
+  &:focus {
+    @include box-shadow(none);
+  }
+
+  &.disabled {
+    pointer-events: none;
+  }
+
+  i {
+    @include transition();
+    @include border-radius(3px 0 0 3px);
+    display: block;
+    float: left;
+    height: 28px;
+    width: 28px;
+    text-align: center;
+    line-height: 28px;
+    margin-right: 15px;
+
+    @include respond-below(xs) {
+      margin-right: 7px;
+    }
+  }
+}
+
+.btn-success {
+  @extend .btn;
+  background: #5aba47;
+  color: #FFF !important;
+  border: 0 !important;
+
+  i {
+    background: #379126;
+  }
+
+  &:hover,
+  &.acive,
+  &:focus {
+    background: #379126;
+
+    i {
+      background: #257315;
+    }
+  }
+}
+
+.btn-primary {
+  @extend .btn;
+  background: $cBlueLight !important;
+  border: 0 !important;
+  color: #FFF;
+
+  i {
+    background: #1394ce;
+  }
+
+  &:hover,
+  &.active,
+  &.focus {
+    background: #03a9f4 !important;
+    color: #FFF;
+
+    i {
+      background: #1394ce;
+    }
+  }
+}
+
+.btn-dark {
+  @extend .btn;
+  background: #bcbcbc;
+  color: #FFF;
+
+  i {
+    background: #646474;
+  }
+
+  &:hover,
+  &.active,
+  &:focus {
+    background: #646474;
+    color: #FFF;
+
+    i {
+      background: #333333;
+    }
+  }
+}
+
+.btn-danger {
+  @extend .btn;
+  background: #f75b50;
+  color: #FFF;
+
+  i {
+    background: #d24d44;
+  }
+
+  &:hover,
+  &.acive,
+  &:focus {
+    background: #f52d1f;
+
+    i {
+      background: #d0261a;
+    }
+  }
+}
+
+.form-control {
+  @include border-radius(0);
+}
+
+#g-form-container {
+  @include box-shadow(0 13px 25px -2px rgba(0, 0, 0, 0.2));
+  background: #FFF;
+  padding: 15px 25px 25px;
+  border: 1px solid #f1f1f1;
+
+  .col-form-label {
+    font-size: 14px;
+    text-align: right;
+  }
+
+  input,
+  textarea,
+  select {
+    font-size: 14px;
+
+    &.error {
+      border: 1px solid $cRed;
+    }
+
+    &:focus {
+      @include box-shadow(none);
+    }
+  }
+
+  .input-group-addon {
+    @include border-radius(0);
+    text-align: center;
+    line-height: 38px;
+    font-size: 13px;
+    padding: 0;
+    width: 38px;
+    background: $cBlueLight;
+    color: #FFF;
+  }
+
+  .switch {
+    position: relative;
+    top: 2px;
+  }
+}
+
+.alert {
+  background: $cOrange;
+  color: #FFF;
+  border: 0;
+  font-size: 13px;
+
+  &.login {
+    display: none;
+  }
+}
+
+.hidden-xs {
+  @include respond-below(xs) {
+    display: none;
+  }
+}
+
+.text-system {
+  color: $cGreen;
+}
+
+/* autocomplete tagsinput*/
+.label-info {
+  background-color: #5bc0de;
+  display: inline-block;
+  padding: 7px 10px;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+}
+
+.vertical-middle {
+  @include flexbox;
+  @include align-items(center);
+}