Penambahan FrontEnd All-New-Manufacture
This commit is contained in:
pand03
68
public/scss/components/widget/_widget-card-list.scss
Normal file
68
public/scss/components/widget/_widget-card-list.scss
Normal file
@@ -0,0 +1,68 @@
|
||||
.card-list{
|
||||
overflow: unset;
|
||||
height: calc(100% - 50px);
|
||||
|
||||
.card-header{
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
|
||||
.photo{
|
||||
overflow: hidden;
|
||||
border-radius: 0.3125rem;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond('tab-land') {
|
||||
height: calc(100% - 40px);
|
||||
}
|
||||
|
||||
&.list-left{
|
||||
margin-top: 0.9375rem;
|
||||
margin-#{$dlab-pos-left}: 0.9375rem;
|
||||
|
||||
.card-header{
|
||||
padding-#{$dlab-pos-left}: 0;
|
||||
|
||||
.photo{
|
||||
margin: -0.9375rem 0.9375rem 0 -0.9375rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.list-right{
|
||||
margin-top: 0.9375rem;
|
||||
margin-#{$dlab-pos-right}: 0.9375rem;
|
||||
text-align: #{$dlab-pos-right};
|
||||
|
||||
.card-header{
|
||||
padding-#{$dlab-pos-right}: 0;
|
||||
|
||||
.photo{
|
||||
margin: -0.9375rem -0.9375rem 0 0.9375rem;
|
||||
img{
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.list-center{
|
||||
margin-top: 0.9375rem;
|
||||
|
||||
.card-header{
|
||||
|
||||
.photo{
|
||||
margin: -0.9375rem 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.photo img{
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
.card-profile{
|
||||
.profile-photo{
|
||||
margin-top: -1.25rem;
|
||||
}
|
||||
}
|
||||
124
public/scss/components/widget/_widget-chart.scss
Normal file
124
public/scss/components/widget/_widget-chart.scss
Normal file
@@ -0,0 +1,124 @@
|
||||
#chart_widget_4 {
|
||||
height: 15.9375rem !important;
|
||||
}
|
||||
|
||||
#chart_widget_5 {
|
||||
.ct-series-a .ct-line,
|
||||
.ct-series-a .ct-point {
|
||||
stroke: #46ffc8;
|
||||
}
|
||||
|
||||
.ct-line {
|
||||
stroke-width: 0.0625rem;
|
||||
}
|
||||
|
||||
.ct-point {
|
||||
stroke-width: 0.125rem;
|
||||
}
|
||||
|
||||
.ct-series-a .ct-area {
|
||||
fill: #20dea6;
|
||||
}
|
||||
|
||||
.ct-area {
|
||||
fill-opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
#chart_widget_6 {
|
||||
.ct-series-a .ct-line,
|
||||
.ct-series-a .ct-point {
|
||||
stroke: $info;
|
||||
}
|
||||
|
||||
.ct-line {
|
||||
stroke-width: 0.125rem;
|
||||
}
|
||||
|
||||
.ct-point {
|
||||
stroke-width: 0.3125rem;
|
||||
}
|
||||
|
||||
.ct-series-a .ct-area {
|
||||
fill: $info;
|
||||
}
|
||||
|
||||
.ct-area {
|
||||
fill-opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
#chart_widget_8 {
|
||||
height: 15.9375rem;
|
||||
|
||||
.ct-series-a .ct-line,
|
||||
.ct-series-a .ct-point {
|
||||
stroke: $info;
|
||||
}
|
||||
|
||||
.ct-line {
|
||||
stroke-width: 0.125rem;
|
||||
}
|
||||
|
||||
.ct-point {
|
||||
stroke-width: 0.3125rem;
|
||||
}
|
||||
|
||||
.ct-series-a .ct-area {
|
||||
fill: $info;
|
||||
}
|
||||
|
||||
.ct-area {
|
||||
fill-opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
#chart_widget_9, #chart_widget_10 {
|
||||
height: 15.625rem !important;
|
||||
}
|
||||
|
||||
#chart_widget_11, #chart_widget_12, #chart_widget_13 {
|
||||
.ct-slice-donut {
|
||||
stroke-width: 1.5625rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#chart_widget_11 {
|
||||
height: 16.875rem !important;
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
#chart_widget_17 {
|
||||
height: 9.375rem !important;
|
||||
}
|
||||
|
||||
|
||||
.chart_widget_tab_one {
|
||||
.nav-link {
|
||||
border: 0.0625rem solid #ddd;
|
||||
|
||||
&.active {
|
||||
background-color: var(--primary);
|
||||
border: 0.0625rem solid var(--primary);
|
||||
color: $white;
|
||||
|
||||
&:hover {
|
||||
border: 0.0625rem solid var(--primary);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border: 0.0625rem solid #ddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ccc-widget {
|
||||
&>div {
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background: $dark-card !important;
|
||||
border-color: $d-border !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
86
public/scss/components/widget/_widget-media.scss
Normal file
86
public/scss/components/widget/_widget-media.scss
Normal file
@@ -0,0 +1,86 @@
|
||||
.widget-media{
|
||||
.timeline{
|
||||
.timeline-panel{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom:0.0625rem solid $l-border;
|
||||
padding-bottom: 0.9375rem;
|
||||
margin-bottom: 0.9375rem;
|
||||
|
||||
.media{
|
||||
width: 3.125rem;
|
||||
height: 3.125rem;
|
||||
background: #eee;
|
||||
border-radius: 0.75rem;
|
||||
overflow: hidden;
|
||||
font-size: 1.25rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
align-self: start;
|
||||
|
||||
&-primary{
|
||||
background:var(--rgba-primary-1);
|
||||
color:var(--primary);
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: var(--rgba-primary-1);
|
||||
}
|
||||
}
|
||||
&-info{
|
||||
background:$info-light;
|
||||
color:$info;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: $info-opacity;
|
||||
}
|
||||
}
|
||||
&-warning{
|
||||
background:$warning-light;
|
||||
color:$warning;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: $warning-opacity;
|
||||
}
|
||||
}
|
||||
&-danger{
|
||||
background:$danger-light;
|
||||
color:$danger;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: $danger-opacity;
|
||||
}
|
||||
}
|
||||
&-success{
|
||||
background:$success-light;
|
||||
color:$success;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: $success-opacity;
|
||||
}
|
||||
}
|
||||
}
|
||||
.media-body{
|
||||
p{
|
||||
font-size: 0.875rem;
|
||||
line-height:1.5;
|
||||
}
|
||||
}
|
||||
.dropdown {
|
||||
align-self: self-end;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
}
|
||||
li:last-child {
|
||||
.timeline-panel{
|
||||
margin-bottom:0;
|
||||
border-bottom:0;
|
||||
padding-bottom:0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.card[class*="bg-"]{
|
||||
.timeline{
|
||||
.timeline-panel{
|
||||
border-color:rgba(255,255,255,0.2) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
6
public/scss/components/widget/_widget-messages.scss
Normal file
6
public/scss/components/widget/_widget-messages.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
.widget-message {
|
||||
p{
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
151
public/scss/components/widget/_widget-pickadate.scss
Normal file
151
public/scss/components/widget/_widget-pickadate.scss
Normal file
@@ -0,0 +1,151 @@
|
||||
.picker{
|
||||
.picker__frame {
|
||||
min-width: 28.125rem;
|
||||
max-width: 28.125rem;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
max-height: 100%;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
.picker__wrap{
|
||||
height: auto;
|
||||
}
|
||||
.picker__box{
|
||||
padding: 1.25rem;
|
||||
border: 0;
|
||||
box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.1);
|
||||
|
||||
.picker__header{
|
||||
margin-top: 0;
|
||||
|
||||
.picker__year{
|
||||
color: var(--primary);
|
||||
font-style: inherit;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.picker__nav--prev,
|
||||
.picker__nav--next{
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
padding: 0;
|
||||
line-height: 2.5rem;
|
||||
border-radius: 0.125rem;
|
||||
&:before{
|
||||
content: none!important
|
||||
}
|
||||
&:after{
|
||||
font-family: "Font Awesome 5 Free";
|
||||
border: 0;
|
||||
margin: 0 auto;
|
||||
font-size: 1.375rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
&:hover{
|
||||
background-color: var(--primary);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.picker__nav--prev{
|
||||
transition: 0.4s;
|
||||
left: 0;
|
||||
&:after{
|
||||
content: "\f0d9";
|
||||
}
|
||||
}
|
||||
.picker__nav--next{
|
||||
transition: 0.4s;
|
||||
right: 0;
|
||||
&:after{
|
||||
content: "\f0da";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.picker__table{
|
||||
.picker__weekday {
|
||||
padding: 0.625rem 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
.picker__day {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
border-radius: 3.125rem;
|
||||
padding: 0!important;
|
||||
font-size: 1rem;
|
||||
line-height: 2.5rem;
|
||||
margin: auto;
|
||||
border: 0!important;
|
||||
|
||||
&.picker__day--today{
|
||||
&:before {
|
||||
content: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.picker__day--highlighted {
|
||||
border: 0!important;
|
||||
padding: 0;
|
||||
background-color: var(--primary);
|
||||
color: $white!important;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
background-color: var(--primary);
|
||||
color: $white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.picker__footer{
|
||||
display: flex;
|
||||
gap: 5px;
|
||||
.picker__button--today{
|
||||
background-color: var(--primary);
|
||||
color: $white !important;
|
||||
|
||||
&:before{
|
||||
content: none!important
|
||||
}
|
||||
}
|
||||
|
||||
.picker__button--clear,
|
||||
.picker__button--close,
|
||||
.picker__button--today{
|
||||
border: 0;
|
||||
border-radius: 0.125rem;
|
||||
font-size: 1rem;
|
||||
&:hover{
|
||||
background-color:var(--primary);
|
||||
color: $white !important;
|
||||
&::before{
|
||||
border-color: $white;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@include respond('phone') {
|
||||
min-width: 100%!important;
|
||||
max-width: 100%!important;
|
||||
|
||||
.picker__box{
|
||||
padding: 0.9375rem;
|
||||
margin: 0 0.625rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.picker__button--clear:before{
|
||||
margin: 0;
|
||||
margin-#{$dlab-pos-right}: 0.45em;
|
||||
}
|
||||
.picker__button--close:before{
|
||||
margin: 0;
|
||||
margin-#{$dlab-pos-right}: 0.35em;
|
||||
}
|
||||
102
public/scss/components/widget/_widget-social.scss
Normal file
102
public/scss/components/widget/_widget-social.scss
Normal file
@@ -0,0 +1,102 @@
|
||||
.social-icon{
|
||||
display: inline-block;
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
line-height: 2.5rem;
|
||||
border-radius: 0.25rem;
|
||||
text-align: center;
|
||||
background: $body-bg;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 1.25rem;
|
||||
|
||||
i{
|
||||
// font-size: 0.875rem;
|
||||
color: $white
|
||||
}
|
||||
&.youtube{
|
||||
background: $youtube;
|
||||
}
|
||||
&.facebook{
|
||||
background: $facebook;
|
||||
}
|
||||
&.twitter{
|
||||
background: $twitter;
|
||||
}
|
||||
}
|
||||
.social-graph-wrapper {
|
||||
text-align: center;
|
||||
padding: 1.25rem;
|
||||
position: relative;
|
||||
color: $white;
|
||||
border-bottom-#{$dlab-pos-left}-radius: 0.25rem;
|
||||
border-bottom-#{$dlab-pos-right}-radius: 0.25rem;
|
||||
|
||||
&.widget-facebook {
|
||||
background-color: $facebook;
|
||||
}
|
||||
&.widget-twitter {
|
||||
background-color: $twitter;
|
||||
}
|
||||
&.widget-linkedin {
|
||||
background-color: $linkedin;
|
||||
}
|
||||
&.widget-googleplus {
|
||||
background-color: $google-plus;
|
||||
}
|
||||
.s-icon {
|
||||
font-size: 1.5rem;
|
||||
position: relative;
|
||||
// top: 0.625rem;
|
||||
padding: 0 0.625rem;
|
||||
}
|
||||
}
|
||||
|
||||
.social-icon2{
|
||||
a{
|
||||
border: .1rem solid var(--primary);
|
||||
display: block;
|
||||
padding: 1rem;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: .5rem;
|
||||
border-radius: .3rem;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
i{
|
||||
font-size: 0.75rem;
|
||||
color: var(--primary);
|
||||
}
|
||||
}
|
||||
|
||||
.social-icon3{
|
||||
ul{
|
||||
li{
|
||||
display: inline-block;
|
||||
a{
|
||||
display: block;
|
||||
i{
|
||||
font-size: 1.4rem;
|
||||
padding: 1rem .7rem;
|
||||
color: $l-ctd;
|
||||
}
|
||||
&:hover{
|
||||
i{
|
||||
color: var(--primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.social-icons-muted{
|
||||
ul li a i{
|
||||
color: $muted;
|
||||
}
|
||||
}
|
||||
|
||||
.social-links {
|
||||
a {
|
||||
padding: .5rem;
|
||||
}
|
||||
}
|
||||
195
public/scss/components/widget/_widget-stat.scss
Normal file
195
public/scss/components/widget/_widget-stat.scss
Normal file
@@ -0,0 +1,195 @@
|
||||
.widget-stat {
|
||||
.media {
|
||||
padding: 0rem 0;
|
||||
align-items: center;
|
||||
&>span {
|
||||
height: 5.3125rem;
|
||||
width: 5.3125rem;
|
||||
border-radius: 3.125rem;
|
||||
padding: 0.625rem 0.75rem;
|
||||
font-size: 2rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: $l-ctd;
|
||||
min-width:5.3125rem;
|
||||
}
|
||||
@include custommq($min: 36rem) {}
|
||||
.media-body {
|
||||
p {
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
font-size: 0.875rem;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
h3{
|
||||
font-size: 2.5rem;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
line-height: 1.2;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
span {
|
||||
margin-#{$dlab-pos-left}: 0.3125rem;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
&[class*="bg-"] .media > span{
|
||||
background-color:rgba(255,255,255,0.25);
|
||||
color:$white;
|
||||
}
|
||||
&[class*="bg-"] .progress{
|
||||
background-color:rgba(255,255,255,0.25) !important;
|
||||
}
|
||||
|
||||
}
|
||||
[direction="rtl"] {
|
||||
.widget-stat .media .media-body span{
|
||||
margin-#{$dlab-pos-left}: 0;
|
||||
margin-#{$dlab-pos-right}: 0.625rem;
|
||||
}
|
||||
}
|
||||
.dez-widget-1{
|
||||
.card {
|
||||
background: #FFE7DB;
|
||||
.card-body {
|
||||
p {
|
||||
color: #f87533;
|
||||
}
|
||||
}
|
||||
}
|
||||
.icon{
|
||||
float : #{$dlab-pos-right};
|
||||
width: 3.125rem;
|
||||
height: 3.125rem;
|
||||
display: flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
border-radius: 0.375rem;
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
.bgl-primary{
|
||||
background: var(--rgba-primary-1);
|
||||
border-color: var(--rgba-primary-1);
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: var(--rgba-primary-1);
|
||||
border-color: var(--rgba-primary-1);
|
||||
}
|
||||
}
|
||||
.bgl-secondary{
|
||||
background: $secondary-light;
|
||||
border-color: $secondary-light;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: $secondary-opacity;
|
||||
border-color: $secondary-opacity;
|
||||
}
|
||||
|
||||
}
|
||||
.bgl-success{
|
||||
background: $success-light;
|
||||
border-color: $success-light;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: $success-opacity;
|
||||
border-color: $success-opacity;
|
||||
}
|
||||
|
||||
}
|
||||
.bgl-warning{
|
||||
background: $warning-light;
|
||||
border-color: $warning-light;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: $warning-opacity;
|
||||
border-color: $warning-opacity;
|
||||
}
|
||||
|
||||
}
|
||||
.bgl-danger{
|
||||
background: $danger-light;
|
||||
border-color: $danger-light;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: $danger-opacity;
|
||||
border-color: $danger-opacity;
|
||||
}
|
||||
|
||||
}
|
||||
.bgl-info{
|
||||
background: $info-light;
|
||||
border-color: $info-light;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: $info-opacity;
|
||||
border-color: $info-opacity;
|
||||
}
|
||||
|
||||
}
|
||||
.bg-primary-light{
|
||||
background: var(--rgba-primary-5);
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: var(--rgba-primary-1);
|
||||
}
|
||||
}
|
||||
.bg-secondary-light{
|
||||
background: rgba($secondary-light, 0.5);
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: rgba($secondary, 0.05);
|
||||
}
|
||||
}
|
||||
.bg-success-light{
|
||||
background: rgba($success-light, 0.5);
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: rgba($success, 0.05);
|
||||
}
|
||||
}
|
||||
.bg-warning-light{
|
||||
background: rgba($warning-light, 0.5);
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: rgba($warning, 0.05);
|
||||
}
|
||||
}
|
||||
.bg-danger-light{
|
||||
background: rgba($danger-light, 0.5);
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: rgba($danger, 0.05);
|
||||
}
|
||||
}
|
||||
.bg-info-light{
|
||||
background: rgba($info-light, 0.5);
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background-color: rgba($info, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.bgl-dark{
|
||||
background: $dark-light;
|
||||
border-color: $dark-light;
|
||||
}
|
||||
.bgl-light{
|
||||
background: $light;
|
||||
border-color: $light;
|
||||
}
|
||||
.overlay-box{
|
||||
position:relative;
|
||||
z-index:1;
|
||||
&:after{
|
||||
content:"";
|
||||
width:100%;
|
||||
height:100%;
|
||||
#{$dlab-pos-left}:0;
|
||||
top:0;;
|
||||
position:absolute;
|
||||
opacity:0.85;
|
||||
background:var(--primary);
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
.rating-bar{
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
115
public/scss/components/widget/_widget-todo-list.scss
Normal file
115
public/scss/components/widget/_widget-todo-list.scss
Normal file
@@ -0,0 +1,115 @@
|
||||
.tdl-holder {
|
||||
margin: 0 auto;
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
background-color: $white;
|
||||
border-bottom: 0.0625rem solid $border;
|
||||
// color: #252525;
|
||||
list-style: none none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
span {
|
||||
margin-#{$dlab-pos-left}: 2.1875rem;
|
||||
// color: $l-ctd;
|
||||
font-size: 1rem;
|
||||
// font-weight: 600;
|
||||
vertical-align: middle;
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
}
|
||||
label {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
line-height: 3.125rem;
|
||||
padding-#{$dlab-pos-left}: 1.5rem;
|
||||
position: relative;
|
||||
margin: 0 !important;
|
||||
|
||||
&:hover {
|
||||
background-color: #eef1f6;
|
||||
color: $dark;
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: $danger;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
a {
|
||||
color: $white;
|
||||
display: inline-block;
|
||||
line-height: normal;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: 3.125rem;
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all 0.2s linear;
|
||||
padding: 1.125rem 0rem;
|
||||
font-size: 1.125rem;
|
||||
position: absolute;
|
||||
#{$dlab-pos-right}: 0;
|
||||
}
|
||||
}
|
||||
input {
|
||||
&[type=checkbox] {
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
+ i {
|
||||
background-color: #fff;
|
||||
border: 0.0625rem solid #e7e7e7;
|
||||
display: block;
|
||||
height: 1.25rem;
|
||||
position: absolute;
|
||||
top: 0.9375rem;
|
||||
width: 1.25rem;
|
||||
z-index: 1;
|
||||
border-radius: 0rem;
|
||||
font-size: 0.6875rem;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
&:checked {
|
||||
|
||||
+ i {
|
||||
background: var(--primary);
|
||||
border-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
+ i::after {
|
||||
content: "\f00c";
|
||||
font-family: 'fontAwesome';
|
||||
display: block;
|
||||
#{$dlab-pos-left}: 0.125rem;
|
||||
position: absolute;
|
||||
top: -0.875rem;
|
||||
z-index: 2;
|
||||
color: $white;
|
||||
}
|
||||
~ span {
|
||||
text-decoration: line-through;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
&[type=text] {
|
||||
background-color: $white;
|
||||
height: 3.125rem;
|
||||
margin-top: 1.8125rem;
|
||||
border-radius: 0.1875rem;
|
||||
|
||||
&::placeholder {
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
8
public/scss/components/widget/_widgets.scss
Normal file
8
public/scss/components/widget/_widgets.scss
Normal file
@@ -0,0 +1,8 @@
|
||||
@import "./widget-chart";
|
||||
@import "./widget-social";
|
||||
@import "./widget-stat";
|
||||
@import "./widget-todo-list";
|
||||
@import "./widget-messages";
|
||||
@import "./widget-pickadate";
|
||||
@import "./widget-card-list";
|
||||
@import "./widget-media";
|
||||
Reference in New Issue
Block a user