integarting admin dashboard
This commit is contained in:
UronShrestha
@ -0,0 +1,11 @@
|
||||
/* Ace Editor */
|
||||
|
||||
.ace_editor {
|
||||
margin: auto;
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
font: 14px/normal SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
.ace_content{
|
||||
font-size: $default-font-size;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,132 @@
|
||||
/* Avgrund Popup */
|
||||
|
||||
.avgrund-popin {
|
||||
position: fixed;
|
||||
background: #fff;
|
||||
padding: 37px 33px;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
top: 50%;
|
||||
left: 53%;
|
||||
z-index: 1000;
|
||||
font-size: $default-font-size;
|
||||
font-weight: 400;
|
||||
font-weight: initial;
|
||||
line-height: 1.85;
|
||||
@include border-radius(10px);
|
||||
|
||||
-webkit-transform: scale(0.8);
|
||||
-moz-transform: scale(0.8);
|
||||
-ms-transform: scale(0.8);
|
||||
-o-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
p{
|
||||
font-size: $default-font-size;
|
||||
font-weight: 400;
|
||||
font-weight: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.avgrund-overlay {
|
||||
background: $modal-backdrop-bg;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 101;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
|
||||
body.avgrund-ready,
|
||||
.avgrund-ready .avgrund-popin,
|
||||
.avgrund-ready .avgrund-overlay {
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-moz-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
-o-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
|
||||
-webkit-transition: 0.3s all ease-out;
|
||||
-moz-transition: 0.3s all ease-out;
|
||||
-ms-transition: 0.3s all ease-out;
|
||||
-o-transition: 0.3s all ease-out;
|
||||
transition: 0.3s all ease-out;
|
||||
}
|
||||
|
||||
body.avgrund-active {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.avgrund-active .avgrund-popin {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
|
||||
-webkit-transform: scale(1.1);
|
||||
-moz-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
-o-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
@media(max-width: 767px) {
|
||||
-webkit-transform: scale(0.8);
|
||||
-moz-transform: scale(0.8);
|
||||
-ms-transform: scale(0.8);
|
||||
-o-transform: scale(0.8);
|
||||
transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
|
||||
.avgrund-active .avgrund-overlay {
|
||||
visibility: visible;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity=50);
|
||||
height: 20000px;
|
||||
}
|
||||
|
||||
.avgrund-popin.stack {
|
||||
-webkit-transform: scale(1.5);
|
||||
-moz-transform: scale(1.5);
|
||||
-ms-transform: scale(1.5);
|
||||
-o-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
}
|
||||
|
||||
.avgrund-active .avgrund-popin.stack {
|
||||
-webkit-transform: scale(1.1);
|
||||
-moz-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
-o-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.avgrund-active .avgrund-blur {
|
||||
}
|
||||
|
||||
/* Optional close button styles */
|
||||
.avgrund-close {
|
||||
display: block;
|
||||
color:#fff;
|
||||
background: $body-color;
|
||||
font-size: 10px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
height: 17px;
|
||||
width: 17px;
|
||||
text-align:center;
|
||||
line-height: 16px;
|
||||
|
||||
@include border-radius(50px);
|
||||
&:hover{
|
||||
color: #fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,154 @@
|
||||
/* Chartist */
|
||||
|
||||
// Line Charts Starts
|
||||
// Data -1
|
||||
|
||||
.ct-series-a .ct-line {
|
||||
stroke: lighten($blue, 15);
|
||||
stroke-width: 3px;
|
||||
stroke-dasharray: 10px 20px;
|
||||
}
|
||||
|
||||
.ct-series-a .ct-point {
|
||||
stroke: lighten($blue, 1);
|
||||
stroke-width: 10px;
|
||||
stroke-linecap: round;
|
||||
}
|
||||
// Data -2
|
||||
|
||||
.ct-series-b .ct-line {
|
||||
stroke: lighten($green, 15);
|
||||
stroke-width: 3px;
|
||||
stroke-dasharray: 10px 20px;
|
||||
}
|
||||
|
||||
.ct-series-b .ct-point {
|
||||
stroke: lighten($green, 1);
|
||||
stroke-width: 10px;
|
||||
stroke-linecap: round;
|
||||
}
|
||||
// Data -3
|
||||
|
||||
.ct-series-c .ct-line {
|
||||
stroke: lighten($orange, 15);
|
||||
stroke-width: 3px;
|
||||
stroke-dasharray: 10px 20px;
|
||||
}
|
||||
|
||||
.ct-series-c .ct-point {
|
||||
stroke: lighten($orange, 1);
|
||||
stroke-width: 10px;
|
||||
stroke-linecap: round;
|
||||
}
|
||||
// Line Charts Ends
|
||||
// Bar Charts Starts
|
||||
// Data -1
|
||||
|
||||
.ct-series-a .ct-bar {
|
||||
stroke: lighten($blue, 15);
|
||||
stroke-width: 20px;
|
||||
stroke-dasharray: 0;
|
||||
stroke-linecap: squre;
|
||||
}
|
||||
// Data -2
|
||||
|
||||
.ct-series-b .ct-bar {
|
||||
stroke: lighten($green, 15);
|
||||
stroke-width: 20px;
|
||||
stroke-dasharray: 0;
|
||||
stroke-linecap: squre;
|
||||
}
|
||||
// Data -3
|
||||
|
||||
.ct-series-c .ct-bar {
|
||||
stroke: lighten($orange, 15);
|
||||
stroke-width: 20px;
|
||||
stroke-dasharray: 0;
|
||||
stroke-linecap: squre;
|
||||
}
|
||||
// Data -4
|
||||
|
||||
.ct-series-d .ct-bar {
|
||||
stroke: lighten($red, 15);
|
||||
stroke-width: 20px;
|
||||
stroke-dasharray: 0;
|
||||
stroke-linecap: squre;
|
||||
}
|
||||
// Bar Charts Ends
|
||||
// Pie Chart Starts
|
||||
// Data -1
|
||||
.ct-series-a .ct-slice-pie {
|
||||
fill: lighten($blue, 15);
|
||||
stroke-width: 4px;
|
||||
}
|
||||
// Data -2
|
||||
|
||||
.ct-series-b .ct-slice-pie {
|
||||
fill: lighten($green, 15);
|
||||
stroke-width: 4px;
|
||||
}
|
||||
// Data 3
|
||||
|
||||
.ct-series-c .ct-slice-pie {
|
||||
fill: lighten($red, 15);
|
||||
stroke-width: 4px;
|
||||
}
|
||||
// Data -4
|
||||
|
||||
.ct-series-d .ct-slice-pie {
|
||||
fill: lighten($orange, 15);
|
||||
stroke-width: 4px;
|
||||
}
|
||||
// Pie Chart Starts
|
||||
// Donut chart Starts
|
||||
// Data -1
|
||||
.ct-series-a .ct-slice-donut-solid {
|
||||
fill: lighten($blue, 15);
|
||||
}
|
||||
|
||||
// Data -2
|
||||
.ct-series-b .ct-slice-donut-solid {
|
||||
fill: lighten($green, 15);
|
||||
}
|
||||
|
||||
// Data -3
|
||||
.ct-series-c .ct-slice-donut-solid {
|
||||
fill: lighten($red, 15);
|
||||
}
|
||||
|
||||
// Data -d
|
||||
.ct-series-a .ct-slice-donut-solid {
|
||||
fill: lighten($orange, 15);
|
||||
}
|
||||
|
||||
// E-commerce Dashboard Chart
|
||||
#ct-chart-dash-barChart {
|
||||
// Data -1
|
||||
.ct-series-a .ct-bar {
|
||||
stroke: lighten($red, 10);
|
||||
stroke-width: 20px;
|
||||
stroke-dasharray: 0;
|
||||
stroke-linecap: squre;
|
||||
}
|
||||
// Data -2
|
||||
.ct-series-b .ct-bar {
|
||||
stroke: lighten($blue, 10);
|
||||
stroke-width: 20px;
|
||||
stroke-dasharray: 0;
|
||||
stroke-linecap: squre;
|
||||
}
|
||||
// Data -3
|
||||
.ct-series-c .ct-bar {
|
||||
stroke: lighten($blue, 15);
|
||||
stroke-width: 20px;
|
||||
stroke-dasharray: 0;
|
||||
stroke-linecap: squre;
|
||||
}
|
||||
// Data -4
|
||||
.ct-series-d .ct-bar {
|
||||
stroke: lighten($blue, 20);
|
||||
stroke-width: 20px;
|
||||
stroke-dasharray: 0;
|
||||
stroke-linecap: squre;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
/* CodeMirror */
|
||||
|
||||
.CodeMirror {
|
||||
font-size: $default-font-size;
|
||||
height: auto;
|
||||
text-align: left;
|
||||
min-height: auto;
|
||||
}
|
||||
.CodeMirror-scroll {
|
||||
min-height: auto;
|
||||
}
|
||||
@ -0,0 +1,45 @@
|
||||
/* Colcade */
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
|
||||
.grid {
|
||||
border: 1px solid color(gray-light)est;
|
||||
}
|
||||
|
||||
.grid:after {
|
||||
display: block;
|
||||
content: '';
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.grid-col {
|
||||
float: left;
|
||||
width: 49%;
|
||||
margin-right: 2%;
|
||||
background: rgba(theme-color(primary), .2);
|
||||
}
|
||||
|
||||
.grid-col--4 { margin-right: 0; }
|
||||
|
||||
/* hide two middle */
|
||||
.grid-col--2, .grid-col--3 { display: none; }
|
||||
|
||||
@media ( min-width: 768px ) {
|
||||
.grid-col { width: 32%; }
|
||||
.grid-col--2 { display: block; }
|
||||
}
|
||||
|
||||
@media ( min-width: 1200px ) {
|
||||
.grid-col { width: 23.5%; }
|
||||
.grid-col--2, .grid-col--3 { display: block; }
|
||||
}
|
||||
|
||||
.grid-item {
|
||||
background: theme-color(primary);
|
||||
margin-bottom: 20px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.grid-item--a { height: 80px; }
|
||||
.grid-item--b { height: 140px; }
|
||||
.grid-item--c { height: 300px; }
|
||||
@ -0,0 +1,21 @@
|
||||
/* Colorpicker */
|
||||
|
||||
.asColorPicker-dropdown {
|
||||
max-width: initial;
|
||||
}
|
||||
.asColorPicker-trigger{
|
||||
height: auto;
|
||||
border: 0;
|
||||
span {
|
||||
border-radius: 2px;
|
||||
width: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
.asColorPicker-input {
|
||||
@extend .form-control;
|
||||
}
|
||||
|
||||
.asColorPicker-wrap {
|
||||
@extend .input-group;
|
||||
}
|
||||
@ -0,0 +1,55 @@
|
||||
/* Context Menu */
|
||||
|
||||
.context-menu-icon {
|
||||
&:before {
|
||||
color: $black;
|
||||
font: normal normal normal 15px/1 "themify";
|
||||
}
|
||||
&.context-menu-icon-cut {
|
||||
&:before {
|
||||
content: '\e613';
|
||||
}
|
||||
}
|
||||
&.context-menu-icon-edit {
|
||||
&:before {
|
||||
content: '\e61c';
|
||||
}
|
||||
}
|
||||
&.context-menu-icon-copy {
|
||||
&:before {
|
||||
content: '\e6a3';
|
||||
}
|
||||
}
|
||||
&.context-menu-icon-paste {
|
||||
&:before {
|
||||
content: '\e6c8';
|
||||
}
|
||||
}
|
||||
&.context-menu-icon-delete {
|
||||
&:before {
|
||||
content: '\e605';
|
||||
}
|
||||
}
|
||||
&.context-menu-icon-quit {
|
||||
&:before {
|
||||
content: '\e646';
|
||||
}
|
||||
}
|
||||
}
|
||||
.context-menu-list {
|
||||
box-shadow: none;
|
||||
border: 1px solid $border-color;
|
||||
.context-menu-item {
|
||||
span {
|
||||
color: $black;
|
||||
font-size: .75rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
&.context-menu-hover {
|
||||
background: $black;
|
||||
span {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,194 @@
|
||||
/* Data Tables */
|
||||
|
||||
.dataTables_wrapper {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
label {
|
||||
font-size: .8125rem;
|
||||
}
|
||||
select {
|
||||
@extend .form-control;
|
||||
padding: .4rem;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
.dataTables_length {
|
||||
select {
|
||||
min-width: 70px;
|
||||
margin-left: .25rem;
|
||||
margin-right: .25rem;
|
||||
width: -webkit-fill-available;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.dataTable {
|
||||
.btn {
|
||||
padding: 0.1rem 1rem;
|
||||
vertical-align: top;
|
||||
i {
|
||||
font-size: .875rem;
|
||||
margin-right: .3rem;
|
||||
}
|
||||
}
|
||||
thead {
|
||||
th {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
.sorting,
|
||||
.sorting_asc,
|
||||
.sorting_desc,
|
||||
.sorting_asc_disabled,
|
||||
.sorting_desc_disabled {
|
||||
&:before,
|
||||
&:after {
|
||||
line-height: 2.5;
|
||||
font-family: themify;
|
||||
font-size: .65rem;
|
||||
}
|
||||
&:before {
|
||||
content: "\e64b";
|
||||
right: 1.2em;
|
||||
bottom: 0;
|
||||
}
|
||||
&:after {
|
||||
content: "\e648";
|
||||
right: 1.2em;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dataTables_paginate {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.dataTables_info {
|
||||
font-size: $default-font-size;
|
||||
@media(max-width: 576px) {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.expandable-table {
|
||||
thead {
|
||||
tr {
|
||||
th {
|
||||
background: theme-color(primary);
|
||||
padding: 10px;
|
||||
color: $white;
|
||||
font-size: 14px;
|
||||
&:first-child {
|
||||
border-radius: 8px 0 0 8px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 8px 8px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
tr {
|
||||
&.odd,
|
||||
&.even {
|
||||
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.03);
|
||||
border-radius: 4px;
|
||||
}
|
||||
td {
|
||||
&.select-checkbox{
|
||||
padding-left: 26px;
|
||||
&:after {
|
||||
top: 2rem;
|
||||
}
|
||||
&:before {
|
||||
top: 2rem;
|
||||
}
|
||||
}
|
||||
padding: 14px;
|
||||
font-size: 14px;
|
||||
.cell-hilighted {
|
||||
background-color: theme-color(primary);
|
||||
border-radius: 10px;
|
||||
padding: 18px;
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
h5 {
|
||||
font-size: 20px;
|
||||
color: $color-light-blue;
|
||||
}
|
||||
p {
|
||||
opacity: .6;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
h6 {
|
||||
font-size: 14px;
|
||||
color: $color-light-blue;
|
||||
}
|
||||
}
|
||||
.expanded-table-normal-cell {
|
||||
padding: 10px;
|
||||
p {
|
||||
font-size: 11px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
h6 {
|
||||
color: $expanded-table-cell-color;
|
||||
font-size: 14px;
|
||||
}
|
||||
.highlighted-alpha {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: 100%;
|
||||
background: $alpha-orange;
|
||||
color: $white;
|
||||
text-align: center;
|
||||
padding-top: 7px;
|
||||
font-size: 14px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
img {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: 100%;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
&.details-control {
|
||||
&:before {
|
||||
content: '\e64b';
|
||||
font-family: "themify";
|
||||
}
|
||||
}
|
||||
}
|
||||
&.shown {
|
||||
td {
|
||||
&.details-control {
|
||||
&:before {
|
||||
content: '\e648';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.expanded-row {
|
||||
background: #fafafa;
|
||||
}
|
||||
}
|
||||
table {
|
||||
&.dataTable {
|
||||
tbody {
|
||||
td{
|
||||
&.select-checkbox {
|
||||
&:before {
|
||||
top: 1.4rem;
|
||||
left: 10px;
|
||||
border: 1px solid $border-color;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
&:after {
|
||||
top: 1.5rem;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,247 @@
|
||||
/* Datepicker */
|
||||
.datepicker.datepicker-dropdown,
|
||||
.datepicker.datepicker-inline {
|
||||
padding: 0;
|
||||
width: 30%;
|
||||
max-width: 500px;
|
||||
min-width: 250px;
|
||||
|
||||
.datepicker-days {
|
||||
padding: 0;
|
||||
|
||||
table.table-condensed {
|
||||
width: 100%;
|
||||
|
||||
thead {
|
||||
tr {
|
||||
th {
|
||||
text-align: center;
|
||||
padding: 0.5rem 0;
|
||||
|
||||
&.prev {
|
||||
color: $body-color;
|
||||
padding-bottom: 1rem;
|
||||
padding-top: 1rem;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
&.datepicker-switch {
|
||||
color: $body-color;
|
||||
background: $white;
|
||||
padding-bottom: 1rem;
|
||||
padding-top: 1rem;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
&.next {
|
||||
color: $body-color;
|
||||
padding-bottom: 1rem;
|
||||
padding-top: 1rem;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
&.dow {
|
||||
font-family: $type1;
|
||||
color: $body-color;
|
||||
font-size: 0.875rem;
|
||||
font-weight: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
position: relative;
|
||||
top: 13px;
|
||||
|
||||
td {
|
||||
text-align: center;
|
||||
|
||||
&.day {
|
||||
font-size: 0.9375rem;
|
||||
padding: 0.5rem 0;
|
||||
color: $body-color;
|
||||
|
||||
&:hover {
|
||||
background: $white;
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: #fff;
|
||||
background: transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background: theme-color(success);
|
||||
@include border-radius(4px);
|
||||
display: block;
|
||||
margin: auto;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.today {
|
||||
color: #fff;
|
||||
background: transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background: theme-color(primary);
|
||||
@include border-radius(4px);
|
||||
box-shadow: 3px 3px 6px 0 rgba(147, 127, 201, 0.43);
|
||||
-webkit-box-shadow: 3px 3px 6px 0 rgba(147, 127, 201, 0.43);
|
||||
-moz-box-shadow: 3px 3px 6px 0 rgba(147, 127, 201, 0.43);
|
||||
display: block;
|
||||
margin: auto;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.old.day {
|
||||
color: darken(color(gray-lightest),4.5%);
|
||||
}
|
||||
|
||||
&.new.day {}
|
||||
|
||||
&.range-start,
|
||||
&.range-end {
|
||||
background: transparent;
|
||||
position: relative;
|
||||
&::before {
|
||||
content: "";
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background: rgba(theme-color(success), .2);
|
||||
border-radius: 4px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
&.range {
|
||||
position: relative;
|
||||
background: transparent;
|
||||
&::before {
|
||||
content: "";
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background: #eee;
|
||||
border-radius: 4px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
vertical-align: middle;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker.datepicker-inline {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-width: 250px;
|
||||
|
||||
thead {
|
||||
tr {
|
||||
th {
|
||||
&.prev {
|
||||
color: grey;
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
&.datepicker-switch {
|
||||
color: theme-color(primary);
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
&.next {
|
||||
color: grey;
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
&.dow {}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker {
|
||||
> div {
|
||||
display: initial;
|
||||
padding: 0.375rem 0.75rem;
|
||||
margin-bottom: 0;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #495057;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
&.input-group {
|
||||
border: 1px solid $border-color;
|
||||
padding: 0;
|
||||
|
||||
.form-control {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker-dropdown {
|
||||
&:after {
|
||||
border-bottom-color: $dropdown-bg;
|
||||
}
|
||||
&:before {
|
||||
border-bottom-color: $border-color;
|
||||
}
|
||||
&.datepicker-orient-top {
|
||||
&:before,
|
||||
&:after {
|
||||
top: auto;
|
||||
}
|
||||
&:after {
|
||||
border-top-color: $dropdown-bg;
|
||||
}
|
||||
&:before {
|
||||
border-top-color: $border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,59 @@
|
||||
/* Dropify */
|
||||
|
||||
.dropify-wrapper{
|
||||
border: 2px dashed $border-color;
|
||||
@include border-radius(7px);
|
||||
&:hover{
|
||||
background-size: 30px 30px;
|
||||
background-image: -webkit-linear-gradient(135deg,#F2F7F8 25%,transparent 25%,transparent 50%,#F2F7F8 50%,#F2F7F8 75%,transparent 75%,transparent);
|
||||
background-image: linear-gradient(135deg,#F2F7F8 25%,transparent 25%,transparent 50%,#F2F7F8 50%,#F2F7F8 75%,transparent 75%,transparent);
|
||||
-webkit-animation: stripes 2s linear infinite;
|
||||
animation: stripes 2s linear infinite;
|
||||
}
|
||||
.dropify-message{
|
||||
span.file-icon{
|
||||
&:before {
|
||||
display: inline-block;
|
||||
font: normal normal normal 24px/1 "themify";
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
line-height: inherit;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
content: '\e66b';
|
||||
color: $body-color;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
p{
|
||||
font-size: .8125rem;
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
.dropify-preview{
|
||||
.dropify-infos{
|
||||
background: rgba(255,255,255,.9);
|
||||
.dropify-infos-inner{
|
||||
.dropify-filename{
|
||||
color: theme-color(primary);
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.dropify-infos-message{
|
||||
color :#333;
|
||||
font-weight:500;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropify-render{
|
||||
img{
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropify-clear{
|
||||
background: #fff;
|
||||
border: none;
|
||||
font-weight: 600;
|
||||
color: color(gray);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,34 @@
|
||||
/* Dropzone */
|
||||
|
||||
.dropzone {
|
||||
border: 1px solid $border-color;
|
||||
min-height: 200px;
|
||||
.dz-message {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
span {
|
||||
font-size: .8125rem;
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
.dz-preview {
|
||||
margin: 5px;
|
||||
.dz-image {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.dz-error-message {
|
||||
top: 80px;
|
||||
left: -35px;
|
||||
}
|
||||
.dz-success-mark,
|
||||
.dz-error-mark {
|
||||
margin-left: -17px;
|
||||
svg {
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
/* Flot chart */
|
||||
|
||||
.flot-chart-container {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 300px;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.flot-chart {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
canvas {
|
||||
position:absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
max-width: none;
|
||||
height: 400px;
|
||||
}
|
||||
@ -0,0 +1,155 @@
|
||||
/* Full Calendar */
|
||||
|
||||
.fc {
|
||||
button {
|
||||
@extend .btn;
|
||||
@extend .btn-sm;
|
||||
height: auto;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
font-weight: 400;
|
||||
background-color: $white;
|
||||
border-color: $border-color;
|
||||
text-transform: capitalize;
|
||||
color: $fullcalendar-color;
|
||||
.fc-icon-right-single-arrow,
|
||||
.fc-icon-left-single-arrow {
|
||||
&:after {
|
||||
color: $fullcalendar-color;
|
||||
font: normal normal normal 15px/1 "themify";
|
||||
}
|
||||
}
|
||||
.fc-icon-right-single-arrow {
|
||||
&:after {
|
||||
content: "\e649";
|
||||
}
|
||||
}
|
||||
.fc-icon-left-single-arrow {
|
||||
&:after {
|
||||
content: "\e64a";
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-button-group {
|
||||
@extend .btn-group;
|
||||
.fc-button {
|
||||
background-color: $white;
|
||||
margin: 0;
|
||||
&.fc-state-active {
|
||||
color: theme-color(danger);
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-header-toolbar {
|
||||
margin-top: 2rem;
|
||||
.fc-center {
|
||||
h2 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.fc-left,
|
||||
.fc-right,
|
||||
.fc-center {
|
||||
float: none;
|
||||
margin-bottom: 10px;
|
||||
&:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.fc-left {
|
||||
.fc-today-button {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.fc-right {
|
||||
.fc-button-group {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-widget-header {
|
||||
border: 0;
|
||||
table {
|
||||
tr {
|
||||
th {
|
||||
border-width: 0 0 1px 0;
|
||||
text-align: right;
|
||||
padding: 1rem;
|
||||
@media (max-width: 767px) {
|
||||
padding: 1rem .25rem;
|
||||
}
|
||||
span {
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
color: $fullcalendar-color;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-content-skeleton {
|
||||
table {
|
||||
tr {
|
||||
td {
|
||||
padding: .5rem;
|
||||
font-size: .875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-event {
|
||||
border: 0;
|
||||
color: $white;
|
||||
padding: .5rem;
|
||||
&.fc-start {
|
||||
background: theme-color(primary);
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid theme-color(primary);
|
||||
}
|
||||
&.fc-not-start,
|
||||
&.fc-not-end {
|
||||
background: theme-color(danger);
|
||||
border-left: 4px solid theme-color(danger);
|
||||
padding-left: .5rem;
|
||||
}
|
||||
&.fc-not-end {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.fc-title,
|
||||
.fc-time {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fc-external-events {
|
||||
.fc-event {
|
||||
background: $white;
|
||||
color: $black;
|
||||
border-width: 0 0 0 4px;
|
||||
padding: 16px;
|
||||
border-radius: 0;
|
||||
margin-bottom: 10px;
|
||||
&:nth-child(1) {
|
||||
border-color: theme-color(primary);
|
||||
}
|
||||
&:nth-child(2) {
|
||||
border-color: theme-color(danger);
|
||||
}
|
||||
&:nth-child(3) {
|
||||
border-color: theme-color(success);
|
||||
}
|
||||
&:nth-child(4) {
|
||||
border-color: theme-color(info);
|
||||
}
|
||||
&:nth-child(4) {
|
||||
border-color: theme-color(warning);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
/* Google Charts */
|
||||
|
||||
.google-chart-container {
|
||||
.google-charts {
|
||||
width: 100%;
|
||||
height: 280px;
|
||||
min-height: 280px;
|
||||
min-width: 100%;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,14 @@
|
||||
/* Icheck */
|
||||
|
||||
.icheck,
|
||||
.icheck-flat,
|
||||
.icheck-square,
|
||||
.icheck-line {
|
||||
margin-bottom: .5rem;
|
||||
label {
|
||||
font-size: .8125rem;
|
||||
line-height: 1.5;
|
||||
margin-left: 5px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
/* Jquery File Upload */
|
||||
|
||||
.ajax-upload-dragdrop {
|
||||
border-color: $border-color;
|
||||
border-style: dotted;
|
||||
max-width:100%;
|
||||
span {
|
||||
b {
|
||||
font-size: .8125rem;
|
||||
color: $body-color;
|
||||
font-weight: initial;
|
||||
}
|
||||
}
|
||||
.ajax-file-upload {
|
||||
background: theme-color(info);
|
||||
box-shadow: none;
|
||||
height: auto;
|
||||
@extend .btn;
|
||||
}
|
||||
}
|
||||
|
||||
.ajax-file-upload-container {
|
||||
min-height: 100px;
|
||||
.ajax-file-upload-statusbar {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,61 @@
|
||||
/* Js-grid */
|
||||
|
||||
.jsgrid {
|
||||
.jsgrid-button {
|
||||
background-image: url(../../images/sprites/jsgrid-icons.png);
|
||||
}
|
||||
.jsgrid-grid-header {
|
||||
border: 1px solid $border-color;
|
||||
border-top: 0;
|
||||
}
|
||||
.jsgrid-table {
|
||||
@extend .table;
|
||||
th {
|
||||
font-weight: initial;
|
||||
font-weight: 600;
|
||||
}
|
||||
.jsgrid-filter-row {
|
||||
input[type=text],
|
||||
select {
|
||||
@extend .form-control;
|
||||
}
|
||||
input[type=number] {
|
||||
@extend .form-control;
|
||||
padding: .56rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsgrid-header-sort {
|
||||
&:before {
|
||||
margin-top: 10px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.jsgrid-header-sort-asc {
|
||||
&:before {
|
||||
border-color: transparent transparent $body-color;
|
||||
}
|
||||
}
|
||||
.jsgrid-header-sort-desc {
|
||||
&:before {
|
||||
border-color: $body-color transparent transparent
|
||||
}
|
||||
}
|
||||
.jsgrid-pager {
|
||||
line-height: 2;
|
||||
@extend .pagination;
|
||||
@extend .flex-wrap;
|
||||
.jsgrid-pager-nav-button,
|
||||
.jsgrid-pager-page {
|
||||
@extend .page-item;
|
||||
a {
|
||||
@extend .page-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsgrid-pager-current-page {
|
||||
padding: 0.5rem 0.75rem;
|
||||
font-weight: initial;
|
||||
line-height: 1.25;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
/* Jvectormap */
|
||||
|
||||
.jvectormap-container {
|
||||
background: $white;
|
||||
}
|
||||
@ -0,0 +1,34 @@
|
||||
/* Light Gallery */
|
||||
|
||||
.lightGallery{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
.image-tile{
|
||||
position: relative;
|
||||
@extend .col-xl-3;
|
||||
@extend .col-lg-3;
|
||||
@extend .col-md-3;
|
||||
@extend .col-md-4;
|
||||
@extend .col-6;
|
||||
margin-bottom: 30px;
|
||||
.demo-gallery-poster{
|
||||
@extend .d-flex;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
img{
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: 40%;
|
||||
max-width: 60px;
|
||||
min-width: 20px;
|
||||
}
|
||||
}
|
||||
img{
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
/* Listify */
|
||||
|
||||
.listify-list{
|
||||
input{
|
||||
border: 1px solid $white-smoke;
|
||||
color: color(gray-light);
|
||||
background: #fff;
|
||||
}
|
||||
button{
|
||||
|
||||
}
|
||||
ul.list{
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
li{
|
||||
display: block;
|
||||
border-bottom: $border-property;
|
||||
padding: 15px 10px;
|
||||
h5{
|
||||
color: theme-color("primary");
|
||||
}
|
||||
p{
|
||||
color: color(gray-light);
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
.mapael {
|
||||
svg {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,99 @@
|
||||
/* No-ui-slider */
|
||||
|
||||
.noUi-target {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
@include border-radius(0px);
|
||||
&.noUi-horizontal{
|
||||
height: 0.25rem;
|
||||
.noUi-handle {
|
||||
left: -17px;
|
||||
}
|
||||
}
|
||||
&.noUi-vertical{
|
||||
width: 0.25rem;
|
||||
height: 156px;
|
||||
display: inline-block;
|
||||
.noUi-handle {
|
||||
left: -6px;
|
||||
}
|
||||
}
|
||||
|
||||
.noUi-base {
|
||||
background: color(gray-lightest);
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
|
||||
.noUi-connect {
|
||||
background: theme-color(primary);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.noUi-origin {
|
||||
background: theme-color(success);
|
||||
|
||||
.noUi-handle {
|
||||
background: $white;
|
||||
@include border-radius(100%);
|
||||
border:$border-width solid $border-color;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
top: -7px;
|
||||
outline: none;
|
||||
@include transition-duration(0.4s);
|
||||
|
||||
&:after,
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
&:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top:5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: theme-color(primary);
|
||||
@include border-radius(100%);
|
||||
}
|
||||
.noUi-tooltip{
|
||||
font-weight: 600;
|
||||
@include border-radius(4px);
|
||||
border: none;
|
||||
line-height: 1;
|
||||
font-size: $default-font-size;
|
||||
padding: 13px 12px;
|
||||
bottom: 190%;
|
||||
}
|
||||
&.noUi-active {}
|
||||
}
|
||||
}
|
||||
}
|
||||
.noUi-pips{
|
||||
.noUi-marker-horizontal,.noUi-marker-vertical{
|
||||
background: $border-color;
|
||||
}
|
||||
.noUi-marker-horizontal{
|
||||
height: 9px;
|
||||
width: 1px;
|
||||
}
|
||||
.noUi-marker-vertical{
|
||||
height: 1px;
|
||||
width: 9px;
|
||||
}
|
||||
.noUi-value{
|
||||
color: $black;
|
||||
font-size: 0.94rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Slider Color variations */
|
||||
@each $color, $value in $theme-colors {
|
||||
.slider-#{$color} {
|
||||
@include slider-color-variant($value);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,45 @@
|
||||
/* Owl-carousel */
|
||||
|
||||
.owl-carousel {
|
||||
img {
|
||||
border-radius: 4px;
|
||||
}
|
||||
&.full-width {
|
||||
.owl-nav {
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
.owl-prev,
|
||||
.owl-next {
|
||||
background: transparent;
|
||||
color: $white;
|
||||
i {
|
||||
&:before {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: rgba($black, .5);
|
||||
border-radius: 100%;
|
||||
font-size: 1.875rem;
|
||||
font-weight: bold;
|
||||
line-height: 2;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.owl-prev {
|
||||
float: left;
|
||||
}
|
||||
.owl-next {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.owl-dots {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
.item-video {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
/* Progressbar-js */
|
||||
|
||||
.progress-bar-js-line {
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.progressbar-js-circle {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
@ -0,0 +1,142 @@
|
||||
/* Pws-tabs */
|
||||
|
||||
.pws_tabs_container {
|
||||
ul.pws_tabs_controll {
|
||||
li {
|
||||
&:first-child {
|
||||
a {
|
||||
@include border-radius(5px 0px 0px 0px);
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
a {
|
||||
border-right: 1px solid theme-color(primary);
|
||||
@include border-radius(0px 5px 0px 0px);
|
||||
}
|
||||
}
|
||||
a {
|
||||
border: 1px solid theme-color(primary);
|
||||
border-bottom: none;
|
||||
border-right: none;
|
||||
background: #fff;
|
||||
color: theme-color(primary);
|
||||
padding: 0.6em 1.3em;
|
||||
margin-right: 0;
|
||||
|
||||
&:hover {
|
||||
background: #fff;
|
||||
color: theme-color(primary);
|
||||
}
|
||||
|
||||
&.pws_tab_active {
|
||||
background: theme-color(primary);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.demo-tabs {
|
||||
border: 1px solid theme-color(primary);
|
||||
@include border-radius(0px 5px 5px 5px);
|
||||
overflow: hidden;
|
||||
background: color(white-smoke);
|
||||
margin-bottom: 45px;
|
||||
padding-top: 3.5rem;
|
||||
|
||||
.CodeMirror {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
// Styles for vertical Tab
|
||||
&.pws_tabs_vertical {
|
||||
.pws_tabs_controll {
|
||||
border-right: none;
|
||||
border-bottom:none;
|
||||
li {
|
||||
&:first-child {
|
||||
a {
|
||||
@include border-radius(5px 0px 0px 0px);
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
a {
|
||||
border-bottom: 1px solid theme-color(primary);
|
||||
@include border-radius(0px 0px 0px 5px);
|
||||
border-right: 0px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
@include border-radius(0px);
|
||||
border: 1px solid theme-color(primary);
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Styles for vertical Tab
|
||||
|
||||
// Styles for horizontal Tab
|
||||
&.pws_tabs_horizontal_bottom {
|
||||
.pws_tabs_list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.pws_tabs_controll {
|
||||
border-top: 1px solid theme-color(primary);
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
li {
|
||||
&:first-child {
|
||||
a {
|
||||
@include border-radius(0px 0px 0px 5px);
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
a {
|
||||
@include border-radius(0px 0px 5px 0px);
|
||||
border-right: 1px solid theme-color(primary);
|
||||
}
|
||||
}
|
||||
a {
|
||||
@include border-radius(0px);
|
||||
border: 1px solid theme-color(primary);
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Styles for vertical Tab
|
||||
|
||||
// Styles for RTL Tab
|
||||
&.pws_tabs_rtl {
|
||||
.pws_tabs_controll {
|
||||
li {
|
||||
&:first-child {
|
||||
a {
|
||||
@include border-radius(0px 5px 0px 0px);
|
||||
border-right: 1px solid theme-color(primary);
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
a {
|
||||
border-right: none;
|
||||
@include border-radius(5px 0px 0px 0px);
|
||||
}
|
||||
}
|
||||
a {
|
||||
border: 1px solid theme-color(primary);
|
||||
border-bottom: none;
|
||||
border-right: none;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Styles for RTL Tab
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
/* Quill Editor */
|
||||
|
||||
.quill-container {
|
||||
height: 300px;
|
||||
}
|
||||
.ql-toolbar,
|
||||
.quill-container {
|
||||
&.ql-snow {
|
||||
border-color: $border-color;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,78 @@
|
||||
/* Rating */
|
||||
|
||||
.br-theme-fontawesome-stars,
|
||||
.br-theme-css-stars {
|
||||
.br-widget {
|
||||
a {
|
||||
font-size: 20px;
|
||||
&.br-selected,
|
||||
&.br-active {
|
||||
&:after {
|
||||
color: theme-color(primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.br-theme-bars-1to10,
|
||||
.br-theme-bars-movie,
|
||||
.br-theme-bars-pill,
|
||||
.br-theme-bars-reversed,
|
||||
.br-theme-bars-horizontal {
|
||||
.br-widget {
|
||||
a {
|
||||
background-color: rgba(theme-color(primary), .6);
|
||||
color: theme-color(primary);
|
||||
&.br-selected,
|
||||
&.br-active {
|
||||
background-color: theme-color(primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.br-theme-bars-square {
|
||||
.br-widget {
|
||||
a {
|
||||
border-color: rgba(theme-color(primary), .6);
|
||||
color: rgba(theme-color(primary), .6);
|
||||
&.br-selected,
|
||||
&.br-active {
|
||||
border-color: theme-color(primary);
|
||||
color: theme-color(primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.br-theme-bars-movie,
|
||||
.br-theme-bars-reversed,
|
||||
.br-theme-bars-1to10,
|
||||
.br-theme-bars-horizontal {
|
||||
.br-widget {
|
||||
.br-current-rating {
|
||||
color: $body-color;
|
||||
font-size: $default-font-size;
|
||||
font-weight: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.br-theme-bars-1to10 {
|
||||
height: 26px;
|
||||
.br-widget {
|
||||
height: 24px;
|
||||
.br-current-rating {
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.br-theme-bars-pill {
|
||||
.br-widget {
|
||||
a {
|
||||
line-height: 2.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,62 @@
|
||||
/* Select2 */
|
||||
|
||||
.select2-container--default {
|
||||
.select2-results__option--highlighted[aria-selected] {
|
||||
background: theme-color(primary);
|
||||
}
|
||||
.select2-selection--single,
|
||||
.select2-dropdown,
|
||||
.select2-selection--multiple {
|
||||
border-color: $border-color;
|
||||
.select2-search__field {
|
||||
border-color: $border-color;
|
||||
}
|
||||
}
|
||||
.select2-selection--single {
|
||||
height: auto;
|
||||
@extend .form-control;
|
||||
.select2-search__field {
|
||||
@extend .form-control;
|
||||
}
|
||||
.select2-selection__rendered {
|
||||
line-height: 14px;
|
||||
}
|
||||
}
|
||||
.select2-dropdown {
|
||||
font-size: .8125rem;
|
||||
}
|
||||
&.select2-container--focus {
|
||||
.select2-selection--multiple {
|
||||
border-color: $border-color;
|
||||
}
|
||||
}
|
||||
.select2-selection--multiple {
|
||||
.select2-selection__choice {
|
||||
color: color(white);
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
padding: 6px;
|
||||
font-size: .625rem;
|
||||
font-family: inherit;
|
||||
line-height: 1;
|
||||
.select2-selection__choice__remove {
|
||||
color: color(white);
|
||||
}
|
||||
&:nth-child(5n+1) {
|
||||
background: theme-color(primary);
|
||||
}
|
||||
&:nth-child(5n+2) {
|
||||
background: theme-color(success);
|
||||
}
|
||||
&:nth-child(5n+3) {
|
||||
background: theme-color(info);
|
||||
}
|
||||
&:nth-child(5n+4) {
|
||||
background: theme-color(danger);
|
||||
}
|
||||
&:nth-child(5n+5) {
|
||||
background: theme-color(warning);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
/* Summernote Editor */
|
||||
|
||||
.note-editor{
|
||||
&.note-frame {
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
}
|
||||
.note-popover {
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
@ -0,0 +1,72 @@
|
||||
/* SweetAlert */
|
||||
|
||||
.swal2-container {
|
||||
z-index: 1500;
|
||||
}
|
||||
|
||||
.swal2-modal {
|
||||
min-height: 315px;
|
||||
@extend .d-flex;
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
@include flex-direction(column);
|
||||
@include border-radius(10px);
|
||||
|
||||
.swal2-title {
|
||||
font-size: 25px;
|
||||
line-height: 1;
|
||||
font-weight: 600;
|
||||
color: $body-color;
|
||||
font-weight: initial;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.swal2-icon,
|
||||
.swal2-success-ring {
|
||||
margin-top: 0;
|
||||
margin-bottom: 42px;
|
||||
}
|
||||
|
||||
.swal2-buttonswrapper {
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
|
||||
.swal2-styled {
|
||||
@extend .btn;
|
||||
margin-top: 0;
|
||||
font-weight: initial;
|
||||
|
||||
&.swal2-confirm {
|
||||
@extend .btn;
|
||||
@extend .bg-success;
|
||||
@extend .border-success;
|
||||
font-weight: initial;
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
&.swal2-cancel {
|
||||
@extend .btn;
|
||||
margin-top: 32px;
|
||||
border: 1px solid $border-color;
|
||||
color: $white;
|
||||
font-weight: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swal2-content {
|
||||
font-size: $default-font-size;
|
||||
font-weight: 600;
|
||||
color: $body-color;
|
||||
font-weight: initial;
|
||||
margin-top: 11px;
|
||||
}
|
||||
|
||||
.swal2-close {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.swal2-success-ring {
|
||||
left: -30px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,30 @@
|
||||
/* Switchery */
|
||||
|
||||
.switchery {
|
||||
width: 35px;
|
||||
height: 21px;
|
||||
border-radius: 11px;
|
||||
>small {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.switchery-small {
|
||||
width: 25px;
|
||||
height: 13px;
|
||||
>small {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
.switchery-large {
|
||||
width: 50px;
|
||||
height: 28px;
|
||||
border-radius: 14px;
|
||||
>small {
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
/* Tags */
|
||||
|
||||
div.tagsinput {
|
||||
padding: 15px 15px 10px;
|
||||
border-color: $border-color;
|
||||
span.tag {
|
||||
background: theme-color(primary);
|
||||
border: 0;
|
||||
color: color(white);
|
||||
padding: 6px 14px;
|
||||
font-size: .8125rem;
|
||||
font-family: inherit;
|
||||
line-height: 1;
|
||||
a {
|
||||
color: color(white);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
/* TinyMCE Editor */
|
||||
|
||||
.mce-tinymce {
|
||||
&.mce-panel,
|
||||
.mce-panel {
|
||||
border-color: $border-color;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,16 @@
|
||||
/* Toast */
|
||||
|
||||
.jq-toast-wrap {
|
||||
.jq-icon-success {
|
||||
background-color: theme-color("success");
|
||||
}
|
||||
.jq-icon-info {
|
||||
background-color: theme-color("info");
|
||||
}
|
||||
.jq-icon-warning {
|
||||
background-color: theme-color("warning");
|
||||
}
|
||||
.jq-icon-error {
|
||||
background-color: theme-color("danger");
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,65 @@
|
||||
/* Typeahead */
|
||||
|
||||
.tt-menu,
|
||||
.gist {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.twitter-typeahead {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.typeahead,
|
||||
.tt-query,
|
||||
.tt-hint {
|
||||
@extend .form-control;
|
||||
}
|
||||
|
||||
.typeahead {
|
||||
background-color: color(white);
|
||||
&:focus {
|
||||
border-color: $border-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tt-query {
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
}
|
||||
|
||||
.tt-hint {
|
||||
color: color(gray)
|
||||
}
|
||||
|
||||
.tt-menu {
|
||||
width: 100%;
|
||||
margin: 12px 0;
|
||||
padding: 8px 0;
|
||||
background-color: color(white);
|
||||
border: 1px solid $border-color;
|
||||
-webkit-border-radius: 8px;
|
||||
-moz-border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||||
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||||
box-shadow: 0 5px 10px rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
.tt-suggestion {
|
||||
padding: 3px 20px;
|
||||
font-size: inherit;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
color: color(white);
|
||||
background-color: theme-color(primary);
|
||||
}
|
||||
.tt-cursor {
|
||||
color: color(white);
|
||||
background-color: theme-color(primary);
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,256 @@
|
||||
/* Wizard */
|
||||
|
||||
.wizard {
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
a {
|
||||
outline: 0;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
>li {
|
||||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
>.steps {
|
||||
.current-info {
|
||||
position: absolute;
|
||||
left: -999em;
|
||||
}
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
.number {
|
||||
font-size: $default-font-size;
|
||||
}
|
||||
>ul {
|
||||
>li {
|
||||
width: 25%;
|
||||
@media (max-width: 767px) {
|
||||
width: 50%;
|
||||
}
|
||||
float: left;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
width: auto;
|
||||
margin: 0 0.5em 0.5em;
|
||||
padding: 1em 1em;
|
||||
text-decoration: none;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
font-size: $default-font-size;
|
||||
font-weight: 600;
|
||||
&:hover {
|
||||
display: block;
|
||||
width: auto;
|
||||
margin: 0 0.5em 0.5em;
|
||||
padding: 1em;
|
||||
text-decoration: none;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
&:active {
|
||||
display: block;
|
||||
width: auto;
|
||||
margin: 0 0.5em 0.5em;
|
||||
padding: 1em;
|
||||
text-decoration: none;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
.disabled {
|
||||
a {
|
||||
background: color(gray-lightest);
|
||||
color: color(gray);
|
||||
cursor: default;
|
||||
&:hover {
|
||||
background: color(gray-lightest);
|
||||
color: color(gray);
|
||||
cursor: default;
|
||||
}
|
||||
&:active {
|
||||
background: color(gray-lightest)e;
|
||||
color: color(gray);
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
.current {
|
||||
a {
|
||||
background: theme-color(primary);
|
||||
color: color(white);
|
||||
cursor: default;
|
||||
&:hover {
|
||||
background: theme-color(primary);
|
||||
color: color(white);
|
||||
cursor: default;
|
||||
}
|
||||
&:active {
|
||||
background: theme-color(primary);
|
||||
color: color(white);
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
.done {
|
||||
a {
|
||||
background: lighten(theme-color(primary), 20%);
|
||||
color: color(white);
|
||||
&:hover {
|
||||
background: lighten(theme-color(primary), 20%);
|
||||
color: color(white);
|
||||
}
|
||||
&:active {
|
||||
background: lighten(theme-color(primary), 20%);
|
||||
color: color(white);
|
||||
}
|
||||
}
|
||||
}
|
||||
.error {
|
||||
a {
|
||||
background: theme-color(danger);
|
||||
color: #fff;
|
||||
&:hover {
|
||||
background: theme-color(danger);
|
||||
color: #fff;
|
||||
}
|
||||
&:active {
|
||||
background: theme-color(danger);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
>.content {
|
||||
>.title {
|
||||
position: absolute;
|
||||
left: -999em;
|
||||
}
|
||||
background: $white;
|
||||
display: block;
|
||||
margin: 0.5em;
|
||||
min-height: 24em;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
width: auto;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid $border-color;
|
||||
>.body {
|
||||
float: left;
|
||||
position: absolute;
|
||||
width: 95%;
|
||||
height: 95%;
|
||||
padding: 2.5%;
|
||||
ul {
|
||||
list-style: disc;
|
||||
>li {
|
||||
display: list-item;
|
||||
}
|
||||
}
|
||||
>iframe {
|
||||
border: 0 none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
input {
|
||||
display: block;
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
display: inline-block;
|
||||
}
|
||||
input.error {
|
||||
background: rgb(251, 227, 228);
|
||||
border: 1px solid lighten(theme-color(danger), 20%);
|
||||
color: theme-color(danger);
|
||||
}
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
label.error {
|
||||
color: theme-color(danger);
|
||||
display: inline-block;
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
>.actions {
|
||||
padding-top: 20px;
|
||||
>ul {
|
||||
>li {
|
||||
float: left;
|
||||
margin: 0 0.5em;
|
||||
}
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
}
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
a {
|
||||
@extend .btn;
|
||||
@extend .btn-primary;
|
||||
}
|
||||
.disabled {
|
||||
a {
|
||||
@extend .btn-secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.vertical {
|
||||
>.steps {
|
||||
display: inline;
|
||||
float: left;
|
||||
width: 30%;
|
||||
@media (max-width: 767px) {
|
||||
width: 42%;
|
||||
}
|
||||
>ul {
|
||||
>li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
>.content {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin: 0 2.5% 0.5em 2.5%;
|
||||
width: 65%;
|
||||
@media (max-width: 767px) {
|
||||
width: 52%;
|
||||
}
|
||||
}
|
||||
>.actions {
|
||||
display: inline;
|
||||
float: right;
|
||||
margin: 0 2.5%;
|
||||
width: 95%;
|
||||
@media (max-width: 767px) {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
>ul {
|
||||
>li {
|
||||
margin: 0 0 0 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,150 @@
|
||||
/* Wysi Editor */
|
||||
|
||||
.wysi-editor {
|
||||
#toolbar [data-wysihtml-action] {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#toolbar,
|
||||
textarea {
|
||||
width: 920px;
|
||||
padding: 5px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 280px;
|
||||
border: 1px solid $border-color;
|
||||
font-family: inherit;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
textarea:focus {
|
||||
color: black;
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.wysihtml-action-active,
|
||||
.wysihtml-command-active {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
[data-wysihtml-dialog] {
|
||||
margin: 5px 0 0;
|
||||
padding: 5px;
|
||||
border: 1px solid #666;
|
||||
}
|
||||
|
||||
a[data-wysihtml-command-value="red"] {
|
||||
color: theme-color(danger);
|
||||
}
|
||||
|
||||
a[data-wysihtml-command-value="green"] {
|
||||
color: theme-color(success);
|
||||
}
|
||||
|
||||
a[data-wysihtml-command-value="blue"] {
|
||||
color: theme-color(info);
|
||||
}
|
||||
|
||||
.wysihtml-editor,
|
||||
.wysihtml-editor table td {
|
||||
outline: 1px dotted $border-color;
|
||||
}
|
||||
|
||||
code {
|
||||
background: #ddd;
|
||||
padding: 10px;
|
||||
white-space: pre;
|
||||
display: block;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
display: block;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #fff;
|
||||
margin-bottom: 9px;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.toolbar a {
|
||||
display: inline-block;
|
||||
height: 1.5em;
|
||||
border-radius: 3px;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5em;
|
||||
text-decoration: none;
|
||||
background: color(white);
|
||||
border: 1px solid $border-color;
|
||||
padding: 0 0.2em;
|
||||
margin: 1px 0;
|
||||
color: theme-color(primary);
|
||||
}
|
||||
|
||||
.toolbar .wysihtml-action-active,
|
||||
.toolbar a.wysihtml-command-active {
|
||||
background: #222;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.toolbar .block {
|
||||
padding: 1px;
|
||||
display: inline-block;
|
||||
background: #eee;
|
||||
border-radius: 3px;
|
||||
margin: 0 1px 1px 0;
|
||||
}
|
||||
|
||||
div[data-wysihtml-dialog="createTable"] {
|
||||
position: absolute;
|
||||
background: white;
|
||||
}
|
||||
|
||||
div[data-wysihtml-dialog="createTable"] td {
|
||||
width: 10px;
|
||||
height: 5px;
|
||||
border: 1px solid $border-color;
|
||||
}
|
||||
|
||||
.wysihtml-editor table td.wysiwyg-tmp-selected-cell {
|
||||
outline: 2px solid theme-color(success);
|
||||
}
|
||||
|
||||
.editor-container-tag {
|
||||
padding: 5px 10px;
|
||||
position: absolute;
|
||||
color: white;
|
||||
background: rgba(0,0,0,0.8);
|
||||
width: 100px;
|
||||
margin-left: -50px;
|
||||
-webkit-transition: 0.1s left, 0.1s top;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
max-width: 700px;
|
||||
margin: 40px;
|
||||
}
|
||||
|
||||
.editable .wysihtml-uneditable-container {
|
||||
outline: 1px dotted $border-color;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.editable .wysihtml-uneditable-container-right {
|
||||
float: right;
|
||||
width: 50%;
|
||||
margin-left: 2em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.editable .wysihtml-uneditable-container-left {
|
||||
float: left;
|
||||
width: 50%;
|
||||
margin-right: 2em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,56 @@
|
||||
/* X-editable */
|
||||
|
||||
.editable-form {
|
||||
.editable {
|
||||
color: $body-color;
|
||||
font-size: .8125rem;
|
||||
}
|
||||
.editable-click {
|
||||
border-color: $body-color;
|
||||
}
|
||||
}
|
||||
.editable-container {
|
||||
&.editable-inline {
|
||||
max-width: 100%;
|
||||
.editableform {
|
||||
max-width: 100%;
|
||||
.control-group {
|
||||
max-width: 100%;
|
||||
white-space: initial;
|
||||
>div {
|
||||
max-width: 100%;
|
||||
}
|
||||
.editable-input {
|
||||
// max-width: 50%;
|
||||
input,
|
||||
textarea {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.combodate {
|
||||
.form-control {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.editable-buttons {
|
||||
@media (max-width: 991px) {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.editable-submit {
|
||||
@extend .btn-outline-success;
|
||||
@extend .btn-xs;
|
||||
@extend .mt-1;
|
||||
}
|
||||
.editable-cancel {
|
||||
@extend .btn-outline-secondary;
|
||||
@extend .btn-xs;
|
||||
@extend .mt-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user