Added scss
This commit is contained in:
@@ -0,0 +1,144 @@
|
||||
html {
|
||||
font-size:14px;
|
||||
}
|
||||
body {
|
||||
font-family: $font-primary;
|
||||
font-size:1rem;
|
||||
line-height:1.5;
|
||||
margin:0;
|
||||
padding:0;
|
||||
outline:0;
|
||||
background:$body;
|
||||
color:$muted;
|
||||
&.sidebar-mini {
|
||||
.app-main {
|
||||
padding-left:$sidebar-mini;
|
||||
.container-fluid {
|
||||
padding: 90px 30px 60px 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.app {
|
||||
position: relative;
|
||||
.loader {
|
||||
position: fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background:$white;
|
||||
z-index:99999;
|
||||
}
|
||||
}
|
||||
.app-wrap {
|
||||
|
||||
min-height: 100vh;
|
||||
position: relative;
|
||||
}
|
||||
.app-container {
|
||||
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.app-main {
|
||||
position: relative;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-flex: 1 1 0%;
|
||||
-ms-flex: 1 1 0%;
|
||||
flex: 1 1 0%;
|
||||
padding-left:$sidebar;
|
||||
transition: all 0.3s ease-out;
|
||||
|
||||
@include mobile-landscape {
|
||||
padding-left:0 !important;
|
||||
}
|
||||
@include mobile-portrait-sm {
|
||||
padding-left:0 !important;
|
||||
}
|
||||
@include mobile-portrait-xs {
|
||||
padding-left:0 !important;
|
||||
}
|
||||
.container-fluid {
|
||||
padding: 95px 30px 60px 30px;
|
||||
transition: all 0.3s ease-out;
|
||||
|
||||
@include mobile-landscape {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
@include mobile-portrait-sm {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
@include mobile-portrait-xs {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.footer {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
padding: 1.5rem 2.3rem;
|
||||
z-index: 0;
|
||||
width:calc(100% - 240px);
|
||||
bottom:0;
|
||||
right:0;
|
||||
height:60px;
|
||||
@include box-shadow(0px, 0px, 20px, rgba(115, 105, 215, 0.15));
|
||||
transition: all 0.3s ease-out;
|
||||
|
||||
@include mobile-landscape {
|
||||
width:100%;
|
||||
height:auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@include mobile-portrait-sm {
|
||||
width:100%;
|
||||
height:auto;
|
||||
position: relative;
|
||||
}
|
||||
@include mobile-portrait-xs {
|
||||
width:100%;
|
||||
height:auto;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
.footer a:hover {
|
||||
color: $primary;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.page-title h1{
|
||||
margin-bottom: 0;
|
||||
font-size: 1.714rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
ol.breadcrumb{
|
||||
background-color: transparent;
|
||||
}
|
||||
.breadcrumb-item + .breadcrumb-item::before {
|
||||
content:"\e661";
|
||||
font-family: 'themify-icons';
|
||||
font-size:10px;
|
||||
}
|
||||
.notification-wrapper {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.list-style-none {
|
||||
list-style:none;
|
||||
}
|
||||
.list-style-none li {
|
||||
font-size:12px;
|
||||
}
|
||||
Reference in New Issue
Block a user