baseline 7.4 as-is produzione
This commit is contained in:
+119
@@ -0,0 +1,119 @@
|
||||
//
|
||||
// _alert.scss
|
||||
//
|
||||
|
||||
|
||||
.b-round{
|
||||
border-radius: 40px;
|
||||
}
|
||||
.alert {
|
||||
position: relative;
|
||||
border: 0;
|
||||
|
||||
&.icon-custom-alert{
|
||||
display: flex;
|
||||
}
|
||||
.alert-icon{
|
||||
font-size: 24px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.alert-text{
|
||||
flex-grow: 1;
|
||||
align-self: center;
|
||||
}
|
||||
.alert-close {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.alert-link {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
// Alert Outline
|
||||
|
||||
&.alert-outline-success{
|
||||
border:1px solid $success;
|
||||
background-color: transparent;
|
||||
color: $success;
|
||||
}
|
||||
&.alert-outline-danger{
|
||||
border:1px solid $danger;
|
||||
background-color: transparent;
|
||||
color: $danger;
|
||||
}
|
||||
&.alert-outline-primary{
|
||||
border:1px solid $primary;
|
||||
background-color: transparent;
|
||||
color: $primary;
|
||||
}
|
||||
&.alert-outline-warning{
|
||||
border:1px solid $warning;
|
||||
background-color: transparent;
|
||||
color: $warning;
|
||||
}
|
||||
&.alert-outline-info{
|
||||
border:1px solid $info;
|
||||
background-color: transparent;
|
||||
color: $info;
|
||||
}
|
||||
&.alert-outline-pink{
|
||||
border:1px solid $pink;
|
||||
background-color: transparent;
|
||||
color: $pink;
|
||||
}
|
||||
&.alert-outline-purple{
|
||||
border:1px solid $purple;
|
||||
background-color: transparent;
|
||||
color: $purple;
|
||||
}
|
||||
&.alert-outline-blue{
|
||||
border:1px solid $blue;
|
||||
background-color: transparent;
|
||||
color: $blue;
|
||||
}
|
||||
&.alert-outline-secondary{
|
||||
border:1px solid $secondary;
|
||||
background-color: transparent;
|
||||
color: $secondary;
|
||||
}
|
||||
&.alert-outline-dark{
|
||||
border:1px solid $dark;
|
||||
background-color: transparent;
|
||||
color: $dark;
|
||||
}
|
||||
|
||||
//Alert Shadow
|
||||
|
||||
&.alert-primary-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($primary, 0.06), 0 1px 0 0 rgba($primary, 0.02);
|
||||
}
|
||||
&.alert-success-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($success, 0.06), 0 1px 0 0 rgba($success, 0.02);
|
||||
}
|
||||
&.alert-info-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($info, 0.06), 0 1px 0 0 rgba($info, 0.02);
|
||||
}
|
||||
&.alert-warning-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($warning, 0.06), 0 1px 0 0 rgba($warning, 0.02);
|
||||
}
|
||||
&.alert-danger-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($danger, 0.06), 0 1px 0 0 rgba($danger, 0.02);
|
||||
}
|
||||
&.alert-dark-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($dark, 0.06), 0 1px 0 0 rgba($dark, 0.02);
|
||||
}
|
||||
&.alert-pink-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($pink, 0.06), 0 1px 0 0 rgba($pink, 0.02);
|
||||
}
|
||||
&.alert-purple-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($purple, 0.06), 0 1px 0 0 rgba($purple, 0.02);
|
||||
}
|
||||
&.alert-blue-shadow{
|
||||
box-shadow: 0 0 24px 0 rgba($blue, 0.06), 0 1px 0 0 rgba($blue, 0.02);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
+11
@@ -0,0 +1,11 @@
|
||||
//
|
||||
// _badge.scss
|
||||
//
|
||||
.badge-success,
|
||||
.badge-orange{
|
||||
color: $white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
+484
@@ -0,0 +1,484 @@
|
||||
//
|
||||
// _buttons.scss
|
||||
//
|
||||
|
||||
|
||||
|
||||
.btn-round {
|
||||
border-radius: 30px;
|
||||
}
|
||||
.btn-circle{
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.btn-square{
|
||||
border-radius: 0;
|
||||
}
|
||||
.btn-skew{
|
||||
transform: skew(-15deg);
|
||||
span{
|
||||
display: inline-block;
|
||||
transform: skew(15deg);
|
||||
}
|
||||
}
|
||||
.accordion{
|
||||
.btn:focus{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn.btn-outline-dashed {
|
||||
outline: 1px dashed $white !important;
|
||||
outline-offset: -5px;
|
||||
-moz-outline-radius: 25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.button-list,
|
||||
.button-items {
|
||||
margin-bottom: -8px;
|
||||
.btn{
|
||||
margin: 0 5px 8px 0;
|
||||
}
|
||||
}
|
||||
.btn{
|
||||
transition: .3s ease-out;
|
||||
box-shadow: 0 7px 14px 0 rgba($gray-300,.5);
|
||||
&:hover{
|
||||
box-shadow: 0 1px 2px 0 rgba($gray-300, 0.5);
|
||||
}
|
||||
}
|
||||
.btn-primary{
|
||||
box-shadow: 0 7px 14px 0 rgba($primary,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-secondary{
|
||||
box-shadow: 0 7px 14px 0 rgba($secondary,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-success{
|
||||
box-shadow: 0 7px 14px 0 rgba($success,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-warning{
|
||||
box-shadow: 0 7px 14px 0 rgba($warning,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-info{
|
||||
box-shadow: 0 7px 14px 0 rgba($info,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-danger{
|
||||
box-shadow: 0 7px 14px 0 rgba($danger,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-pink{
|
||||
box-shadow: 0 7px 14px 0 rgba($pink,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-purple{
|
||||
box-shadow: 0 7px 14px 0 rgba($purple,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-blue{
|
||||
box-shadow: 0 7px 14px 0 rgba($blue,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-dark{
|
||||
color: $gray-100;
|
||||
box-shadow: 0 7px 14px 0 rgba($dark,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
.btn-gray{
|
||||
box-shadow: 0 7px 14px 0 rgba($gray,.5);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
.btn-light{
|
||||
box-shadow: 0 7px 14px 0 rgba($gray-400,.6);
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn-outline-light {
|
||||
color: $gray-600;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border-color: $gray-300;
|
||||
}
|
||||
|
||||
.btn-outline-dark {
|
||||
color: $gray-900;
|
||||
&:hover{
|
||||
box-shadow: none;
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*soft buttons*/
|
||||
|
||||
.btn-soft-primary{
|
||||
background-color: rgba($primary,0.1);
|
||||
color: $primary;
|
||||
&:hover{
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($primary,0.2);
|
||||
background-color: rgba($primary,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.btn-soft-secondary{
|
||||
background-color: rgba($secondary,0.15);
|
||||
color: $secondary;
|
||||
&:hover{
|
||||
background-color: $secondary;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($secondary,0.2);
|
||||
background-color: rgba($secondary,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-success{
|
||||
background-color: rgba($success,0.1);
|
||||
color: $success;
|
||||
&:hover{
|
||||
background-color: $success;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($success,0.2);
|
||||
background-color: rgba($success,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-warning{
|
||||
background-color: rgba($warning,0.18);
|
||||
color: $warning;
|
||||
&:hover{
|
||||
background-color: $warning;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($warning,0.2);
|
||||
background-color: rgba($warning,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-danger{
|
||||
background-color: rgba($danger,0.1);
|
||||
color: $danger;
|
||||
&:hover{
|
||||
background-color: $danger;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($danger,0.2);
|
||||
background-color: rgba($danger,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-info{
|
||||
background-color: rgba($info,0.1);
|
||||
color: $info;
|
||||
&:hover{
|
||||
background-color: $info;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($info,0.2);
|
||||
background-color: rgba($info,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-dark{
|
||||
background-color: rgba($dark,0.1);
|
||||
color: $dark;
|
||||
&:hover{
|
||||
background-color: $dark;
|
||||
color: $gray-100;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($dark,0.2);
|
||||
background-color: rgba($dark,0.8);
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-pink{
|
||||
background-color: rgba($pink,0.1);
|
||||
color: $pink;
|
||||
&:hover{
|
||||
background-color: $pink;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($pink,0.2);
|
||||
background-color: rgba($pink,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.btn-soft-purple{
|
||||
background-color: rgba($purple,0.1);
|
||||
color: $purple;
|
||||
&:hover{
|
||||
background-color: $purple;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($purple,0.2);
|
||||
background-color: rgba($purple,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-soft-blue{
|
||||
background-color: rgba($blue,0.1);
|
||||
color: $blue;
|
||||
&:hover{
|
||||
background-color: $blue;
|
||||
color: $white;
|
||||
}
|
||||
&:focus{
|
||||
box-shadow: 0 0 0 0.1rem rgba($blue,0.2);
|
||||
background-color: rgba($blue,0.8);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*btn-gradient-primary*/
|
||||
|
||||
.btn-gradient-primary{
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($primary,.5);
|
||||
border: none;
|
||||
}
|
||||
.btn-gradient-primary:hover, .btn-gradient-primary:focus, .btn-gradient-primary:active, .btn-gradient-primary.active,
|
||||
.btn-gradient-primary.focus, .btn-gradient-primary:active, .btn-gradient-primary:focus, .btn-gradient-primary:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-primary,.btn-gradient-primary.active,
|
||||
.btn-gradient-primary:active, .show>.btn-gradient-primary.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, .6));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-primary.dropdown-toggle:focus,
|
||||
.btn-gradient-primary.focus, .btn-gradient-primary:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-success*/
|
||||
|
||||
.btn-gradient-success{
|
||||
background: linear-gradient(14deg, $success 0%, rgba($success, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($success,.5);
|
||||
border: none;
|
||||
}
|
||||
.btn-gradient-success:hover, .btn-gradient-success:focus, .btn-gradient-success:active, .btn-gradient-success.active,
|
||||
.btn-gradient-success.focus, .btn-gradient-success:active, .btn-gradient-success:focus, .btn-gradient-success:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-success,.btn-gradient-success.active,
|
||||
.btn-gradient-success:active, .show>.btn-gradient-success.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $success 0%, rgba($success, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-success:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-success.dropdown-toggle:focus,
|
||||
.btn-gradient-success.focus, .btn-gradient-success:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($success,.3);
|
||||
box-shadow: 0 0 0 2px rgba($success,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-secondary*/
|
||||
|
||||
.btn-gradient-secondary{
|
||||
background: linear-gradient(14deg, $secondary 0%, rgba($secondary, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($secondary,.5);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-gradient-secondary:hover, .btn-gradient-secondary:focus, .btn-gradient-secondary:active, .btn-gradient-secondary.active,
|
||||
.btn-gradient-secondary.focus, .btn-gradient-secondary:active, .btn-gradient-secondary:focus, .btn-gradient-secondary:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-secondary,.btn-gradient-secondary.active,
|
||||
.btn-gradient-secondary:active, .show>.btn-gradient-secondary.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $secondary 0%, rgba($secondary, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-secondary.dropdown-toggle:focus,
|
||||
.btn-gradient-secondary.focus, .btn-gradient-secondary:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($secondary,.3);
|
||||
box-shadow: 0 0 0 2px rgba($secondary,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-danger*/
|
||||
|
||||
.btn-gradient-danger{
|
||||
background: linear-gradient(14deg, $danger 0%, rgba($danger, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($danger,.5);
|
||||
border:none;
|
||||
}
|
||||
.btn-gradient-danger:hover, .btn-gradient-danger:focus, .btn-gradient-danger:active, .btn-gradient-danger.active,
|
||||
.btn-gradient-danger.focus, .btn-gradient-danger:active, .btn-gradient-danger:focus, .btn-gradient-danger:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-danger,.btn-gradient-danger.active,
|
||||
.btn-gradient-danger:active, .show>.btn-gradient-danger.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $danger 0%, rgba($danger, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-danger.dropdown-toggle:focus,
|
||||
.btn-gradient-danger.focus, .btn-gradient-danger:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($danger,.3);
|
||||
box-shadow: 0 0 0 2px rgba($danger,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-warning*/
|
||||
|
||||
.btn-gradient-warning{
|
||||
background: linear-gradient(14deg, $warning 0%, rgba($warning, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($warning,.5);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-gradient-warning:hover, .btn-gradient-warning:focus, .btn-gradient-warning:active, .btn-gradient-warning.active,
|
||||
.btn-gradient-warning.focus, .btn-gradient-warning:active, .btn-gradient-warning:focus, .btn-gradient-warning:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-warning,.btn-gradient-warning.active,
|
||||
.btn-gradient-warning:active, .show>.btn-gradient-warning.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $warning 0%, rgba($warning, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-warning.dropdown-toggle:focus,
|
||||
.btn-gradient-warning.focus, .btn-gradient-warning:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($warning,.3);
|
||||
box-shadow: 0 0 0 2px rgba($warning,.3);
|
||||
}
|
||||
/*btn-gradient-info*/
|
||||
|
||||
.btn-gradient-info{
|
||||
background: linear-gradient(14deg, $info 0%, rgba($info, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($info,.5);
|
||||
border: none;
|
||||
}
|
||||
.btn-gradient-info:hover, .btn-gradient-info:focus, .btn-gradient-info:active, .btn-gradient-info.active,
|
||||
.btn-gradient-info.focus, .btn-gradient-info:active, .btn-gradient-info:focus, .btn-gradient-info:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-info,.btn-gradient-info.active,
|
||||
.btn-gradient-info:active, .show>.btn-gradient-info.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $info 0%, rgba($info, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-info:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-info.dropdown-toggle:focus,
|
||||
.btn-gradient-info.focus, .btn-gradient-info:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($info,.3);
|
||||
box-shadow: 0 0 0 2px rgba($info,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-dark*/
|
||||
|
||||
.btn-gradient-dark{
|
||||
background: linear-gradient(14deg, $dark 0%, rgba($dark, .7));
|
||||
color:$gray-100;
|
||||
box-shadow: 0 7px 14px 0 rgba($dark,.5);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-gradient-dark:hover, .btn-gradient-dark:focus, .btn-gradient-dark:active, .btn-gradient-dark.active,
|
||||
.btn-gradient-dark.focus, .btn-gradient-dark:active, .btn-gradient-dark:focus, .btn-gradient-dark:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-dark,.btn-gradient-dark.active,
|
||||
.btn-gradient-dark:active, .show>.btn-gradient-dark.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $dark 0%, rgba($dark, .7));
|
||||
color: $gray-100;
|
||||
}
|
||||
.btn-gradient-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-dark.dropdown-toggle:focus,
|
||||
.btn-gradient-dark.focus, .btn-gradient-dark:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($dark,.3);
|
||||
box-shadow: 0 0 0 2px rgba($dark,.3);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*btn-gradient-pink*/
|
||||
|
||||
.btn-gradient-pink{
|
||||
background: linear-gradient(14deg, $pink 0%, rgba($pink, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($pink,.5);
|
||||
border: none;
|
||||
}
|
||||
.btn-gradient-pink:hover, .btn-gradient-pink:focus, .btn-gradient-pink:active, .btn-gradient-pink.active,
|
||||
.btn-gradient-pink.focus, .btn-gradient-pink:active, .btn-gradient-pink:focus, .btn-gradient-pink:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-pink,.btn-gradient-pink.active,
|
||||
.btn-gradient-pink:active, .show>.btn-gradient-pink.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $pink 0%, rgba($pink, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-pink:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-pink.dropdown-toggle:focus,
|
||||
.btn-gradient-pink.focus, .btn-gradient-pink:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($pink,.3);
|
||||
box-shadow: 0 0 0 2px rgba($pink,.3);
|
||||
}
|
||||
|
||||
/*btn-gradient-purple*/
|
||||
|
||||
.btn-gradient-purple{
|
||||
background: linear-gradient(14deg, $purple 0%, rgba($purple, .7));
|
||||
color:$white;
|
||||
box-shadow: 0 7px 14px 0 rgba($purple,.5);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn-gradient-purple:hover, .btn-gradient-purple:focus, .btn-gradient-purple:active, .btn-gradient-purple.active,
|
||||
.btn-gradient-purple.focus, .btn-gradient-purple:active, .btn-gradient-purple:focus, .btn-gradient-purple:hover,
|
||||
.open > .dropdown-toggle.btn-gradient-purple,.btn-gradient-purple.active,
|
||||
.btn-gradient-purple:active, .show>.btn-gradient-purple.dropdown-toggle {
|
||||
background: linear-gradient(14deg, $purple 0%, rgba($purple, .7));
|
||||
color: $white;
|
||||
}
|
||||
.btn-gradient-purple:not(:disabled):not(.disabled):active:focus, .show>.btn-gradient-purple.dropdown-toggle:focus,
|
||||
.btn-gradient-purple.focus, .btn-gradient-purple:focus{
|
||||
-webkit-box-shadow: 0 0 0 2px rgba($purple,.3);
|
||||
box-shadow: 0 0 0 2px rgba($purple,.3);
|
||||
}
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
//
|
||||
// _card.scss
|
||||
//
|
||||
|
||||
.card {
|
||||
box-shadow: $box-shadow;
|
||||
margin-bottom: 24px;
|
||||
background-color: $card-bg;
|
||||
.card-header{
|
||||
background-color: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
+60
@@ -0,0 +1,60 @@
|
||||
//
|
||||
// _dropdown.scss
|
||||
//
|
||||
|
||||
.dropdown-menu{
|
||||
box-shadow: 0 3px 12px $drop-shadow-color;
|
||||
margin: 0;
|
||||
.dropdown-item:hover,
|
||||
.dropdown-item:focus{
|
||||
background-color: $gray-200;
|
||||
color: $gray-900;
|
||||
}
|
||||
}
|
||||
.dropdown-lg{
|
||||
width: $dropdown-lg-width;
|
||||
}
|
||||
|
||||
.ui-widget-content{
|
||||
padding: 4px 0;
|
||||
font-size: $font-size-base;
|
||||
box-shadow: 0 3px 12px rgba($gray-300,.4);
|
||||
border-color: $dropdown-border-color;
|
||||
background-color: $dropdown-bg;
|
||||
margin: 0;
|
||||
.ui-menu-item {
|
||||
padding: 6px 24px;
|
||||
color: $gray-700;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.active,
|
||||
&:active{
|
||||
color: $gray-800;
|
||||
text-decoration: none;
|
||||
background-color: $gray-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-widget.ui-widget-content{
|
||||
border: 1px solid rgba($gray-200,.4);
|
||||
z-index: 1111;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.ui-state-active,
|
||||
.ui-widget-content .ui-state-active,
|
||||
.ui-widget-header .ui-state-active,
|
||||
a.ui-button:active,
|
||||
.ui-button:active,
|
||||
.ui-button.ui-state-active:hover {
|
||||
border: none;
|
||||
color: $gray-800;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.ui-menu .ui-state-focus,
|
||||
.ui-menu .ui-state-active {
|
||||
margin: 0;
|
||||
}
|
||||
+210
@@ -0,0 +1,210 @@
|
||||
/* ==============
|
||||
Form-Advanced
|
||||
===================*/
|
||||
|
||||
/* Datepicker */
|
||||
.datepicker {
|
||||
border: 1px solid $gray-200;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover,.datepicker table tr td.today, .datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover,.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected:hover {
|
||||
background-color: $primary !important;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.daterangepicker {
|
||||
.drp-buttons {
|
||||
.btn {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
td.active,
|
||||
td.active:hover {
|
||||
background-color: rgba($primary, 0.1);
|
||||
border-color: transparent;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
.daterangepicker td.active, .daterangepicker
|
||||
|
||||
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>td {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Bootstrap-touchSpin */
|
||||
.bootstrap-touchspin .input-group-btn-vertical .btn {
|
||||
padding: 9px 12px;
|
||||
}
|
||||
.bootstrap-touchspin .input-group-btn-vertical i {
|
||||
top: 4px;
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
/* Prism */
|
||||
:not(pre) > code[class*="language-"], pre[class*="language-"] {
|
||||
background: $light;
|
||||
}
|
||||
|
||||
/* Rating */
|
||||
.badge:empty {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
.select2-container--default{
|
||||
.select2-selection--single {
|
||||
border: 1px solid $border_2;
|
||||
height: 38px;
|
||||
background-color: $card-bg;
|
||||
&:focus{
|
||||
outline: none;
|
||||
}
|
||||
.select2-selection__rendered {
|
||||
color: $body-color;
|
||||
line-height: 38px;
|
||||
}
|
||||
.select2-selection__arrow {
|
||||
height: 38px;
|
||||
right: 8px;
|
||||
}
|
||||
}
|
||||
.select2-selection--multiple {
|
||||
background-color: $card-bg;
|
||||
.select2-selection__choice {
|
||||
margin-top: 7px;
|
||||
background-color: $info;
|
||||
border: 1px solid $border_2;
|
||||
color: $white;
|
||||
}
|
||||
.select2-selection__choice__remove{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.select2-search--dropdown {
|
||||
.select2-search__field{
|
||||
background-color: $card-bg;
|
||||
border: 1px solid $border_2;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container--default.select2-container--focus {
|
||||
.select2-selection--multiple{
|
||||
border: 1px solid $border_2;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container {
|
||||
.select2-selection--multiple {
|
||||
min-height: 38px;
|
||||
border: 1px solid $border_2;
|
||||
}
|
||||
.select2-search--inline {
|
||||
.select2-search__field {
|
||||
margin-top: 8px;
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select2-dropdown {
|
||||
background-color: $card-bg;
|
||||
border: 1px solid $border;
|
||||
}
|
||||
|
||||
|
||||
/*---datetimepicker---*/
|
||||
.dtp-btn-cancel {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.addon-color-picker .btn {
|
||||
padding: 8px;
|
||||
line-height: 0;
|
||||
border-color: #bfbfbf;
|
||||
}
|
||||
/*--colorpicker--*/
|
||||
.asColorPicker-clear {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 45px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.asColorPicker-trigger {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 38px;
|
||||
width: 38px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.asColorPicker-dropdown {
|
||||
max-width: 260px;
|
||||
}
|
||||
|
||||
.asColorPicker-wrap {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
|
||||
.input-title{
|
||||
font-weight: 400;
|
||||
font-size: 15px;
|
||||
color: $dark;
|
||||
}
|
||||
|
||||
//Bootstrap Material Datetimepicker
|
||||
|
||||
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
|
||||
background: $dtp;
|
||||
}
|
||||
.dtp table.dtp-picker-days tr > td > a.selected {
|
||||
background: rgba($primary, 0.1);
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.dtp div.dtp-date, .dtp div.dtp-time {
|
||||
background: lighten($dtp, 3%);
|
||||
color: $primary;
|
||||
}
|
||||
.dtp div.dtp-actual-year,
|
||||
.dtp div.dtp-actual-month{
|
||||
color: $gray-100;
|
||||
font-size: 14px;
|
||||
padding: 8px 0 ;
|
||||
}
|
||||
|
||||
.dtp > .dtp-content{
|
||||
max-height: 555px;
|
||||
}
|
||||
.dtp table.dtp-picker-days tr > th{
|
||||
color: lighten($dtp, 15%);
|
||||
}
|
||||
|
||||
.dtp table.dtp-picker-days tr > td > a,
|
||||
.dtp .dtp-picker-time > a{
|
||||
color: lighten($dtp, 45%);
|
||||
font-size: 12px;
|
||||
}
|
||||
.dtp div.dtp-actual-num{
|
||||
font-size: 64px;
|
||||
}
|
||||
|
||||
|
||||
.dtp .p10 > a { color: $dtp; text-decoration: none; }
|
||||
+47
@@ -0,0 +1,47 @@
|
||||
|
||||
// Form editor
|
||||
.mce-panel{
|
||||
border: 1px solid $gray-200 !important;
|
||||
background-color: $editor-layout !important;
|
||||
color: $gray-700 !important;
|
||||
}
|
||||
.mce-label{
|
||||
text-shadow: none !important;
|
||||
color: $gray-500 !important;
|
||||
}
|
||||
.mce-tinymce{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.mce-btn {
|
||||
background: transparent !important;
|
||||
}
|
||||
.mce-flow-layout,
|
||||
.mce-top-part::before{
|
||||
box-shadow: none !important;
|
||||
background-color: $gray-200 !important;
|
||||
}
|
||||
.mce-caret{
|
||||
border-top: 4px solid $gray-700 !important;
|
||||
opacity: .7 !important;
|
||||
}
|
||||
.mce-menubar .mce-caret {
|
||||
border-top-color: $gray-700 !important;
|
||||
opacity: .7 !important;
|
||||
}
|
||||
.mce-menubar .mce-menubtn button span,
|
||||
.mce-btn .mce-txt,
|
||||
.mce-ico{
|
||||
color: $gray-700 !important;
|
||||
}
|
||||
|
||||
.mce-btn.mce-disabled button,
|
||||
.mce-btn.mce-disabled:hover button{
|
||||
opacity: .7 !important;
|
||||
}
|
||||
.mce-menu-item.mce-disabled,
|
||||
.mce-menu-item.mce-disabled:hover,
|
||||
.mce-menu-item:hover,
|
||||
.mce-menu-item:focus{
|
||||
background: $gray-100 !important;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
//
|
||||
// Form Validation
|
||||
//
|
||||
|
||||
.error {
|
||||
color: $danger;
|
||||
}
|
||||
|
||||
.parsley-error {
|
||||
border-color: $danger;
|
||||
}
|
||||
.parsley-errors-list {
|
||||
display: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.parsley-errors-list.filled {
|
||||
display: block;
|
||||
}
|
||||
.parsley-errors-list > li {
|
||||
font-size: 12px;
|
||||
list-style: none;
|
||||
color: $danger;
|
||||
margin-top: 5px;
|
||||
}
|
||||
+130
@@ -0,0 +1,130 @@
|
||||
|
||||
.form-wizard-wrapper {
|
||||
label {
|
||||
font-size: 13px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.wizard > .content > .body input{
|
||||
border: 1px solid $border_2;
|
||||
&:focus{
|
||||
border-color: rgba($primary, 0.5);
|
||||
}
|
||||
}
|
||||
.wizard.vertical > .steps{
|
||||
width: auto;
|
||||
}
|
||||
.wizard > .steps > ul > li {
|
||||
width: auto;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.wizard>.steps a,
|
||||
.wizard>.steps a:active,
|
||||
.wizard>.steps a:hover {
|
||||
margin: 3px;
|
||||
padding: 0;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.wizard>.steps .current a,
|
||||
.wizard>.steps .current a:active,
|
||||
.wizard>.steps .current a:hover {
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
color: $white;
|
||||
padding: 2px 20px 2px 2px;
|
||||
box-shadow: 0px 3px 10px 0 rgba($primary, 0.4);
|
||||
}
|
||||
|
||||
.wizard>.steps .disabled a,
|
||||
.wizard>.steps .disabled a:active,
|
||||
.wizard>.steps .disabled a:hover,
|
||||
.wizard>.steps .done a,
|
||||
.wizard>.steps .done a:active,
|
||||
.wizard>.steps .done a:hover {
|
||||
background-color: rgba($primary,0.1);
|
||||
color: $gray-400;
|
||||
padding: 0 20px 0 0;
|
||||
box-shadow: 0px 0px 0px 2.25px rgba($primary,0.5);
|
||||
}
|
||||
|
||||
.wizard>.steps .current a .number,
|
||||
.wizard>.steps .current a:active .number,
|
||||
.wizard>.steps .current a:hover .number {
|
||||
border: 2px solid $white;
|
||||
}
|
||||
|
||||
.wizard>.steps .disabled a .number,
|
||||
.wizard>.steps .disabled a:active .number,
|
||||
.wizard>.steps .disabled a:hover .number,
|
||||
.wizard>.steps .done a .number,
|
||||
.wizard>.steps .done a:active .number,
|
||||
.wizard>.steps .done a:hover .number {
|
||||
border-color: $primary;
|
||||
}
|
||||
|
||||
.wizard>.content {
|
||||
background-color: transparent;
|
||||
margin: 0 5px;
|
||||
border-radius: 0;
|
||||
min-height: 150px
|
||||
}
|
||||
#form-horizontal fieldset{
|
||||
margin-top:20px;
|
||||
}
|
||||
.wizard>.content>.body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 15px 0 0;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.wizard>.steps .number {
|
||||
font-size: 16px;
|
||||
padding: 5px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid $white;
|
||||
width: 38px;
|
||||
display: inline-block;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
background-color: rgba($primary, 0.15);
|
||||
}
|
||||
.wizard > .actions,
|
||||
.wizard.vertical > .actions{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.wizard>.actions .disabled a,
|
||||
.wizard>.actions .disabled a:active,
|
||||
.wizard>.actions .disabled a:hover {
|
||||
opacity: .65;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
color: $white;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.wizard>.actions a,
|
||||
.wizard>.actions a:active,
|
||||
.wizard>.actions a:hover {
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
border-radius: 4px;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.wizard > .steps > ul > li {
|
||||
width: 50%;
|
||||
}
|
||||
.form-wizard-wrapper {
|
||||
label {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (max-width: 520px) {
|
||||
.wizard > .steps > ul > li {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
+163
@@ -0,0 +1,163 @@
|
||||
//
|
||||
// Forms
|
||||
//
|
||||
|
||||
label {
|
||||
font-weight: 400;
|
||||
color: $label;
|
||||
font-size: 13px;
|
||||
}
|
||||
.custom-control-label{
|
||||
padding-top: 2px;
|
||||
}
|
||||
.form-control {
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-text{
|
||||
font-size: $font-size-base;
|
||||
background-color: $gray-200;
|
||||
border: 1px solid $border_2;
|
||||
}
|
||||
.custom-file-input,
|
||||
.custom-file-label{
|
||||
height: calc(2.3rem + 1px);
|
||||
line-height: 26px;
|
||||
}
|
||||
.custom-file-label::after{
|
||||
height: calc(1.5em + 15px);
|
||||
line-height: 24px;
|
||||
}
|
||||
.form-group{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.custom-select:focus{
|
||||
border-color: rgba($primary, 0.5);
|
||||
box-shadow: none;
|
||||
}
|
||||
.custom-control-input:checked~.custom-control-indicator {
|
||||
background-color: $primary;
|
||||
}
|
||||
|
||||
.custom-control-input:focus~.custom-control-indicator {
|
||||
-webkit-box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
|
||||
box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
|
||||
}
|
||||
|
||||
.has-success {
|
||||
.form-control {
|
||||
border-color: $success;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.has-warning {
|
||||
.form-control {
|
||||
border-color: $warning;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.has-error {
|
||||
.form-control {
|
||||
border-color: $danger;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-addon {
|
||||
border-radius: 2px;
|
||||
border: 1px solid $light;
|
||||
}
|
||||
.col-form-label{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.form-control.is-valid:focus,
|
||||
.custom-select.is-valid:focus,
|
||||
.was-validated .custom-select:valid:focus {
|
||||
border-color: $success;
|
||||
box-shadow: none;
|
||||
}
|
||||
.custom-select.is-invalid:focus,
|
||||
.was-validated .custom-select:invalid:focus {
|
||||
border-color: $danger;
|
||||
box-shadow:none;
|
||||
}
|
||||
.custom-select{
|
||||
font-size: 13px;
|
||||
height: 38px;
|
||||
}
|
||||
.custom-file-input.is-invalid:focus~.custom-file-label,
|
||||
.was-validated .custom-file-input:invalid:focus~.custom-file-label,
|
||||
.form-control.is-invalid:focus,
|
||||
.was-validated .form-control:invalid:focus {
|
||||
border-color: $danger;
|
||||
box-shadow: none;
|
||||
}
|
||||
.custom-file-input:focus~.custom-file-label{
|
||||
border-color: rgba($primary, 0.5);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
dt {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
||||
.demo-container {
|
||||
box-sizing: border-box;
|
||||
width: 850px;
|
||||
height: 450px;
|
||||
padding: 20px 15px 15px 15px;
|
||||
margin: 15px auto 30px auto;
|
||||
border: 1px solid #ddd;
|
||||
background: #fff;
|
||||
background: linear-gradient(#f6f6f6 0, #fff 50px);
|
||||
background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
|
||||
background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
|
||||
background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
|
||||
background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
|
||||
box-shadow: 0 3px 10px rgba(0,0,0,0.15);
|
||||
-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
|
||||
-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
|
||||
-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.demo-placeholder {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.dropify-wrapper{
|
||||
background-color: $card-bg;
|
||||
border: 2px dashed $border_2;
|
||||
.dropify-message {
|
||||
p{
|
||||
color: $gray-500;
|
||||
}
|
||||
span.file-icon{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background-size: 30px 30px;
|
||||
background-image: linear-gradient(-45deg,$gray-200 25%,transparent 25%,transparent 50%,$gray-200 50%,$gray-200 75%,transparent 75%,transparent);
|
||||
}
|
||||
.dropify-preview{
|
||||
background-color: $card-bg;
|
||||
}
|
||||
}
|
||||
+72
@@ -0,0 +1,72 @@
|
||||
//
|
||||
// Modals
|
||||
//
|
||||
|
||||
.modal-demo {
|
||||
background-color: $card-bg;
|
||||
width: 600px;
|
||||
border-radius: 4px;
|
||||
display: none;
|
||||
position: relative;
|
||||
.close {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 25px;
|
||||
color: $gray-200;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-content{
|
||||
background-color: $gray-100;
|
||||
.modal-header,.modal-footer{
|
||||
border-color: $gray-300;
|
||||
background-color:$gray-300;
|
||||
.modal-title{
|
||||
color: $gray-900;
|
||||
align-self: center;
|
||||
font-weight: 600;
|
||||
margin-top: 0;
|
||||
}
|
||||
.close{
|
||||
color: $gray-800;
|
||||
}
|
||||
}
|
||||
.modal-body p,h4{
|
||||
color: $gray-600;
|
||||
}
|
||||
.modal-title.custom-title{
|
||||
color: lighten($gray-500, 80%);
|
||||
}
|
||||
}
|
||||
|
||||
#custom-modal{
|
||||
.close{
|
||||
color: $gray-800;
|
||||
}
|
||||
}
|
||||
.custom-modal-title {
|
||||
padding: 15px 25px 15px 25px;
|
||||
line-height: 22px;
|
||||
font-size: 18px;
|
||||
background-color: $gray-200;
|
||||
color: $gray-800;
|
||||
text-align: left;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.custom-modal-text {
|
||||
padding: 20px;
|
||||
color: $gray-500;
|
||||
}
|
||||
|
||||
.custombox-modal-flash .close,
|
||||
.custombox-modal-rotatedown .close {
|
||||
top: 20px;
|
||||
z-index: 9999;
|
||||
|
||||
}
|
||||
|
||||
#session-timeout-dialog .modal-header {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
+81
@@ -0,0 +1,81 @@
|
||||
//
|
||||
// progress.scss
|
||||
//
|
||||
|
||||
.progress{
|
||||
box-shadow: $progress-shadow;
|
||||
background-color: $gray-200;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Progressbar Vertical */
|
||||
|
||||
.progress-vertical {
|
||||
min-height: 250px;
|
||||
height: 250px;
|
||||
width: 10px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-right: 20px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.progress-vertical .progress-bar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.progress-vertical-bottom {
|
||||
min-height: 250px;
|
||||
height: 250px;
|
||||
position: relative;
|
||||
width: 10px;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-right: 20px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.progress-vertical-bottom .progress-bar {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-sm,
|
||||
.progress-vertical-bottom.progress-sm {
|
||||
width: 5px !important;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-sm .progress-bar,
|
||||
.progress-vertical-bottom.progress-sm .progress-bar {
|
||||
font-size: 8px;
|
||||
line-height: 5px;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-md,
|
||||
.progress-vertical-bottom.progress-md {
|
||||
width: 15px !important;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-md .progress-bar,
|
||||
.progress-vertical-bottom.progress-md .progress-bar {
|
||||
font-size: 10.8px;
|
||||
line-height: 14.4px;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-lg,
|
||||
.progress-vertical-bottom.progress-lg {
|
||||
width: 20px !important;
|
||||
}
|
||||
|
||||
.progress-vertical.progress-lg .progress-bar,
|
||||
.progress-vertical-bottom.progress-lg .progress-bar {
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.progress-icon-spin{
|
||||
font-size: 36px;
|
||||
}
|
||||
+76
@@ -0,0 +1,76 @@
|
||||
/* =============
|
||||
General
|
||||
============= */
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body{
|
||||
margin: 0;
|
||||
overflow-x: hidden !important;
|
||||
font-size: $font-size-base;
|
||||
background-color: $body-bg;
|
||||
color: $body-color;
|
||||
min-height: 100vh;
|
||||
letter-spacing: 0.1px;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.h1,.h2,.h3,.h4,.h5,.h6,
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: $gray-700;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
line-height: 43px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
font-family: $font-primary;
|
||||
color: $gray-700;
|
||||
&:hover,&:active,&:focus {
|
||||
outline: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
line-height: 1.6;
|
||||
font-family: $font-secondary;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-normal;
|
||||
}
|
||||
|
||||
* {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.font-weight-semibold{
|
||||
font-weight: $font-weight-semibold;
|
||||
}
|
||||
|
||||
.nav{
|
||||
&.nav-pills{
|
||||
background-color: $gray-100;
|
||||
}
|
||||
}
|
||||
+172
@@ -0,0 +1,172 @@
|
||||
//
|
||||
// Switch
|
||||
//
|
||||
|
||||
|
||||
.custom-switch {
|
||||
&.switch-primary{
|
||||
// .custom-control-input:checked~.custom-control-label::after {
|
||||
// background-color: $white;
|
||||
// transform: translateX(.75rem);
|
||||
// }
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $primary;
|
||||
background-color: $primary;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($primary,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Secondary
|
||||
|
||||
&.switch-secondary{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $secondary;
|
||||
background-color: $secondary;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($secondary,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Switch Success
|
||||
|
||||
&.switch-success{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $success;
|
||||
background-color: $success;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($success,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Switch Warning
|
||||
|
||||
&.switch-warning{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $warning;
|
||||
background-color: $warning;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($warning,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Info
|
||||
|
||||
&.switch-info{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $info;
|
||||
background-color: $info;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($info,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Danger
|
||||
|
||||
&.switch-danger{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $danger;
|
||||
background-color: $danger;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($danger,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Dark
|
||||
|
||||
&.switch-dark{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $dark;
|
||||
background-color: $dark;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($dark,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Purple
|
||||
|
||||
&.switch-purple{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $purple;
|
||||
background-color: $purple;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($purple,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Pink
|
||||
|
||||
&.switch-pink{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $pink;
|
||||
background-color: $pink;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($pink,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
// Switch Blue
|
||||
|
||||
&.switch-blue{
|
||||
.custom-control-input:checked~.custom-control-label::before {
|
||||
color: $white;
|
||||
border-color: $blue;
|
||||
background-color: $blue;
|
||||
}
|
||||
.custom-control-input:focus~.custom-control-label::before {
|
||||
box-shadow: 0 0 0 0.110px rgba($blue,.25);
|
||||
}
|
||||
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
||||
border-color: rgba($gray-500,.7);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
+117
@@ -0,0 +1,117 @@
|
||||
//
|
||||
// _tables.scss
|
||||
//
|
||||
|
||||
|
||||
.table {
|
||||
th{
|
||||
color: $gray-700;
|
||||
font-weight: 500;
|
||||
vertical-align: middle;
|
||||
}
|
||||
td {
|
||||
font-weight: 400;
|
||||
vertical-align: middle;
|
||||
}
|
||||
&.border-dashed{
|
||||
th {
|
||||
font-weight: 500;
|
||||
border-top: 1px dashed $table-border-color;
|
||||
}
|
||||
td{
|
||||
border-top: 1px dashed $table-border-color;
|
||||
}
|
||||
thead {
|
||||
th {
|
||||
border-bottom: 2px dashed $table-border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.table-bordered{
|
||||
thead{
|
||||
background-color: $gray-200;
|
||||
}
|
||||
}
|
||||
.thead-light {
|
||||
th{
|
||||
color: $gray-700;
|
||||
}
|
||||
}
|
||||
&.table-dark {
|
||||
color: $gray-100;
|
||||
th{
|
||||
color: $gray-100;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*===Datatable===*/
|
||||
.table{
|
||||
td {
|
||||
vertical-align: middle;
|
||||
&.highlight {
|
||||
font-weight: bold;
|
||||
color: $info;
|
||||
}
|
||||
&.details-control {
|
||||
background: url('../images/open.png') no-repeat center center;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
tr.shown td.details-control {
|
||||
background: url('../images/close.png') no-repeat center center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*== Table Responsive ==*/
|
||||
|
||||
.table-rep-plugin {
|
||||
.btn-toolbar {
|
||||
display: block;
|
||||
}
|
||||
.btn-default {
|
||||
border: none;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
color: $white;
|
||||
margin-right: 5px;
|
||||
box-shadow: 0 7px 14px 0 rgba($primary, 0.5);
|
||||
transition: .3s ease-out;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $white;
|
||||
box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
}
|
||||
}
|
||||
.btn-default.btn-primary:active,
|
||||
.btn-default.btn-primary:hover,
|
||||
.btn-default.btn-primary:focus {
|
||||
border: none !important;
|
||||
background: linear-gradient(14deg, $primary 0%, rgba($primary, 0.6));
|
||||
color: $white;
|
||||
box-shadow: 0 0 0 2px rgba($primary,.3);
|
||||
}
|
||||
tbody th {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
table.focus-on tbody tr.focused th,
|
||||
table.focus-on tbody tr.focused td {
|
||||
background-color: $primary;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
/* Sticky Header */
|
||||
.fixed-solution .sticky-table-header {
|
||||
top: 70px !important;
|
||||
background-color: $gray-100;
|
||||
border-top: 1px solid $border_2;
|
||||
border-bottom: 1px solid $border_2;
|
||||
}
|
||||
|
||||
.table-responsive[data-pattern="priority-columns"]{
|
||||
border: 1px solid $border_2;
|
||||
}
|
||||
+31
@@ -0,0 +1,31 @@
|
||||
//
|
||||
// _type.scss
|
||||
//
|
||||
|
||||
.font-12{
|
||||
font-size: 12px !important;
|
||||
}
|
||||
.font-14{
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.font-15{
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.font-16{
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.font-18{
|
||||
font-size: 18px !important;
|
||||
}
|
||||
.font-20{
|
||||
font-size: 20px !important;
|
||||
}
|
||||
.font-22{
|
||||
font-size: 22px !important;
|
||||
}
|
||||
.font-24{
|
||||
font-size: 24px !important;
|
||||
}
|
||||
.font-30{
|
||||
font-size: 30px !important;
|
||||
}
|
||||
+168
@@ -0,0 +1,168 @@
|
||||
|
||||
/*!
|
||||
* Waves v0.7.6
|
||||
* http://fian.my.id/Waves
|
||||
*
|
||||
* Copyright 2014-2018 Alfiana E. Sibuea and other contributors
|
||||
* Released under the MIT license
|
||||
* https://github.com/fians/Waves/blob/master/LICENSE */
|
||||
.waves-effect {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.waves-effect .waves-ripple {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-top: -50px;
|
||||
margin-left: -50px;
|
||||
opacity: 0;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
-webkit-transition: all 0.5s ease-out;
|
||||
-moz-transition: all 0.5s ease-out;
|
||||
-o-transition: all 0.5s ease-out;
|
||||
transition: all 0.5s ease-out;
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
-moz-transition-property: -moz-transform, opacity;
|
||||
-o-transition-property: -o-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-transform: scale(0) translate(0, 0);
|
||||
-moz-transform: scale(0) translate(0, 0);
|
||||
-ms-transform: scale(0) translate(0, 0);
|
||||
-o-transform: scale(0) translate(0, 0);
|
||||
transform: scale(0) translate(0, 0);
|
||||
pointer-events: none;
|
||||
}
|
||||
.waves-effect.waves-light .waves-ripple {
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
|
||||
}
|
||||
.waves-effect.waves-classic .waves-ripple {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.waves-effect.waves-classic.waves-light .waves-ripple {
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
.waves-notransition {
|
||||
-webkit-transition: none !important;
|
||||
-moz-transition: none !important;
|
||||
-o-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
.waves-button,
|
||||
.waves-circle {
|
||||
-webkit-transform: translateZ(0);
|
||||
-moz-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
-o-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
|
||||
}
|
||||
.waves-button,
|
||||
.waves-button:hover,
|
||||
.waves-button:visited,
|
||||
.waves-button-input {
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: inherit;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
font-size: 1em;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
z-index: 1;
|
||||
}
|
||||
.waves-button {
|
||||
padding: 0.85em 1.1em;
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
.waves-button-input {
|
||||
margin: 0;
|
||||
padding: 0.85em 1.1em;
|
||||
}
|
||||
.waves-input-wrapper {
|
||||
border-radius: 0.2em;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.waves-input-wrapper.waves-button {
|
||||
padding: 0;
|
||||
}
|
||||
.waves-input-wrapper .waves-button-input {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.waves-circle {
|
||||
text-align: center;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
line-height: 2.5em;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.waves-float {
|
||||
-webkit-mask-image: none;
|
||||
-webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
|
||||
-webkit-transition: all 300ms;
|
||||
-moz-transition: all 300ms;
|
||||
-o-transition: all 300ms;
|
||||
transition: all 300ms;
|
||||
}
|
||||
.waves-float:active {
|
||||
-webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.waves-block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.waves-effect.waves-light {
|
||||
.waves-ripple {
|
||||
background-color: rgba($white, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
.waves-effect.waves-primary {
|
||||
.waves-ripple {
|
||||
background-color: rgba($primary, 0.4);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-success {
|
||||
.waves-ripple {
|
||||
background-color: rgba($success, 0.4);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-info {
|
||||
.waves-ripple {
|
||||
background-color: rgba($info, 0.4);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-warning {
|
||||
.waves-ripple {
|
||||
background-color: rgba($warning, 0.4);
|
||||
}
|
||||
}
|
||||
.waves-effect.waves-danger {
|
||||
.waves-ripple {
|
||||
background-color: rgba($danger, 0.4);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user