mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
Commit realizando cambios en los roles de los usuarios
This commit is contained in:
326
httpdocs/themes/focus2/scss/components/ui/_ui-alert.scss
Normal file
326
httpdocs/themes/focus2/scss/components/ui/_ui-alert.scss
Normal file
@ -0,0 +1,326 @@
|
||||
|
||||
|
||||
.alert-square{
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.alert-rounded{
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
// Basic Alert
|
||||
|
||||
|
||||
.alert-primary{
|
||||
background: lighten($primary, 25%);
|
||||
border-color: lighten($primary, 25%);
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
.alert-secondary{
|
||||
background: lighten($secondary, 25%);
|
||||
border-color: lighten($secondary, 25%);
|
||||
color: $secondary;
|
||||
}
|
||||
|
||||
|
||||
.alert-success{
|
||||
background: lighten($success, 32%);
|
||||
border-color: lighten($success, 32%);
|
||||
color: $success;
|
||||
}
|
||||
|
||||
.alert-warning{
|
||||
background: lighten($warning, 25%);
|
||||
border-color: lighten($warning, 25%);
|
||||
color: $warning;
|
||||
}
|
||||
|
||||
.alert-danger{
|
||||
background: lighten($danger, 25%);
|
||||
border-color: lighten($danger, 25%);
|
||||
color: $danger;
|
||||
}
|
||||
|
||||
.alert-info{
|
||||
background: lighten($info, 25%);
|
||||
border-color: lighten($info, 25%);
|
||||
color: $info;
|
||||
}
|
||||
|
||||
.alert-dark{
|
||||
background: lighten($dark, 60%);
|
||||
border-color: lighten($dark, 60%);
|
||||
color: $dark;
|
||||
}
|
||||
.alert-light{
|
||||
background: $light;
|
||||
border-color: $light;
|
||||
color: $dark;
|
||||
}
|
||||
|
||||
|
||||
// Alert alt
|
||||
|
||||
.alert-alt.alert-primary{
|
||||
border-left: 4px solid $primary;
|
||||
}
|
||||
|
||||
.alert-alt.alert-secondary{
|
||||
border-left: 4px solid $secondary;
|
||||
}
|
||||
|
||||
|
||||
.alert-alt.alert-success{
|
||||
border-left: 4px solid $success
|
||||
}
|
||||
|
||||
.alert-alt.alert-warning{
|
||||
border-left: 4px solid $warning;
|
||||
}
|
||||
|
||||
.alert-alt.alert-danger{
|
||||
border-left: 4px solid $danger;
|
||||
}
|
||||
|
||||
.alert-alt.alert-info{
|
||||
border-left: 4px solid $info;
|
||||
}
|
||||
|
||||
.alert-alt.alert-dark{
|
||||
border-left: 4px solid $dark;
|
||||
}
|
||||
.alert-alt.alert-light{
|
||||
border-left: 4px solid darken($light,15%);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Alert alt with solid color
|
||||
|
||||
.alert-alt.alert-primary.solid{
|
||||
border-left: 4px solid darken($primary,25%)!important;
|
||||
}
|
||||
|
||||
.alert-alt.alert-secondary.solid{
|
||||
border-left: 4px solid darken($secondary,25%)!important;
|
||||
}
|
||||
|
||||
|
||||
.alert-alt.alert-success.solid{
|
||||
border-left: 4px solid darken($success, 25%)!important;
|
||||
}
|
||||
|
||||
.alert-alt.alert-warning.solid{
|
||||
border-left: 4px solid darken($warning,25%)!important;
|
||||
}
|
||||
|
||||
.alert-alt.alert-danger.solid{
|
||||
border-left: 4px solid darken($danger,25%)!important;
|
||||
}
|
||||
|
||||
.alert-alt.alert-info.solid{
|
||||
border-left: 4px solid darken($info,25%)!important;
|
||||
}
|
||||
|
||||
.alert-alt.alert-dark.solid{
|
||||
border-left: 4px solid darken($dark,25%)!important;
|
||||
}
|
||||
.alert-alt.alert-light.solid{
|
||||
border-left: 4px solid darken($light,25%)!important;
|
||||
}
|
||||
|
||||
|
||||
//Alert dismissable with solid color
|
||||
.alert-dismissible.solid{
|
||||
.close{
|
||||
&:hover{
|
||||
color: $white;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Alert Solid
|
||||
|
||||
.alert.alert-primary.solid{
|
||||
background: $primary;
|
||||
color: $white;
|
||||
border-color: $primary;
|
||||
}
|
||||
|
||||
.alert.alert-secondary.solid{
|
||||
background: $secondary;
|
||||
color: $white;
|
||||
border-color: $secondary;
|
||||
}
|
||||
.alert.alert-success.solid{
|
||||
background: $success;
|
||||
color: $white;
|
||||
border-color: $success;
|
||||
}
|
||||
|
||||
.alert.alert-warning.solid{
|
||||
background: $warning;
|
||||
color: $white;
|
||||
border-color: $warning;
|
||||
}
|
||||
|
||||
.alert.alert-danger.solid{
|
||||
background: $danger;
|
||||
color: $white;
|
||||
border-color: $danger;
|
||||
}
|
||||
|
||||
.alert.alert-info.solid{
|
||||
background: $info;
|
||||
color: $white;
|
||||
border-color: $info;
|
||||
}
|
||||
|
||||
|
||||
.alert.alert-dark.solid{
|
||||
background: $dark;
|
||||
color: $white;
|
||||
border-color: $dark;
|
||||
}
|
||||
|
||||
|
||||
.alert.alert-light.solid{
|
||||
background: $light;
|
||||
color: $dark;
|
||||
border-color: $light;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// Alert right icon
|
||||
|
||||
.alert-right-icon{
|
||||
&>span i{
|
||||
font-size: 18px;
|
||||
margin-right: 5px;;
|
||||
}
|
||||
.close{
|
||||
i{
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Alert Outline
|
||||
.alert.alert-outline-primary{
|
||||
background: transparent;
|
||||
color: $primary;
|
||||
border-color: $primary;
|
||||
}
|
||||
|
||||
|
||||
.alert.alert-outline-secondary{
|
||||
background: transparent;
|
||||
color: $secondary;
|
||||
border-color: $secondary;
|
||||
}
|
||||
|
||||
|
||||
.alert.alert-outline-success{
|
||||
background: transparent;
|
||||
color: $success;
|
||||
border-color: $success;
|
||||
}
|
||||
|
||||
|
||||
.alert.alert-outline-info{
|
||||
background: transparent;
|
||||
color: $info;
|
||||
border-color: $info;
|
||||
}
|
||||
|
||||
|
||||
.alert.alert-outline-warning{
|
||||
background: transparent;
|
||||
color: $warning;
|
||||
border-color: $warning;
|
||||
}
|
||||
|
||||
.alert.alert-outline-danger{
|
||||
background: transparent;
|
||||
color: $danger;
|
||||
border-color: $danger;
|
||||
}
|
||||
|
||||
.alert.alert-outline-dark{
|
||||
background: transparent;
|
||||
color: $dark;
|
||||
border-color: $dark;
|
||||
}
|
||||
|
||||
.alert.alert-outline-light{
|
||||
background: transparent;
|
||||
color: $dark;
|
||||
border-color: $light;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Alert Social
|
||||
.alert-social{
|
||||
color: $white;
|
||||
.alert-social-icon{
|
||||
align-self: center;
|
||||
margin-right: 0.9375rem;
|
||||
i{
|
||||
font-size: 42px;
|
||||
}
|
||||
}
|
||||
&.facebook{
|
||||
background-color: $facebook;
|
||||
}
|
||||
&.twitter{
|
||||
background-color: $twitter;
|
||||
}
|
||||
&.linkedin{
|
||||
background-color: $linkedin;
|
||||
}
|
||||
&.google-plus{
|
||||
background-color: $google-plus;
|
||||
}
|
||||
.close{
|
||||
&:hover{
|
||||
opacity: 1!important;
|
||||
color: $white!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Alert left icon
|
||||
|
||||
.left-icon-big{
|
||||
.alert-left-icon-big{
|
||||
align-self: center;
|
||||
margin-right: 0.9375rem;
|
||||
i{
|
||||
font-size: 42px;
|
||||
}
|
||||
// &.primary{
|
||||
// background: $primary;
|
||||
// color: $white;
|
||||
// }
|
||||
}
|
||||
.media-body{
|
||||
// margin-left: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user