convert admin template into go template
This commit is contained in:
BIN
static/admin/scss/.DS_Store
vendored
Normal file
BIN
static/admin/scss/.DS_Store
vendored
Normal file
Binary file not shown.
11
static/admin/scss/_background.scss
Normal file
11
static/admin/scss/_background.scss
Normal file
@ -0,0 +1,11 @@
|
||||
@each $color, $value in $social-colors {
|
||||
.bg-#{$color} {
|
||||
background: social-color($color);
|
||||
}
|
||||
}
|
||||
|
||||
@each $color, $value in $theme-gradient-colors {
|
||||
.bg-gradient-#{$color} {
|
||||
background: $value;
|
||||
}
|
||||
}
|
||||
170
static/admin/scss/_demo.scss
Normal file
170
static/admin/scss/_demo.scss
Normal file
@ -0,0 +1,170 @@
|
||||
/* Demo Styles */
|
||||
// Add spacing to Boostrap components for demo purpose
|
||||
.template-demo {
|
||||
> .btn {
|
||||
@extend .mt-3;
|
||||
@extend .me-2;
|
||||
}
|
||||
|
||||
> .btn-group,
|
||||
> .btn-group-vertical {
|
||||
@extend .mt-2;
|
||||
@extend .me-2;
|
||||
}
|
||||
|
||||
.progress {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
> h2,
|
||||
> h3,
|
||||
> h4,
|
||||
> h5,
|
||||
> h6,
|
||||
> h1 {
|
||||
border-top: 1px solid $border-color;
|
||||
padding: 0.5rem 0 0;
|
||||
}
|
||||
|
||||
> .dropdown {
|
||||
display: inline-block;
|
||||
@extend .me-2;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.chartjs-legend {
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
@include display-flex;
|
||||
@include align-items(flex-end);
|
||||
@include flex-direction(column);
|
||||
@include flex-wrap(wrap);
|
||||
li {
|
||||
@include display-flex;
|
||||
@include align-items(center);
|
||||
span {
|
||||
width: 2.25rem;
|
||||
height: 1rem;
|
||||
margin-right: .4rem;
|
||||
display: inline-block;
|
||||
font-size: $default-font-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
.rtl & {
|
||||
ul {
|
||||
padding-right: 0;
|
||||
li {
|
||||
margin-right: 0;
|
||||
margin-left: 8%;
|
||||
span {
|
||||
margin-right: 0;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.analytics-legend {
|
||||
ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.documentation {
|
||||
padding-top: 0;
|
||||
max-width: 100%;
|
||||
.content-wrapper {
|
||||
padding-top: 0;
|
||||
min-height: calc(100vh - #{$footer-height});
|
||||
}
|
||||
}
|
||||
|
||||
.doc-header {
|
||||
position: fixed;
|
||||
padding-top: 24px;
|
||||
padding-bottom: 24px;
|
||||
z-index: 2;
|
||||
background: $content-bg;
|
||||
}
|
||||
|
||||
.doc-content {
|
||||
padding-top: 157px;
|
||||
}
|
||||
|
||||
.show {
|
||||
> .btn-out-line-light {
|
||||
.dropdown-toggle {
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}#proBanner {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 9999;
|
||||
background: #000;
|
||||
.card-body-padding {
|
||||
padding-top: .55rem ;
|
||||
padding-bottom: .55rem;
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
@media (max-width: 766px) {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
}
|
||||
.buy-now-text {
|
||||
color: $white;
|
||||
@media (max-width: 766px) {
|
||||
font-size: 10px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
&.buy-now-btn {
|
||||
background: transparent;
|
||||
color: #88b6ff;
|
||||
border-radius: 10px;
|
||||
// padding: 0.625rem 1.25rem;
|
||||
padding: 1rem 0;
|
||||
border-radius: 4px;
|
||||
font-weight: bold;
|
||||
font-size: 1rem;
|
||||
@media (max-width: 766px) {
|
||||
min-width: 80px;
|
||||
padding: 1rem .5rem;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
&#bannerClose {
|
||||
i {
|
||||
margin-right: 1rem;
|
||||
font-size: 1.25rem;
|
||||
@media (max-width: 766px) {
|
||||
font-size: 1rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
i {
|
||||
font-size: 1.25rem;
|
||||
@media (max-width: 766px) {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.proBanner-padding-top {
|
||||
padding-top: $buy-nowbanner-padding-top !important;
|
||||
}
|
||||
55
static/admin/scss/_fonts.scss
Normal file
55
static/admin/scss/_fonts.scss
Normal file
@ -0,0 +1,55 @@
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('../fonts/Roboto/Roboto-Light.eot');
|
||||
src: url('../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/Roboto/Roboto-Light.woff2') format('woff2'),
|
||||
url('../fonts/Roboto/Roboto-Light.woff') format('woff'),
|
||||
url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('../fonts/Roboto/Roboto-Bold.eot');
|
||||
src: url('../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
|
||||
url('../fonts/Roboto/Roboto-Bold.woff') format('woff'),
|
||||
url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('../fonts/Roboto/Roboto-Medium.eot');
|
||||
src: url('../fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
|
||||
url('../fonts/Roboto/Roboto-Medium.woff') format('woff'),
|
||||
url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('../fonts/Roboto/Roboto-Regular.eot');
|
||||
src: url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
|
||||
url('../fonts/Roboto/Roboto-Regular.woff') format('woff'),
|
||||
url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('../fonts/Roboto/Roboto-Black.eot');
|
||||
src: url('../fonts/Roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/Roboto/Roboto-Black.woff2') format('woff2'),
|
||||
url('../fonts/Roboto/Roboto-Black.woff') format('woff'),
|
||||
url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
23
static/admin/scss/_footer.scss
Normal file
23
static/admin/scss/_footer.scss
Normal file
@ -0,0 +1,23 @@
|
||||
/* Footer */
|
||||
|
||||
.footer {
|
||||
background: $footer-bg;
|
||||
color: $footer-color;
|
||||
padding: 30px 2.45rem;
|
||||
transition: all $action-transition-duration $action-transition-timing-function;
|
||||
-moz-transition: all $action-transition-duration $action-transition-timing-function;
|
||||
-webkit-transition: all $action-transition-duration $action-transition-timing-function;
|
||||
-ms-transition: all $action-transition-duration $action-transition-timing-function;
|
||||
font-size: calc(#{$default-font-size} - 0.05rem);
|
||||
font-family: $type;
|
||||
font-weight: 400;
|
||||
border-top: 1px solid rgba($black, .06);
|
||||
a {
|
||||
color: $primary;
|
||||
font-size: inherit;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
4
static/admin/scss/_functions.scss
Normal file
4
static/admin/scss/_functions.scss
Normal file
@ -0,0 +1,4 @@
|
||||
// Functions
|
||||
@function social-color($key: "twitter") {
|
||||
@return map-get($social-colors, $key);
|
||||
}
|
||||
197
static/admin/scss/_layouts.scss
Normal file
197
static/admin/scss/_layouts.scss
Normal file
@ -0,0 +1,197 @@
|
||||
/* Layouts */
|
||||
|
||||
// Sidebar Icon Only
|
||||
.sidebar-icon-only {
|
||||
@media (min-width: 992px) {
|
||||
.navbar {
|
||||
.navbar-brand-wrapper {
|
||||
width: $sidebar-width-icon;
|
||||
.brand-logo {
|
||||
display: none;
|
||||
}
|
||||
.brand-logo-mini {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.navbar-menu-wrapper {
|
||||
width: calc(100% - #{$sidebar-width-icon});
|
||||
}
|
||||
}
|
||||
.sidebar {
|
||||
width: $sidebar-width-icon;
|
||||
.nav {
|
||||
overflow: visible;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
.nav-item {
|
||||
position: relative;
|
||||
.nav-link {
|
||||
display: block;
|
||||
padding-left: .5rem;
|
||||
padding-right: .5rem;
|
||||
text-align: center;
|
||||
position: static;
|
||||
.menu-title,
|
||||
.badge,.menu-sub-title {
|
||||
display: none;
|
||||
}
|
||||
.menu-title {
|
||||
@include border-radius(0 5px 5px 0px);
|
||||
background: $sidebar-light-menu-hover-bg;
|
||||
|
||||
@at-root #{selector-append(".rtl", &)} {
|
||||
@include border-radius(5px 0 0 5px);
|
||||
}
|
||||
}
|
||||
i {
|
||||
&.menu-icon {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&.menu-arrow {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&[aria-expanded] {
|
||||
.menu-title {
|
||||
@include border-radius(0 5px 0 0px);
|
||||
@at-root #{selector-append(".rtl", &)} {
|
||||
@include border-radius(5px 0 0 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.collapse {
|
||||
display: none;
|
||||
}
|
||||
&.hover-open {
|
||||
.nav-link {
|
||||
.menu-title {
|
||||
@include display-flex;
|
||||
@include align-items(center);
|
||||
background: $sidebar-light-menu-hover-bg;
|
||||
padding: 0.5rem 1.4rem;
|
||||
left: $sidebar-width-icon;
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: $icon-only-collapse-width;
|
||||
z-index: 1;
|
||||
line-height: 1.8;
|
||||
-webkit-box-shadow: 4px 0px 7px 0px rgba(182, 185, 189, 0.25);
|
||||
box-shadow: 4px 0px 7px 0px rgba(182, 185, 189, 0.25);
|
||||
@at-root #{selector-append(".rtl", &)} {
|
||||
left: auto;
|
||||
right: $sidebar-width-icon;
|
||||
text-align: left;
|
||||
-webkit-box-shadow: -4px 0px 7px 0px rgba(182, 185, 189, 0.25);
|
||||
box-shadow: -4px 0px 7px 0px rgba(182, 185, 189, 0.25);
|
||||
}
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.menu-title {
|
||||
background: $sidebar-light-menu-hover-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
.collapse,
|
||||
.collapsing {
|
||||
display: block;
|
||||
background: $icon-only-menu-bg-light;
|
||||
@include border-radius(0 0 5px 0);
|
||||
position: absolute;
|
||||
left: $sidebar-width-icon;
|
||||
width: $icon-only-collapse-width;
|
||||
-webkit-box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25);
|
||||
box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25);
|
||||
@at-root #{selector-append(".rtl", &)} {
|
||||
left: auto;
|
||||
right:$sidebar-width-icon;
|
||||
@include border-radius(0 0 0 5px);
|
||||
-webkit-box-shadow: -4px 4px 7px 0px rgba(182, 185, 189, 0.25);
|
||||
box-shadow: -4px 4px 7px 0px rgba(182, 185, 189, 0.25);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(.sub-menu) {
|
||||
.nav-item {
|
||||
&.active {
|
||||
border-radius: 0;
|
||||
}
|
||||
&:hover {
|
||||
.nav-link {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.sub-menu {
|
||||
padding: $sidebar-icon-only-submenu-padding;
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
text-align: left;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
width: calc(100% - #{$sidebar-width-icon});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//RTL layout
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
text-align: right;
|
||||
|
||||
.sidebar {
|
||||
.nav {
|
||||
padding-right: 0;
|
||||
&.sub-menu {
|
||||
padding: $rtl-sidebar-submenu-padding;
|
||||
@at-root #{selector-append(".sidebar-icon-only", &)} {
|
||||
padding-right: 0rem;
|
||||
.nav-item {
|
||||
.nav-link {
|
||||
padding-right: 3rem;
|
||||
text-align: right;
|
||||
&:before {
|
||||
right: 1.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-chart-wrapper,
|
||||
.tab-content .tab-pane .scroll-wrapper,
|
||||
.sidebar-fixed .nav,
|
||||
.table-responsive,
|
||||
ul.chats {
|
||||
&::-webkit-scrollbar {
|
||||
width: 0.5em;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
||||
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: darkgrey;
|
||||
outline: 1px solid slategrey;
|
||||
}
|
||||
}
|
||||
}
|
||||
31
static/admin/scss/_misc.scss
Normal file
31
static/admin/scss/_misc.scss
Normal file
@ -0,0 +1,31 @@
|
||||
/* Miscellanoeous */
|
||||
body,
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
padding-right: 0 !important; // resets padding right added by Bootstrap modal
|
||||
}
|
||||
|
||||
*:-moz-full-screen,
|
||||
*:-webkit-full-screen,
|
||||
*:fullscreen *:-ms-fullscreen {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.container-scroller {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
pre {
|
||||
background: color(gray-lighter);
|
||||
padding: 15px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 5px;
|
||||
color: $danger;
|
||||
font-family: $type;
|
||||
font-weight: 300;
|
||||
font-size: $default-font-size;
|
||||
border-radius: 4px;
|
||||
}
|
||||
340
static/admin/scss/_navbar.scss
Normal file
340
static/admin/scss/_navbar.scss
Normal file
@ -0,0 +1,340 @@
|
||||
/* Navbar */
|
||||
|
||||
.navbar {
|
||||
font-weight: 400;
|
||||
transition: background $action-transition-duration $action-transition-timing-function;
|
||||
-webkit-transition: background $action-transition-duration $action-transition-timing-function;
|
||||
-moz-transition: background $action-transition-duration $action-transition-timing-function;
|
||||
-ms-transition: background $action-transition-duration $action-transition-timing-function;
|
||||
-webkit-box-shadow: $navbar-box-shadow;
|
||||
-moz-box-shadow: $navbar-box-shadow;
|
||||
box-shadow: $navbar-box-shadow;
|
||||
|
||||
.navbar-brand-wrapper {
|
||||
background: $white;
|
||||
transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;
|
||||
-webkit-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;
|
||||
-moz-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;
|
||||
-ms-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;
|
||||
width: $sidebar-width-lg;
|
||||
height: $navbar-height;
|
||||
.navbar-brand {
|
||||
color: lighten($gray-dark, 20%);
|
||||
font-size: 1.5rem;
|
||||
margin-right: 0;
|
||||
padding: .25rem 0;
|
||||
|
||||
&.brand-logo-mini {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: lighten($gray-dark, 10%);
|
||||
}
|
||||
|
||||
img {
|
||||
width: calc(#{$sidebar-width-lg} - 130px );
|
||||
max-width: 100%;
|
||||
height: 34px;
|
||||
margin: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.brand-logo-mini {
|
||||
padding-left: 0;
|
||||
text-align: center;
|
||||
img {
|
||||
width: calc(#{$sidebar-width-icon} - 30px );
|
||||
max-width: 100%;
|
||||
margin: auto;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-menu-wrapper {
|
||||
background: $navbar-default-bg;
|
||||
transition: width $action-transition-duration $action-transition-timing-function;
|
||||
-webkit-transition: width $action-transition-duration $action-transition-timing-function;
|
||||
-moz-transition: width $action-transition-duration $action-transition-timing-function;
|
||||
-ms-transition: width $action-transition-duration $action-transition-timing-function;
|
||||
color: $navbar-menu-color;
|
||||
padding-left: 2.55rem;
|
||||
padding-right: 2.55rem;
|
||||
width: calc(100% - #{$sidebar-width-lg});
|
||||
height: $navbar-height;
|
||||
@media (max-width: 991px) {
|
||||
width: calc(100% - 55px);
|
||||
padding-left: 15px;
|
||||
padding-right: 11px;
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
border: 0;
|
||||
color: inherit;
|
||||
font-size: 1.25rem;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
&:not(.navbar-toggler-right) {
|
||||
@media (max-width: 991px) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
&.navbar-toggler-right{
|
||||
@media (max-width:991px){
|
||||
padding-left: 15px;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
@extend .d-flex;
|
||||
@extend .flex-row;
|
||||
@extend .align-items-center;
|
||||
.nav-item {
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.nav-link {
|
||||
color: inherit;
|
||||
font-size: $navbar-font-size;
|
||||
}
|
||||
&.nav-search {
|
||||
margin-left: 2rem;
|
||||
.input-group {
|
||||
padding: 0 1.1rem;
|
||||
width: 400px;
|
||||
border: 1px solid $border-color;
|
||||
border-radius: 2rem;
|
||||
align-items: center;
|
||||
.form-control,
|
||||
.input-group-text {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
color: $black;
|
||||
padding: 0;
|
||||
}
|
||||
.input-group-text {
|
||||
i {
|
||||
font-size: 1.25rem;
|
||||
color: $navbar-menu-color;
|
||||
}
|
||||
}
|
||||
.form-control {
|
||||
margin-left: .7rem;
|
||||
border-radius: 1rem;
|
||||
height: 2.58rem;
|
||||
@include placeholder {
|
||||
color: #6c7383;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.nav-settings {
|
||||
@extend .align-self-stretch;
|
||||
@extend .align-items-center;
|
||||
margin: 0;
|
||||
.nav-link {
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
i {
|
||||
font-size: 1.25rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
&.nav-profile {
|
||||
@extend .d-flex;
|
||||
@extend .align-items-center;
|
||||
margin-left: .2rem;
|
||||
img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
&.dropdown {
|
||||
.dropdown-toggle {
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.dropdown {
|
||||
.dropdown-menu {
|
||||
@extend .dropdownAnimation;
|
||||
border: none;
|
||||
-webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.navbar-dropdown {
|
||||
position: absolute;
|
||||
font-size: 0.9rem;
|
||||
margin-top: 0;
|
||||
right: 0;
|
||||
left: auto;
|
||||
top: 70px;
|
||||
.rtl & {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.dropdown-item {
|
||||
@extend .d-flex;
|
||||
@extend .align-items-center;
|
||||
margin-bottom: 0;
|
||||
padding: 0.687rem 1.562rem;
|
||||
cursor: pointer;
|
||||
.item-thumbnail {
|
||||
img {
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.item-icon {
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
border-radius: 50%;
|
||||
@extend .d-flex;
|
||||
@extend .align-items-center;
|
||||
@extend .justify-content-center;
|
||||
color: $white;
|
||||
i {
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.item-content {
|
||||
padding-left: 0.937rem;
|
||||
}
|
||||
|
||||
.badge {
|
||||
margin-left: 2.5rem;
|
||||
}
|
||||
.ellipsis {
|
||||
max-width: 200px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.rtl & {
|
||||
i {
|
||||
@extend .me-0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.badge {
|
||||
margin-left: 0;
|
||||
margin-right: 2.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-divider {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
i {
|
||||
margin-right: .5rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
position: static;
|
||||
.navbar-dropdown {
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
top: $navbar-height;
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
}
|
||||
.count-indicator {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
i {
|
||||
font-size: 1.25rem;
|
||||
margin-right: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.count {
|
||||
position: absolute;
|
||||
left: 55%;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 100%;
|
||||
background: $primary;
|
||||
top: 1px;
|
||||
border: 1px solid $white;
|
||||
}
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.navbar-nav-right {
|
||||
@extend .align-self-stretch;
|
||||
@extend .align-items-stretch;
|
||||
.nav-item {
|
||||
@extend .d-flex;
|
||||
@extend .align-items-center;
|
||||
&.nav-settings {
|
||||
@extend .d-none;
|
||||
@extend .d-lg-flex;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
margin-left: auto;
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@media (max-width:991px) {
|
||||
.navbar {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
.navbar-brand-wrapper {
|
||||
width: 55px;
|
||||
.navbar-brand {
|
||||
&.brand-logo {
|
||||
display: none;
|
||||
}
|
||||
&.brand-logo-mini {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-collapse {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:480px) {
|
||||
.navbar {
|
||||
.navbar-brand-wrapper {
|
||||
width: 55px;
|
||||
.brand-logo-mini{
|
||||
padding-top: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
131
static/admin/scss/_reset.scss
Normal file
131
static/admin/scss/_reset.scss
Normal file
@ -0,0 +1,131 @@
|
||||
/* Reset Styles */
|
||||
|
||||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
&,
|
||||
&:focus {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a,
|
||||
div,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
p,
|
||||
span {
|
||||
text-shadow: none
|
||||
}
|
||||
|
||||
[type=button]:focus,
|
||||
a:active,
|
||||
a:focus,
|
||||
a:visited,
|
||||
button::-moz-focus-inner,
|
||||
input[type=reset]::-moz-focus-inner,
|
||||
input[type=button]::-moz-focus-inner,
|
||||
input[type=submit]::-moz-focus-inner,
|
||||
input[type=file]>input[type=button]::-moz-focus-inner,
|
||||
select::-moz-focus-inner {
|
||||
outline: 0
|
||||
}
|
||||
|
||||
input,
|
||||
.form-control:focus,
|
||||
input:focus,
|
||||
select:focus,
|
||||
textarea:focus,
|
||||
button:focus {
|
||||
outline: none;
|
||||
outline-width: 0;
|
||||
outline-color: transparent;
|
||||
box-shadow: none;
|
||||
outline-style: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.btn,
|
||||
.btn-group.open .dropdown-toggle,
|
||||
.btn:active,
|
||||
.btn:focus,
|
||||
.btn:hover,
|
||||
.btn:visited,
|
||||
a,
|
||||
a:active,
|
||||
a:checked,
|
||||
a:focus,
|
||||
a:hover,
|
||||
a:visited,
|
||||
body,
|
||||
button,
|
||||
button:active,
|
||||
button:hover,
|
||||
button:visited,
|
||||
div,
|
||||
input,
|
||||
input:active,
|
||||
input:focus,
|
||||
input:hover,
|
||||
input:visited,
|
||||
select,
|
||||
select:active,
|
||||
select:focus,
|
||||
select:visited,
|
||||
textarea,
|
||||
textarea:active,
|
||||
textarea:focus,
|
||||
textarea:hover,
|
||||
textarea:visited {
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none
|
||||
}
|
||||
|
||||
.btn.active.focus,
|
||||
.btn.active:focus,
|
||||
.btn.focus,
|
||||
.btn:active.focus,
|
||||
.btn:active:focus,
|
||||
.btn:focus,
|
||||
button,
|
||||
button:active,
|
||||
button:checked,
|
||||
button:focus,
|
||||
button:hover,
|
||||
button:visited {
|
||||
outline: 0;
|
||||
outline-offset: 0
|
||||
}
|
||||
|
||||
.bootstrap-select .dropdown-toggle:focus {
|
||||
outline: 0 ;
|
||||
outline-offset: 0;
|
||||
}
|
||||
|
||||
.dropdown-menu>li>a:active,
|
||||
.dropdown-menu>li>a:focus,
|
||||
.dropdown-menu>li>a:hover,
|
||||
.dropdown-menu>li>a:visited {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
input:focus {
|
||||
border-color: transparent;
|
||||
outline: none
|
||||
}
|
||||
212
static/admin/scss/_sidebar.scss
Normal file
212
static/admin/scss/_sidebar.scss
Normal file
@ -0,0 +1,212 @@
|
||||
/* Sidebar */
|
||||
|
||||
.sidebar {
|
||||
min-height: calc(100vh - #{$navbar-height});
|
||||
background: $sidebar-light-bg;
|
||||
font-family: $type;
|
||||
font-weight: 500;
|
||||
padding: 0;
|
||||
width: $sidebar-width-lg;
|
||||
z-index: 11;
|
||||
transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;
|
||||
-webkit-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;
|
||||
-moz-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;
|
||||
-ms-transition: width $action-transition-duration $action-transition-timing-function, background $action-transition-duration $action-transition-timing-function;
|
||||
|
||||
.nav {
|
||||
overflow: hidden;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: column;
|
||||
margin-bottom: 60px;
|
||||
|
||||
.nav-item {
|
||||
@include transition-duration(0.25s);
|
||||
transition-property: background;
|
||||
-webkit-transition-property: background;
|
||||
.collapse {
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
@include display-flex;
|
||||
@include align-items(center);
|
||||
white-space: nowrap;
|
||||
padding: $sidebar-menu-padding-top $sidebar-menu-padding-right $sidebar-menu-padding-bottom $sidebar-menu-padding-left;
|
||||
color: $sidebar-light-menu-color;
|
||||
@include transition-duration(0.45s);
|
||||
transition-property: color;
|
||||
-webkit-transition-property: color;
|
||||
|
||||
i {
|
||||
color: inherit;
|
||||
|
||||
&.menu-icon {
|
||||
font-size: $sidebar-icon-font-size;
|
||||
line-height: 1;
|
||||
margin-right: 1rem;
|
||||
.rtl & {
|
||||
margin-left: 2rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
color: $sidebar-light-menu-icon-color;
|
||||
&:before {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
&.menu-arrow {
|
||||
display: inline-block;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
color: $sidebar-light-menu-arrow-color;
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: "\e649";
|
||||
font-family: "themify";
|
||||
font-style: normal;
|
||||
display: block;
|
||||
font-size: 0.687rem;
|
||||
line-height: 10px;
|
||||
@include transition(all .2s ease-in);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-title {
|
||||
color: inherit;
|
||||
display: inline-block;
|
||||
font-size: $sidebar-menu-font-size;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.badge {
|
||||
margin-left: auto;
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
&[aria-expanded="true"] {
|
||||
i {
|
||||
&.menu-arrow {
|
||||
&:before {
|
||||
@include rotate(90);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
> .nav-link {
|
||||
background: $sidebar-light-menu-active-bg;
|
||||
position: relative;
|
||||
i,
|
||||
.menu-title,
|
||||
.menu-arrow {
|
||||
color: $sidebar-light-menu-active-color;
|
||||
}
|
||||
i {
|
||||
&.menu-arrow {
|
||||
&::before {
|
||||
content: "\e64b";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.sub-menu) {
|
||||
margin-top: 1.45rem;
|
||||
margin-left: 0.375rem;
|
||||
margin-right: 0.375rem;
|
||||
> .nav-item {
|
||||
margin-top: .2rem;
|
||||
&:hover {
|
||||
> .nav-link, &[aria-expanded="true"] {
|
||||
background: $sidebar-light-menu-hover-bg;
|
||||
color: $sidebar-light-menu-hover-color;
|
||||
border-radius: 0.437rem;
|
||||
}
|
||||
}
|
||||
> .nav-link {
|
||||
margin: 0;
|
||||
&[aria-expanded="true"] {
|
||||
border-radius: 0.437rem 0.437rem 0 0;
|
||||
background: $sidebar-light-menu-hover-bg;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
background: $sidebar-light-menu-hover-bg;
|
||||
border-radius: 0.437rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.sub-menu {
|
||||
margin-bottom: 0;
|
||||
margin-top:0;
|
||||
list-style: none;
|
||||
padding: $sidebar-submenu-padding;
|
||||
background: $sidebar-light-menu-hover-bg;
|
||||
padding-bottom: 12px;
|
||||
|
||||
.nav-item {
|
||||
padding: 0;
|
||||
&::before {
|
||||
content: '';
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
position: absolute;
|
||||
margin-top: 16px;
|
||||
border-radius: 50%;
|
||||
background: #b2b2b2;
|
||||
}
|
||||
.nav-link {
|
||||
color: $sidebar-light-submenu-color;
|
||||
padding: $sidebar-submenu-item-padding;
|
||||
position: relative;
|
||||
font-size: $sidebar-submenu-font-size;
|
||||
line-height: 1;
|
||||
height: auto;
|
||||
border-top: 0;
|
||||
&:hover {
|
||||
color: $sidebar-light-submenu-hover-color;
|
||||
}
|
||||
&.active {
|
||||
color: $sidebar-light-submenu-active-color;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* style for off-canvas menu*/
|
||||
@media screen and (max-width: 991px) {
|
||||
.sidebar-offcanvas {
|
||||
position: fixed;
|
||||
max-height: calc(100vh - #{$navbar-height});
|
||||
top: $navbar-height;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
right: -$sidebar-width-lg;
|
||||
-webkit-transition: all 0.25s ease-out;
|
||||
-o-transition: all 0.25s ease-out;
|
||||
transition: all 0.25s ease-out;
|
||||
&.active {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
128
static/admin/scss/_typography.scss
Normal file
128
static/admin/scss/_typography.scss
Normal file
@ -0,0 +1,128 @@
|
||||
/* Typography */
|
||||
|
||||
body {
|
||||
font-size: 1rem;
|
||||
font-family: $type;
|
||||
font-weight: initial;
|
||||
line-height: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
}
|
||||
p {
|
||||
font-size: $default-font-size;
|
||||
margin-bottom: .5rem;
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
h1,
|
||||
.h1 {
|
||||
font-size: 3.125rem;
|
||||
}
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
h3,
|
||||
.h3 {
|
||||
font-size: 1.875rem;
|
||||
}
|
||||
h4,
|
||||
.h4 {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
h5,
|
||||
.h5 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
h6,
|
||||
.h6 {
|
||||
font-size: .9375rem;
|
||||
}
|
||||
.display-1 {
|
||||
font-size: 3.75rem;
|
||||
@media (max-width: 991px) {
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
.display-2 {
|
||||
font-size: 3.125rem;
|
||||
@media (max-width: 991px) {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
.display-3 {
|
||||
font-size: 2.5rem;
|
||||
@media (max-width: 991px) {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
.display-4 {
|
||||
font-size: 1.875rem;
|
||||
@media (max-width: 991px) {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
.display-5 {
|
||||
font-size: 1.25rem;
|
||||
@media (max-width: 991px) {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
.blockquote {
|
||||
padding: 1.25rem;
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
|
||||
address {
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
//blockqoute color variations
|
||||
@each $color, $value in $theme-colors {
|
||||
.blockquote-#{$color} {
|
||||
@include blockquote($value);
|
||||
}
|
||||
}
|
||||
.error-page {
|
||||
h1 {
|
||||
font-size: 12rem;
|
||||
@media (max-width: 991px) {
|
||||
font-size: 8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Social Color
|
||||
@each $color, $value in $social-colors {
|
||||
.text-#{$color} {
|
||||
color: social-color($color);
|
||||
}
|
||||
}
|
||||
|
||||
// Page header
|
||||
.page-header {
|
||||
margin-bottom: 2.5rem;
|
||||
.page-title {
|
||||
margin-bottom: 0;
|
||||
line-height: .85;
|
||||
}
|
||||
}
|
||||
|
||||
.font-weight-medium {
|
||||
font-weight: 500;
|
||||
}
|
||||
104
static/admin/scss/_utilities.scss
Normal file
104
static/admin/scss/_utilities.scss
Normal file
@ -0,0 +1,104 @@
|
||||
/* Utilities */
|
||||
|
||||
.grid-margin {
|
||||
margin-bottom: $card-spacing-y;
|
||||
}
|
||||
.grid-margin-sm-0 {
|
||||
@media (min-width: 576px) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.grid-margin-md-0 {
|
||||
@media (min-width: 768px) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.grid-margin-lg-0 {
|
||||
@media (min-width: 992px) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.grid-margin-xl-0 {
|
||||
@media (min-width: 1200px) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.img-lg {
|
||||
width: 92px;
|
||||
height: 92px;
|
||||
}
|
||||
.img-sm {
|
||||
width: 43px;
|
||||
height: 43px;
|
||||
}
|
||||
.img-xs {
|
||||
width: 37px;
|
||||
height: 37px;
|
||||
}
|
||||
.img-ss {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
}
|
||||
.stretch-card {
|
||||
@include display-flex;
|
||||
@include align-items(stretch);
|
||||
@include justify-content(stretch);
|
||||
>.card{
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.border-right-sm {
|
||||
@media (min-width: 576px) {
|
||||
border-right: $border-width solid $border-color;
|
||||
}
|
||||
}
|
||||
.border-right-md {
|
||||
@media (min-width: 768px) {
|
||||
border-right: $border-width solid $border-color;
|
||||
}
|
||||
}
|
||||
.border-right-lg {
|
||||
@media (min-width: 992px) {
|
||||
border-right: $border-width solid $border-color;
|
||||
}
|
||||
}
|
||||
|
||||
.border-left-sm {
|
||||
@media (min-width: 576px) {
|
||||
border-left: $border-width solid $border-color;
|
||||
}
|
||||
}
|
||||
.border-left-md {
|
||||
@media (min-width: 768px) {
|
||||
border-left: $border-width solid $border-color;
|
||||
}
|
||||
}
|
||||
.border-left-lg {
|
||||
@media (min-width: 992px) {
|
||||
border-left: $border-width solid $border-color;
|
||||
}
|
||||
}
|
||||
|
||||
.text-gray {
|
||||
color: #8c8c8c;
|
||||
}
|
||||
|
||||
.text-black {
|
||||
color: $black;
|
||||
}
|
||||
|
||||
.text-small {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.flex-grow {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.hover-cursor {
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
310
static/admin/scss/_variables.scss
Normal file
310
static/admin/scss/_variables.scss
Normal file
@ -0,0 +1,310 @@
|
||||
|
||||
////////// COLOR SYSTEM //////////
|
||||
|
||||
$blue: #5E50F9;
|
||||
$indigo: #6610f2;
|
||||
$purple: #6a008a;
|
||||
$pink: #E91E63;
|
||||
$red: #f96868;
|
||||
$orange: #f2a654;
|
||||
$yellow: #f6e84e;
|
||||
$green: #46c35f;
|
||||
$teal: #58d8a3;
|
||||
$cyan: #57c7d4;
|
||||
$black: #000;
|
||||
$white: #ffffff;
|
||||
$white-smoke: #f2f7f8;
|
||||
$violet: #41478a;
|
||||
$darkslategray : #2e383e;
|
||||
$dodger-blue : #3498db;
|
||||
|
||||
|
||||
$colors: (
|
||||
blue: $blue,
|
||||
indigo: $indigo,
|
||||
purple: $purple,
|
||||
pink: $pink,
|
||||
red: $red,
|
||||
orange: $orange,
|
||||
yellow: $yellow,
|
||||
green: $green,
|
||||
teal: $teal,
|
||||
cyan: $cyan,
|
||||
white: $white,
|
||||
gray: #434a54,
|
||||
gray-light: #aab2bd,
|
||||
gray-lighter: #e8eff4,
|
||||
gray-lightest: #e6e9ed,
|
||||
gray-dark: #0f1531,
|
||||
black: #000000
|
||||
);
|
||||
|
||||
$blue: $blue;
|
||||
$indigo: $indigo;
|
||||
$purple: $purple;
|
||||
$pink: $pink;
|
||||
$red: $red;
|
||||
$orange: $orange;
|
||||
$yellow: $yellow;
|
||||
$green: $green;
|
||||
$teal: $teal;
|
||||
$cyan: $cyan;
|
||||
$white: $white;
|
||||
$gray: #434a54;
|
||||
$gray-light: #aab2bd;
|
||||
$gray-lighter: #e8eff4;
|
||||
$gray-lightest: #e6e9ed;
|
||||
$gray-dark: #0f1531;
|
||||
$black: #000000;
|
||||
|
||||
$theme-colors: (
|
||||
primary: #248afd,
|
||||
secondary: #a3a4a5,
|
||||
success: #71c016,
|
||||
info: #68afff,
|
||||
warning: #f5a623,
|
||||
danger: #ff4747,
|
||||
light: #f8f9fa,
|
||||
dark: #282f3a
|
||||
);
|
||||
|
||||
$primary: #248afd;
|
||||
$secondary: #a3a4a5;
|
||||
$success: #71c016;
|
||||
$info: #68afff;
|
||||
$warning: #f5a623;
|
||||
$danger: #ff4747;
|
||||
$light: #f8f9fa;
|
||||
$dark: #282f3a;
|
||||
|
||||
$theme-gradient-colors: (
|
||||
primary: linear-gradient(230deg, #759bff, #843cf6),
|
||||
secondary: linear-gradient(to right, #e7ebf0, #868e96),
|
||||
success: linear-gradient(45deg, #7bffce, #30c93e),
|
||||
info: linear-gradient(to bottom, #0e4cfd, #6a8eff),
|
||||
warning: linear-gradient(135deg, #ffc480, #ff763b),
|
||||
danger: linear-gradient(316deg, #fc5286, #fbaaa2),
|
||||
light: linear-gradient(to right, #cfd9df 0%, #e2ebf0 100%),
|
||||
dark: linear-gradient(to right, #7d7979 0%, #000000 100%)
|
||||
);
|
||||
|
||||
////////// COLOR SYSTEM //////////
|
||||
|
||||
////////// COLOR VARIABLES //////////
|
||||
$content-bg: #dddce1;
|
||||
$border-color: #c9ccd7;
|
||||
|
||||
////////// COLOR VARIABLES //////////
|
||||
|
||||
|
||||
|
||||
////////// SOCIAL COLORS //////////
|
||||
|
||||
$social-colors: (
|
||||
twitter: #2caae1,
|
||||
facebook: #3b579d,
|
||||
google: #dc4a38,
|
||||
linkedin: #0177b5,
|
||||
pinterest: #cc2127,
|
||||
youtube: #e52d27,
|
||||
github: #333333,
|
||||
behance: #1769ff,
|
||||
dribbble: #ea4c89,
|
||||
reddit: #ff4500
|
||||
);
|
||||
|
||||
////////// SOCIAL COLORS //////////
|
||||
|
||||
////////// FONTS//
|
||||
|
||||
$type: 'Roboto', sans-serif;
|
||||
|
||||
$default-font-size: .875rem; // 14px as base font size
|
||||
|
||||
$text-muted: #686868;
|
||||
$body-color: #000;
|
||||
|
||||
////////// FONT VARIABLES //////////
|
||||
|
||||
///////// FOOTER ////////
|
||||
$footer-height: 75px;
|
||||
$footer-bg: $content-bg;
|
||||
$footer-color: color(dark);
|
||||
///////// FOOTER ////////
|
||||
|
||||
///////// BUTTONS ////////
|
||||
|
||||
$button-fixed-width: 150px;
|
||||
$btn-padding-y: .875rem;
|
||||
$btn-padding-x: 1.5rem;
|
||||
$btn-line-height: 1;
|
||||
|
||||
$btn-padding-y-xs: .5rem;
|
||||
$btn-padding-x-xs: .75rem;
|
||||
|
||||
$btn-padding-y-sm: .50rem;
|
||||
$btn-padding-x-sm: .81rem;
|
||||
|
||||
$btn-padding-y-lg: 1rem;
|
||||
$btn-padding-x-lg: 3rem;
|
||||
|
||||
$btn-font-size: .875rem;
|
||||
$btn-font-size-xs: .625rem;
|
||||
$btn-font-size-sm: .875rem;
|
||||
$btn-font-size-lg: .875rem;
|
||||
|
||||
$btn-border-radius: .1875rem;
|
||||
$btn-border-radius-xs: .1875rem;
|
||||
$btn-border-radius-sm: .1875rem;
|
||||
$btn-border-radius-lg: .1875rem;
|
||||
|
||||
///////// BUTTONS ////////
|
||||
|
||||
|
||||
|
||||
///////// FORMS /////////
|
||||
|
||||
$input-bg: color(white);
|
||||
$input-border-radius: 2px;
|
||||
$input-placeholder-color: #c9c8c8;
|
||||
$input-font-size: .875rem;
|
||||
|
||||
$input-height : 2.875rem;
|
||||
$input-height-sm : 2.25rem;
|
||||
$input-height-lg : 3.5rem;
|
||||
|
||||
$input-padding-y: .875rem;
|
||||
$input-padding-x: 1.375rem;
|
||||
$input-line-height: 1;
|
||||
|
||||
$input-padding-y-xs: .5rem;
|
||||
$input-padding-x-xs: .75rem;
|
||||
|
||||
$input-padding-y-sm: .50rem;
|
||||
$input-padding-x-sm: .81rem;
|
||||
|
||||
$input-padding-y-lg: .94rem;
|
||||
$input-padding-x-lg: 1.94rem;
|
||||
|
||||
///////// FORMS /////////
|
||||
|
||||
//////// DROPDOWNS ///////
|
||||
|
||||
$dropdown-border-color: $border-color;
|
||||
$dropdown-divider-bg: $border-color;
|
||||
$dropdown-link-color: $body-color;
|
||||
$dropdown-header-color: $body-color;
|
||||
$dropdown-link-hover-bg: #eaeaf1;
|
||||
//////// DROPDOWNS ///////
|
||||
|
||||
//////// TABLES ////////
|
||||
|
||||
$table-accent-bg: transparent;
|
||||
$table-hover-bg: #eaeaf1;
|
||||
$table-cell-padding: 1.25rem .9375rem;
|
||||
$table-border-color: $border-color;
|
||||
|
||||
$table-inverse-bg: #2a2b32;
|
||||
$table-inverse-color: color(white);
|
||||
|
||||
//////// TABLES ////////
|
||||
|
||||
|
||||
|
||||
////////// MEASUREMENT AND PROPERTY VARIABLES //////////
|
||||
|
||||
$border-property: 1px solid $border-color;
|
||||
$card-spacing-y: 1.875rem;
|
||||
$card-padding-y: 1.25rem;
|
||||
$card-padding-x: 1.437rem;
|
||||
$card-border-radius: 0;
|
||||
$card-border-color: #e3e3e3;
|
||||
$card-box-shadow: 4px 8px 9px -2px #c7c5d8;
|
||||
$card-title-color: #787878;
|
||||
$card-description-color: #76838f;
|
||||
$grid-gutter-width: 30px;
|
||||
$action-transition-duration: 0.25s;
|
||||
$action-transition-timing-function: ease;
|
||||
////////// OTHER VARIABLES //////////
|
||||
|
||||
|
||||
|
||||
///////// TABS VARIABLES //////////
|
||||
$nav-tabs-border-color: #ebedf2;
|
||||
$nav-tabs-link-bg: #f6f8fa;
|
||||
$nav-tabs-link-color: #000000;
|
||||
$nav-tabs-link-hover-border-color: $nav-tabs-border-color $nav-tabs-border-color $nav-tabs-border-color;
|
||||
$nav-tabs-link-active-color: $body-color;
|
||||
$nav-tabs-link-active-bg: $white;
|
||||
$nav-tabs-link-active-border-color: $nav-tabs-border-color $nav-tabs-border-color $nav-tabs-link-active-bg;
|
||||
$nav-pills-custom-bg: #fcfcfd;
|
||||
//////// TABS VARIABLES /////////
|
||||
|
||||
|
||||
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
|
||||
|
||||
////////// SIDEBAR ////////
|
||||
$sidebar-width-lg: 237px;
|
||||
$sidebar-width-mini: 185px;
|
||||
$sidebar-width-icon: 70px;
|
||||
|
||||
$sidebar-light-bg: $content-bg;
|
||||
$sidebar-light-menu-color: #787878;
|
||||
$sidebar-light-submenu-color: #656565;
|
||||
$sidebar-light-menu-active-bg: initial;
|
||||
$sidebar-light-menu-active-color: $primary;
|
||||
$sidebar-light-menu-hover-bg: #e8e7ec;
|
||||
$sidebar-light-menu-hover-color: #56595a;
|
||||
$sidebar-light-submenu-hover-color: $black;
|
||||
$sidebar-light-submenu-active-color: $black;
|
||||
$sidebar-light-menu-icon-color: $sidebar-light-menu-color;
|
||||
$sidebar-light-menu-arrow-color: #686868;
|
||||
$sidebar-light-profile-name-color: #404852;
|
||||
$sidebar-light-profile-title-color: #8d9498;
|
||||
|
||||
|
||||
$sidebar-menu-font-size: .875rem;
|
||||
$sidebar-menu-padding-left: 1rem;
|
||||
$sidebar-menu-padding-right: 1.937rem;
|
||||
$sidebar-menu-padding-top: .75rem;
|
||||
$sidebar-menu-padding-bottom: .75rem;
|
||||
|
||||
$sidebar-submenu-padding: .25rem 0 0 3.07rem;
|
||||
$sidebar-submenu-font-size: .875rem;
|
||||
$sidebar-submenu-item-padding: .7rem 1rem;
|
||||
|
||||
$sidebar-icon-font-size: 1rem;
|
||||
$sidebar-arrow-font-size: .625rem;
|
||||
|
||||
$sidebar-profile-bg: transparent;
|
||||
$sidebar-profile-padding: 0 1.625rem 2.25rem 1.188rem;
|
||||
|
||||
$sidebar-mini-menu-padding: .8125rem 1rem .8125rem 1rem;
|
||||
|
||||
$sidebar-icon-only-menu-padding: .5rem 1.625rem .5rem 1.188rem;
|
||||
$sidebar-icon-only-submenu-padding: 0 0 0 1.5rem;
|
||||
|
||||
$sidebar-box-shadow: 6px 16px 31px -18px #b7bcd1;
|
||||
|
||||
$rtl-sidebar-submenu-padding: 0 4.5rem 0 0;
|
||||
|
||||
$icon-only-collapse-width: 190px;
|
||||
$icon-only-menu-bg-light: $sidebar-light-bg;
|
||||
|
||||
///////// SIDEBAR ////////
|
||||
|
||||
|
||||
///////// NAVBAR ////////
|
||||
|
||||
$navbar-default-bg: $white;
|
||||
$navbar-box-shadow: 0 5px 21px -5px #cdd1e1;
|
||||
$navbar-height: 70px;
|
||||
$navbar-menu-color: #9b9b9b;
|
||||
$navbar-font-size: 1rem;
|
||||
$navbar-icon-font-size: .9375rem;
|
||||
|
||||
///////// NAVBAR ////////
|
||||
$buy-nowbanner-padding-top:60px;
|
||||
36
static/admin/scss/_vertical-wrapper.scss
Normal file
36
static/admin/scss/_vertical-wrapper.scss
Normal file
@ -0,0 +1,36 @@
|
||||
.page-body-wrapper {
|
||||
min-height: calc(100vh - #{$navbar-height});
|
||||
@include display-flex();
|
||||
@include flex-direction(row);
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding-top: $navbar-height;
|
||||
|
||||
&.full-page-wrapper {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
transition: width $action-transition-duration $action-transition-timing-function, margin $action-transition-duration $action-transition-timing-function;
|
||||
width: calc(100% - #{$sidebar-width-lg});
|
||||
min-height: calc(100vh - #{$navbar-height});
|
||||
@include display-flex();
|
||||
@include flex-direction(column);
|
||||
@media (max-width: 991px) {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
background: $content-bg;
|
||||
padding: 1.5rem 2.5rem;
|
||||
width: 100%;
|
||||
@include flex-grow(1);
|
||||
@media(max-width: 767px) {
|
||||
padding: 1.5rem 1.5rem;
|
||||
}
|
||||
}
|
||||
BIN
static/admin/scss/components/.DS_Store
vendored
Normal file
BIN
static/admin/scss/components/.DS_Store
vendored
Normal file
Binary file not shown.
19
static/admin/scss/components/_badges.scss
Normal file
19
static/admin/scss/components/_badges.scss
Normal file
@ -0,0 +1,19 @@
|
||||
/* Badges */
|
||||
|
||||
.badge {
|
||||
border-radius: 0;
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
padding: .375rem .5625rem;
|
||||
font-weight: normal;
|
||||
&.badge-pill {
|
||||
border-radius: 10rem;
|
||||
}
|
||||
}
|
||||
|
||||
/*Badge outlined variations*/
|
||||
@each $color, $value in $theme-colors {
|
||||
.badge-outline-#{$color} {
|
||||
@include badge-outline-variations($value);
|
||||
}
|
||||
}
|
||||
22
static/admin/scss/components/_bootstrap-progress.scss
Normal file
22
static/admin/scss/components/_bootstrap-progress.scss
Normal file
@ -0,0 +1,22 @@
|
||||
/* Bootstrap Progress */
|
||||
|
||||
.progress {
|
||||
@include border-radius(0px);
|
||||
height: 8px;
|
||||
.progress-bar {
|
||||
@include border-radius(0px);
|
||||
}
|
||||
|
||||
&.progress-sm{
|
||||
height: 0.375rem;
|
||||
}
|
||||
&.progress-md {
|
||||
height: 11px;
|
||||
}
|
||||
&.progress-lg {
|
||||
height: 15px;
|
||||
}
|
||||
&.progress-xl {
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
81
static/admin/scss/components/_buttons.scss
Normal file
81
static/admin/scss/components/_buttons.scss
Normal file
@ -0,0 +1,81 @@
|
||||
/* Buttons */
|
||||
|
||||
.btn {
|
||||
font-size: $btn-font-size;
|
||||
line-height: 1;
|
||||
font-weight: 400;
|
||||
i {
|
||||
font-size: 1rem;
|
||||
}
|
||||
&.btn-rounded {
|
||||
@include border-radius(50px);
|
||||
}
|
||||
&.btn-sm {
|
||||
font-size: $btn-font-size-sm;
|
||||
padding: 1.25rem 1rem;
|
||||
}
|
||||
&.btn-lg {
|
||||
font-size: $btn-font-size-lg;
|
||||
padding: 1.375rem 3.4rem;
|
||||
}
|
||||
&.btn-xs {
|
||||
padding: $btn-padding-y-xs $btn-padding-x-xs;
|
||||
font-size: $btn-font-size-xs;
|
||||
}
|
||||
/* Buttons with only icons */
|
||||
&.btn-icon {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
padding: 0;
|
||||
}
|
||||
/* Buttons with icon and text */
|
||||
&.btn-icon-text {
|
||||
.btn-icon-prepend {
|
||||
margin-right: .5rem;
|
||||
}
|
||||
.btn-icon-append {
|
||||
margin-left: .5rem;
|
||||
}
|
||||
}
|
||||
&.btn-social-icon {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
.btn {
|
||||
+ .btn {
|
||||
border-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-toolbar {
|
||||
.btn-group {
|
||||
+.btn-group {
|
||||
@extend .ms-2;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*social buttons*/
|
||||
@each $color, $value in $social-colors {
|
||||
.btn-#{$color} {
|
||||
@include social-button(social-color($color));
|
||||
}
|
||||
.btn-outline-#{$color} {
|
||||
@include social-outline-button(social-color($color));
|
||||
}
|
||||
}
|
||||
/* inverse buttons */
|
||||
@each $color, $value in $theme-colors {
|
||||
.btn-inverse-#{$color} {
|
||||
@include button-inverse-variant($value);
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline-light {
|
||||
color: #6c7383;
|
||||
border-color: #e3e3e3;
|
||||
}
|
||||
102
static/admin/scss/components/_cards.scss
Normal file
102
static/admin/scss/components/_cards.scss
Normal file
@ -0,0 +1,102 @@
|
||||
/* Cards */
|
||||
|
||||
.card {
|
||||
box-shadow: $card-box-shadow;
|
||||
-webkit-box-shadow: $card-box-shadow;
|
||||
-moz-box-shadow: $card-box-shadow;
|
||||
-ms-box-shadow: $card-box-shadow;
|
||||
.card-body {
|
||||
padding: $card-padding-y $card-padding-x;
|
||||
+ .card-body {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
}
|
||||
.card-title {
|
||||
color: $card-title-color;
|
||||
margin-bottom: 1.2rem;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
.card-subtitle {
|
||||
@extend .text-gray;
|
||||
font-weight: 400;
|
||||
margin-top: 0.625rem;
|
||||
margin-bottom: 0.625rem;
|
||||
|
||||
}
|
||||
.card-description {
|
||||
margin-bottom: .875rem;
|
||||
font-weight: 400;
|
||||
color: $card-description-color;
|
||||
}
|
||||
&.card-outline-success {
|
||||
border: 1px solid theme-color("success");
|
||||
}
|
||||
&.card-outline-primary {
|
||||
border: 1px solid theme-color("primary");
|
||||
}
|
||||
&.card-outline-warning {
|
||||
border: 1px solid theme-color("warning");
|
||||
}
|
||||
&.card-outline-danger {
|
||||
border: 1px solid theme-color("danger");
|
||||
}
|
||||
&.card-rounded {
|
||||
@include border-radius(5px);
|
||||
}
|
||||
|
||||
&.card-faded {
|
||||
background: #b5b0b2;
|
||||
border-color: #b5b0b2;
|
||||
}
|
||||
&.card-circle-progress {
|
||||
color: $white;
|
||||
text-align: center;
|
||||
}
|
||||
&.card-img-holder {
|
||||
position: relative;
|
||||
.card-img-absolute {
|
||||
position: absolute;
|
||||
top:0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
&.card-weather {
|
||||
.weather-daily {
|
||||
.weather-day {
|
||||
opacity: .5;
|
||||
font-weight: 900;
|
||||
}
|
||||
i {
|
||||
font-size: 20px;
|
||||
}
|
||||
.weather-temp {
|
||||
margin-top: .5rem;
|
||||
margin-bottom: 0;
|
||||
opacity: .5;
|
||||
font-size: .75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.card-columns {
|
||||
column-count: 3;
|
||||
column-gap: 1.25rem;
|
||||
orphans: 1;
|
||||
widows: 1;
|
||||
.card {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@each $color, $value in $theme-colors {
|
||||
.card-inverse-#{$color} {
|
||||
@include card-inverse-variant(rgba($value, .2), theme-color-level($value, 1), theme-color-level($value, 3));
|
||||
}
|
||||
}
|
||||
235
static/admin/scss/components/_checkbox-radio.scss
Normal file
235
static/admin/scss/components/_checkbox-radio.scss
Normal file
@ -0,0 +1,235 @@
|
||||
/* Checkboxes and Radios */
|
||||
|
||||
.form-check {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding-left: 0;
|
||||
|
||||
.form-check-label {
|
||||
min-height: 18px;
|
||||
display: block;
|
||||
margin-left: 1.75rem;
|
||||
font-size: $default-font-size;
|
||||
line-height: 1.5;
|
||||
.rtl & {
|
||||
margin-left: 0;
|
||||
margin-right: 1.75rem;
|
||||
}
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
.rtl & {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
z-index: 1;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
+ .input-helper {
|
||||
&:before,
|
||||
&:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
.rtl & {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
content: "";
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 2px;
|
||||
border: solid $primary;
|
||||
border-width: 2px;
|
||||
@include transition(all);
|
||||
transition-duration: 0s;
|
||||
-webkit-transition-duration: 250ms;
|
||||
transition-duration: 250ms;
|
||||
}
|
||||
|
||||
&:after {
|
||||
@include transition(all);
|
||||
transition-duration: 0s;
|
||||
-webkit-transition-duration: 250ms;
|
||||
transition-duration: 250ms;
|
||||
font-family: themify;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
transform: scale(0);
|
||||
content: '\e64c';
|
||||
font-size: .9375rem;
|
||||
font-weight: bold;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
&:checked {
|
||||
+.input-helper {
|
||||
&:before {
|
||||
background: $primary;
|
||||
border-width: 0;
|
||||
}
|
||||
&:after {
|
||||
width: 18px;
|
||||
opacity: 1;
|
||||
line-height: 18px;
|
||||
filter: alpha(opacity=100);
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
+ .input-helper {
|
||||
&:before {
|
||||
border-color: $border-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:checked {
|
||||
+ .input-helper {
|
||||
&:after {
|
||||
background: $border-color;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
input[type="radio"] {
|
||||
+.input-helper {
|
||||
&:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
.rtl & {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
border: solid $primary;
|
||||
border-width: 2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
@include transition(all);
|
||||
transition-duration: 0s;
|
||||
-webkit-transition-duration: 250ms;
|
||||
transition-duration: 250ms;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: $white;
|
||||
border-radius: 50%;
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
.rtl & {
|
||||
left: auto;
|
||||
right: 6px;
|
||||
}
|
||||
-webkit-transition: all;
|
||||
-o-transition: all;
|
||||
transition: all;
|
||||
transition-duration: 0s;
|
||||
-webkit-transition-duration: 250ms;
|
||||
transition-duration: 250ms;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
transform: scale(0);
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
&:checked {
|
||||
+.input-helper {
|
||||
&:before {
|
||||
background: $primary;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
opacity: 1;
|
||||
line-height: 1.5;
|
||||
filter: alpha(opacity=100);
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
+ .input-helper {
|
||||
&:before {
|
||||
border-color: $border-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:checked {
|
||||
+ .input-helper {
|
||||
&:before {
|
||||
background: $border-color;
|
||||
}
|
||||
|
||||
&:after {
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.form-check-#{$color} {
|
||||
&.form-check {
|
||||
label {
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
+.input-helper {
|
||||
&:before {
|
||||
border-color: theme-color($color);
|
||||
}
|
||||
}
|
||||
&:checked {
|
||||
+.input-helper {
|
||||
&:before {
|
||||
background: $value;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.form-inline .form-check {
|
||||
|
||||
}
|
||||
}
|
||||
33
static/admin/scss/components/_dropdown.scss
Normal file
33
static/admin/scss/components/_dropdown.scss
Normal file
@ -0,0 +1,33 @@
|
||||
/* Dropdowns */
|
||||
|
||||
.dropdown {
|
||||
.dropdown-toggle {
|
||||
&:after {
|
||||
border-top: 0;
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
border-bottom: 0;
|
||||
font: normal normal normal 24px/1 "themify";
|
||||
content: "\e64b";
|
||||
width: auto;
|
||||
height: auto;
|
||||
vertical-align: middle;
|
||||
line-height: .625rem;
|
||||
font-size: .875rem;
|
||||
margin-left: .3rem;
|
||||
}
|
||||
}
|
||||
.dropdown-menu {
|
||||
margin-top: 0;
|
||||
font-size: $default-font-size;
|
||||
box-shadow: 0px 1px 15px 1px rgba(230, 234, 236, 0.35);
|
||||
border-radius: 0;
|
||||
.dropdown-item {
|
||||
font-size: .875rem;
|
||||
padding: .25rem 1.5rem;
|
||||
&:active {
|
||||
background: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
62
static/admin/scss/components/_forms.scss
Normal file
62
static/admin/scss/components/_forms.scss
Normal file
@ -0,0 +1,62 @@
|
||||
/* Forms */
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.input-group-append,
|
||||
.input-group-prepend {
|
||||
color: $input-placeholder-color;
|
||||
width: auto;
|
||||
border: none;
|
||||
|
||||
.input-group-text {
|
||||
border-color: $border-color;
|
||||
padding: 1.25rem .75rem;
|
||||
color: $input-placeholder-color;
|
||||
}
|
||||
}
|
||||
.form-control {
|
||||
border: 1px solid $border-color;
|
||||
font-weight: 400;
|
||||
font-size: $input-font-size;
|
||||
}
|
||||
|
||||
select {
|
||||
&.form-control {
|
||||
padding: .4375rem .75rem;
|
||||
border: 0;
|
||||
outline: 1px solid $border-color;
|
||||
color: $input-placeholder-color;
|
||||
&:focus {
|
||||
outline: 1px solid $border-color;
|
||||
}
|
||||
@each $color, $value in $theme-colors {
|
||||
&.border-#{$color} {
|
||||
outline: 1px solid $value;
|
||||
&:focus {
|
||||
outline: 1px solid $value;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-group {
|
||||
label {
|
||||
font-size: $default-font-size;
|
||||
line-height: 1.4rem;
|
||||
vertical-align: top;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
&.has-danger {
|
||||
.form-control {
|
||||
border-color: $danger;
|
||||
}
|
||||
}
|
||||
.file-upload-default {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
.file-upload-info {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
46
static/admin/scss/components/_icons.scss
Normal file
46
static/admin/scss/components/_icons.scss
Normal file
@ -0,0 +1,46 @@
|
||||
/* Icons */
|
||||
|
||||
.icons-list {
|
||||
border-left: 1px solid $border-color;
|
||||
border-top: 1px solid $border-color;
|
||||
>div {
|
||||
background: $white;
|
||||
border-bottom: 1px solid $border-color;
|
||||
border-right: 1px solid $border-color;
|
||||
@include display-flex;
|
||||
@include align-items(center);
|
||||
padding:15px 15px;
|
||||
font-weight: 400;
|
||||
font-size: $default-font-size;
|
||||
|
||||
i {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
width: 40px;
|
||||
text-align: left;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon-in-bg {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
text-align: center;
|
||||
@include display-flex();
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
}
|
||||
|
||||
.icon-lg {
|
||||
font-size: 2.875rem;
|
||||
}
|
||||
|
||||
|
||||
.icon-md {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.icon-sm {
|
||||
font-size: 1rem;
|
||||
}
|
||||
55
static/admin/scss/components/_lists.scss
Normal file
55
static/admin/scss/components/_lists.scss
Normal file
@ -0,0 +1,55 @@
|
||||
/* Lists */
|
||||
|
||||
ul,
|
||||
ol,
|
||||
dl {
|
||||
padding-left: 1rem;
|
||||
font-size: $default-font-size;
|
||||
li {
|
||||
line-height: 1.8;
|
||||
}
|
||||
}
|
||||
|
||||
.list-ticked,
|
||||
.list-arrow,
|
||||
.list-star {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
li {
|
||||
padding-left: 1.5rem;
|
||||
&:before {
|
||||
font-family: "themify";
|
||||
margin-left: -1.5rem;
|
||||
width: 1.5rem;
|
||||
margin-right: .5rem;
|
||||
font-size: .6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-ticked {
|
||||
li {
|
||||
&:before {
|
||||
content: '\e64c';
|
||||
color: $danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-arrow {
|
||||
li {
|
||||
&:before {
|
||||
content: '\e649';
|
||||
color: $success;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-star {
|
||||
li {
|
||||
&:before {
|
||||
content: '\e60a';
|
||||
color: $warning;
|
||||
}
|
||||
}
|
||||
}
|
||||
59
static/admin/scss/components/_tables.scss
Normal file
59
static/admin/scss/components/_tables.scss
Normal file
@ -0,0 +1,59 @@
|
||||
/* Tables */
|
||||
|
||||
.table {
|
||||
margin-bottom: 0;
|
||||
thead {
|
||||
th {
|
||||
border-top: 0;
|
||||
border-bottom-width: 1px;
|
||||
font-weight: bold;
|
||||
font-size: .875rem;
|
||||
i {
|
||||
margin-left: 0.325rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
th,
|
||||
td {
|
||||
vertical-align: middle;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
padding: $table-cell-padding;
|
||||
}
|
||||
td {
|
||||
font-size: $default-font-size;
|
||||
img {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.badge {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
&.table-borderless {
|
||||
border: none;
|
||||
tr,
|
||||
td,
|
||||
th {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
&.table-bordered {
|
||||
border-top: 1px solid $border-color;
|
||||
}
|
||||
&.table-hover {
|
||||
thead,
|
||||
tbody {
|
||||
tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.table > :not(:last-child) > :last-child > *, .jsgrid .jsgrid-table > :not(:last-child) > :last-child > * {
|
||||
border-bottom-color: $border-color;
|
||||
}
|
||||
.table > :not(:first-child), .jsgrid .jsgrid-table > :not(:first-child) {
|
||||
border-top: none;
|
||||
}
|
||||
86
static/admin/scss/components/_todo-list.scss
Normal file
86
static/admin/scss/components/_todo-list.scss
Normal file
@ -0,0 +1,86 @@
|
||||
/* Tabs */
|
||||
|
||||
.add-items {
|
||||
margin-bottom: 1.5rem;
|
||||
overflow: hidden;
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
background: transparent;
|
||||
@include placeholder {
|
||||
font-size: 1rem;
|
||||
color: #9b9b9b;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
margin-left: .5rem;
|
||||
i {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
.rtl & {
|
||||
margin-left: auto;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-wrapper {
|
||||
height: 100%;
|
||||
max-height: 361px;
|
||||
overflow: scroll;
|
||||
ul {
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
margin-bottom: 0;
|
||||
li {
|
||||
@extend .d-flex;
|
||||
@extend .align-items-center;
|
||||
@extend .justify-content-start;
|
||||
font-size: .9375rem;
|
||||
padding: 1.063rem 0rem;
|
||||
border-bottom: 1px solid $border-color;
|
||||
.form-check{
|
||||
@extend %ellipsor;
|
||||
max-width: 90%;
|
||||
margin-top: .25rem;
|
||||
margin-bottom: .25rem;
|
||||
.form-check-label{
|
||||
@extend%ellipsor;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.remove {
|
||||
@extend .ms-auto;
|
||||
@extend .text-secondary;
|
||||
.rtl & {
|
||||
@extend .ms-0;
|
||||
@extend .me-auto;
|
||||
}
|
||||
cursor: pointer;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
width: 1.25rem;
|
||||
height: 1.25rem;
|
||||
line-height: 1.25rem;
|
||||
text-align: center;
|
||||
&:hover {
|
||||
@extend .text-danger;
|
||||
}
|
||||
}
|
||||
|
||||
.completed {
|
||||
.form-check {
|
||||
text-decoration: line-through;
|
||||
text-decoration-color: $black;
|
||||
}
|
||||
.remove {
|
||||
@extend .text-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
87
static/admin/scss/landing-screens/_auth.scss
Normal file
87
static/admin/scss/landing-screens/_auth.scss
Normal file
@ -0,0 +1,87 @@
|
||||
/* Auth */
|
||||
|
||||
.auth {
|
||||
.login-half-bg {
|
||||
background: url("../images/auth/login-bg.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
.register-half-bg {
|
||||
background: url("../images/auth/register-bg.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
&.lock-full-bg {
|
||||
background: url("../images/auth/lockscreen-bg.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
.lock-profile-img {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.auth-form-light {
|
||||
background: $white;
|
||||
select {
|
||||
color: $input-placeholder-color;
|
||||
}
|
||||
.input-group {
|
||||
.form-control {
|
||||
&:focus,
|
||||
&:active {
|
||||
border-color: $border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.auth-form-transparent {
|
||||
background: transparent;
|
||||
.form-control,
|
||||
.input-group-text {
|
||||
border-color: $secondary;
|
||||
&:focus,
|
||||
&:active {
|
||||
border-color: $secondary;
|
||||
}
|
||||
}
|
||||
select {
|
||||
outline-color: $secondary;
|
||||
}
|
||||
}
|
||||
&.auth-img-bg {
|
||||
padding: 0;
|
||||
.auth-form-transparent {
|
||||
@media (min-width:768px) {
|
||||
width: 55%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
.brand-logo {
|
||||
margin-bottom: 2rem;
|
||||
img {
|
||||
width: 150px;
|
||||
}
|
||||
}
|
||||
form {
|
||||
.form-group {
|
||||
margin-bottom: 1.5rem;
|
||||
label {
|
||||
font-size: .8125rem;
|
||||
}
|
||||
.form-control {
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
font-size: .9375rem;
|
||||
}
|
||||
}
|
||||
.auth-form-btn {
|
||||
padding: 1rem 3rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.auth-link {
|
||||
font-size: $default-font-size;
|
||||
&:hover {
|
||||
color: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
BIN
static/admin/scss/mixins/.DS_Store
vendored
Normal file
BIN
static/admin/scss/mixins/.DS_Store
vendored
Normal file
Binary file not shown.
70
static/admin/scss/mixins/_animation.scss
Normal file
70
static/admin/scss/mixins/_animation.scss
Normal file
@ -0,0 +1,70 @@
|
||||
/* Animation Mixins */
|
||||
@keyframes dropdownAnimation {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(0, -30px, 0);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
transform: translate3d(0, 0px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.dropdownAnimation {
|
||||
animation-name: dropdownAnimation;
|
||||
@include animation-duration($action-transition-duration);
|
||||
@include animation-fill-mode(both);
|
||||
}
|
||||
@mixin transition($settings) {
|
||||
-webkit-transition: $settings;
|
||||
-moz-transition: $settings;
|
||||
-ms-transition: $settings;
|
||||
-o-transition: $settings;
|
||||
transition: $settings;
|
||||
}
|
||||
@keyframes fadeOut {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.fadeOut {
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
|
||||
.infinite-spin {
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
animation-name: spin;
|
||||
animation-duration: 3s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
@keyframes fadeInUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fadeInUp {
|
||||
animation-name: fadeInUp;
|
||||
}
|
||||
7
static/admin/scss/mixins/_badges.scss
Normal file
7
static/admin/scss/mixins/_badges.scss
Normal file
@ -0,0 +1,7 @@
|
||||
//Badge Mixins
|
||||
|
||||
// Badge outlined variations
|
||||
@mixin badge-outline-variations($color) {
|
||||
color: $color;
|
||||
border: 1px solid $color;
|
||||
}
|
||||
8
static/admin/scss/mixins/_blockqoute.scss
Normal file
8
static/admin/scss/mixins/_blockqoute.scss
Normal file
@ -0,0 +1,8 @@
|
||||
// BlockQuote Mixins //
|
||||
|
||||
@mixin blockquote($color) {
|
||||
border-color: $color;
|
||||
.blockquote-footer {
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
60
static/admin/scss/mixins/_buttons.scss
Normal file
60
static/admin/scss/mixins/_buttons.scss
Normal file
@ -0,0 +1,60 @@
|
||||
@mixin social-button($color) {
|
||||
background: $color;
|
||||
color: $white;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: darken($color, 10%);
|
||||
color: $white;
|
||||
}
|
||||
&.btn-social-icon-text {
|
||||
padding: 0 1.5rem 0 0;
|
||||
background: lighten($color, 10%);
|
||||
i {
|
||||
background: $color;
|
||||
padding: .75rem;
|
||||
display: inline-block;
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin social-outline-button($color) {
|
||||
border: 1px solid $color;
|
||||
color: $color;
|
||||
&:hover {
|
||||
background: $color;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
@mixin button-inverse-variant($color, $color-hover: $white) {
|
||||
background-color: rgba($color, 0.2);
|
||||
background-image: none;
|
||||
border-color: rgba($color, 0);
|
||||
&:not(.btn-inverse-light) {
|
||||
color: $color;
|
||||
}
|
||||
&:hover {
|
||||
color: $color-hover;
|
||||
background-color: $color;
|
||||
border-color: $color;
|
||||
}
|
||||
|
||||
&.focus,
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 3px rgba($color, .5);
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&:disabled {
|
||||
color: $color;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&.active,
|
||||
&:active,
|
||||
.show > &.dropdown-toggle {
|
||||
color: $color-hover;
|
||||
background-color: $color;
|
||||
border-color: $color;
|
||||
}
|
||||
}
|
||||
7
static/admin/scss/mixins/_cards.scss
Normal file
7
static/admin/scss/mixins/_cards.scss
Normal file
@ -0,0 +1,7 @@
|
||||
// Cards Mixins
|
||||
|
||||
@mixin card-inverse-variant($bg, $border, $color) {
|
||||
background: $bg;
|
||||
border: 1px solid $border;
|
||||
color: $color;
|
||||
}
|
||||
72
static/admin/scss/mixins/_misc.scss
Normal file
72
static/admin/scss/mixins/_misc.scss
Normal file
@ -0,0 +1,72 @@
|
||||
/* Miscellaneous Mixins */
|
||||
|
||||
// general transform
|
||||
@mixin transform($transforms) {
|
||||
-moz-transform: $transforms;
|
||||
-o-transform: $transforms;
|
||||
-ms-transform: $transforms;
|
||||
-webkit-transform: $transforms;
|
||||
transform: $transforms;
|
||||
}
|
||||
|
||||
// rotate
|
||||
@mixin rotate ($deg) {
|
||||
@include transform(rotate(#{$deg}deg));
|
||||
}
|
||||
|
||||
// scale
|
||||
@mixin scale($scale) {
|
||||
@include transform(scale($scale));
|
||||
}
|
||||
// translate
|
||||
@mixin translate ($x, $y) {
|
||||
@include transform(translate($x, $y));
|
||||
}
|
||||
// skew
|
||||
@mixin skew ($x, $y) {
|
||||
@include transform(skew(#{$x}deg, #{$y}deg));
|
||||
}
|
||||
//transform origin
|
||||
@mixin transform-origin ($origin) {
|
||||
moz-transform-origin: $origin;
|
||||
-o-transform-origin: $origin;
|
||||
-ms-transform-origin: $origin;
|
||||
-webkit-transform-origin: $origin;
|
||||
transform-origin: $origin;
|
||||
}
|
||||
//Ellipsis
|
||||
%ellipsor{
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
max-width:100%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// Placeholder
|
||||
@mixin placeholder {
|
||||
&::-webkit-input-placeholder {
|
||||
@content
|
||||
}
|
||||
&:-moz-placeholder {
|
||||
@content
|
||||
}
|
||||
&::-moz-placeholder {
|
||||
@content
|
||||
}
|
||||
&:-ms-input-placeholder {
|
||||
@content
|
||||
}
|
||||
}
|
||||
|
||||
%ellipsor {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@mixin ellipsor {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
121
static/admin/scss/style.scss
Normal file
121
static/admin/scss/style.scss
Normal file
@ -0,0 +1,121 @@
|
||||
/*------------------------------------------------------------------
|
||||
[Master Stylesheet]
|
||||
|
||||
Project: RoyalUI Admin
|
||||
Version: 1.0.0
|
||||
-------------------------------------------------------------------*/
|
||||
|
||||
|
||||
|
||||
/*-------------------------------------------------------------------
|
||||
===== Table of Contents =====
|
||||
|
||||
* Bootstrap functions
|
||||
* Bootstrap variables
|
||||
* Template variables
|
||||
* SCSS Compass Functions
|
||||
* Boostrap Main SCSS
|
||||
* Template mixins
|
||||
+ Animation Mixins
|
||||
+ Button Mixins
|
||||
+ Miscellaneous Mixins
|
||||
+ Cards Mixins
|
||||
+ Color Functions Mixins
|
||||
+ Badge Mixins
|
||||
+ Blockquote Mixins
|
||||
|
||||
* Core Styles
|
||||
+ Reset Styles
|
||||
+ Fonts
|
||||
+ Functions
|
||||
+ Backgrounds
|
||||
+ Typography
|
||||
+ Miscellaneous
|
||||
+ Footer
|
||||
+ Utilities
|
||||
+ Demo styles
|
||||
* Components
|
||||
+ Buttons
|
||||
+ Badges
|
||||
+ Bootstrap Progress
|
||||
+ Cards
|
||||
+ Checkboxes and Radios
|
||||
+ Dropdowns
|
||||
+ Forms
|
||||
+ Icons
|
||||
+ Lists
|
||||
+ Tables
|
||||
+ To-do List
|
||||
* Landing screens
|
||||
+ Auth
|
||||
* Layout
|
||||
+ Vertical wrapper
|
||||
+ Sidebar
|
||||
+ Navbar
|
||||
+ Layouts
|
||||
|
||||
-------------------------------------------------------------------*/
|
||||
|
||||
|
||||
/*-------------------------------------------------------------------*/
|
||||
/* === Import Bootstrap functions and variables === */
|
||||
@import "../node_modules/bootstrap/scss/functions";
|
||||
@import "../node_modules/bootstrap/scss/variables";
|
||||
|
||||
/*-------------------------------------------------------------------*/
|
||||
/* === Import template variables === */
|
||||
@import "variables";
|
||||
|
||||
/*-------------------------------------------------------------------*/
|
||||
/* === SCSS Compass Functions === */
|
||||
@import "../node_modules/compass-mixins/lib/compass";
|
||||
@import "../node_modules/compass-mixins/lib/animate";
|
||||
|
||||
/*-------------------------------------------------------------------*/
|
||||
/* === Boostrap Main SCSS === */
|
||||
@import "../node_modules/bootstrap/scss/bootstrap";
|
||||
|
||||
/*-------------------------------------------------------------------*/
|
||||
/* === Template mixins === */
|
||||
@import "mixins/misc";
|
||||
@import "mixins/badges";
|
||||
@import "mixins/animation";
|
||||
@import "mixins/blockqoute";
|
||||
@import "mixins/buttons";
|
||||
@import "mixins/cards";
|
||||
|
||||
/*-------------------------------------------------------------------*/
|
||||
/* === Core Styles === */
|
||||
@import "reset";
|
||||
@import "fonts";
|
||||
@import "functions";
|
||||
@import "background";
|
||||
@import "typography";
|
||||
@import "misc";
|
||||
@import "footer";
|
||||
@import "utilities";
|
||||
@import "demo";
|
||||
|
||||
/*-------------------------------------------------------------------*/
|
||||
/* === Components === */
|
||||
@import "components/buttons";
|
||||
@import "components/badges";
|
||||
@import "components/bootstrap-progress";
|
||||
@import "components/cards";
|
||||
@import "components/checkbox-radio";
|
||||
@import "components/dropdown";
|
||||
@import "components/forms";
|
||||
@import "components/icons";
|
||||
@import "components/lists";
|
||||
@import "components/tables";
|
||||
@import "components/todo-list";
|
||||
|
||||
/*-------------------------------------------------------------------*/
|
||||
/* === Landing screens === */
|
||||
@import "landing-screens/auth";
|
||||
|
||||
|
||||
@import "vertical-wrapper";
|
||||
@import "sidebar";
|
||||
@import "navbar";
|
||||
@import "layouts";
|
||||
Reference in New Issue
Block a user