added admin interface
This commit is contained in:
93
admin/assets/scss/base/_general.scss
Normal file
93
admin/assets/scss/base/_general.scss
Normal file
@ -0,0 +1,93 @@
|
||||
/* General Styles */
|
||||
/*=======================*/
|
||||
// WrapTheme
|
||||
// www.thememakker.com
|
||||
/*=======================*/
|
||||
|
||||
body {
|
||||
background-color: #f4f7f9;
|
||||
font-family: $font-family;
|
||||
font-size: $font-size;
|
||||
color: $font-color;
|
||||
@include transition(all .3s ease-in-out);
|
||||
}
|
||||
a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $link-color-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.inlineblock {display: inline-block;}
|
||||
.displayblock {display: block;}
|
||||
.displaynone {display: none; }
|
||||
.overflowhidden{overflow: hidden;}
|
||||
.z-index{ z-index: 9999;}
|
||||
.br8{border-radius:8px; }
|
||||
.p-10{padding: 10px !important; }
|
||||
|
||||
|
||||
.l-green { background: linear-gradient(45deg, #9ce89d, #cdfa7e) !important;}
|
||||
.l-pink {background: linear-gradient(45deg, #ffc0cb, #fbc1cb) !important;}
|
||||
.l-turquoise {background: linear-gradient(45deg, #00ced1, #08e5e8) !important;}
|
||||
.l-cyan {background: linear-gradient(45deg, #49cdd0, #00bcd4) !important;}
|
||||
.l-khaki {background: linear-gradient(45deg, #f0e68c, #fdf181) !important;}
|
||||
.l-coral {background: linear-gradient(45deg, #f08080, #f58787) !important;}
|
||||
.l-salmon {background: linear-gradient(45deg, #ec74a1, #fbc7c0) !important;}
|
||||
.l-blue {background: linear-gradient(45deg, #72c2ff, #86f0ff) !important;}
|
||||
.l-seagreen {background: linear-gradient(45deg, #8ed8ec, #85f7b5) !important;}
|
||||
.l-amber {background: linear-gradient(45deg, #fda582, #f7cf68) !important;}
|
||||
.l-blush {background: linear-gradient(45deg, #dd5e89, #f7bb97) !important;}
|
||||
.l-parpl {background: linear-gradient(45deg, #a890d3, #edbae7) !important;}
|
||||
.l-slategray {background: linear-gradient(45deg, #708090, #7c8ea0) !important;}
|
||||
|
||||
.xl-pink{background: #f9edee !important;}
|
||||
.xl-turquoise{background: #bdf3f5 !important;}
|
||||
.xl-khaki{background: #f9f1d8 !important;}
|
||||
.xl-parpl{background: #efebf4 !important;}
|
||||
.xl-salmon{background: #ffd4c3 !important;}
|
||||
.xl-blue{background: #e0eff5 !important;}
|
||||
.xl-seagreen{background: #ebf2e8 !important;}
|
||||
.xl-slategray{background: #eceeef !important;}
|
||||
|
||||
.page-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 30px;
|
||||
font-size: 24px;
|
||||
font-weight: $font-weight-400;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: fixed;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
display: none;
|
||||
z-index: 10;
|
||||
|
||||
&.open{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@include max-screen($break-small - 1px){
|
||||
.hidden-xs{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include max-screen($break-medium){
|
||||
.hidden-sm{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include max-screen($break-1024){
|
||||
.hidden-md{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user