itcn/backend_parkir
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Penambahan FrontEnd All-New-Manufacture

Browse Source
This commit is contained in:
pand03
2026-01-31 14:23:04 +07:00
parent 1b2e320b2b
commit 4feb21dcbc
2891 changed files with 426849 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
public/scss/components/uc/_addons.scss Normal file
View File

@@ -0,0 +1,26 @@
@import "uc-blockui";
@import "uc-bootstrap-select";
@import "uc-clipboard";
@import "uc-ticker";
@import "uc-typeahead";
@import "uc-weather";
@import "uc-noui-slider";
@import "uc-nestable";
@import "uc-pignose-calender";
@import "uc-horizontal-timeline";
@import "uc-toastr";
@import "uc-lightgallery";
@import "jqvmap";
@import "perfect-scroll";
@import "dropzone";
@import "uc-calendar";
@import "_uc-ckeditor";

0
public/scss/components/uc/_dropzone.scss Normal file
View File

27
public/scss/components/uc/_jqvmap.scss Normal file
View File

@@ -0,0 +1,27 @@
.jqvmap-zoomin, .jqvmap-zoomout
{
position: absolute;
#{$dlab-pos-left}: 0.625rem;
-webkit-border-radius: 0.1875rem;
-moz-border-radius: 0.1875rem;
border-radius: 0.1875rem;
background: #000000;
padding: 0.1875rem;
color: white;
width: 1.0625rem;
height: 1.0625rem;
cursor: pointer;
line-height: 0.625rem;
text-align: center;
}
.jqvmap-zoomin
{
top: 0.625rem;
}
.jqvmap-zoomout
{
top: 1.875rem;
}

68
public/scss/components/uc/_perfect-scroll.scss Normal file
View File

@@ -0,0 +1,68 @@
.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus,
.ps__rail-x.ps--clicking,
.ps__rail-y.ps--clicking {
background-color: transparent;
opacity: 0.9;
}
.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #DAE2F3;
width: 0.25rem;
}
.ps__thumb-y {
background-color: #DAE2F3;
width: 0.25rem;
}
.total-average {
position: relative;
height: 18.75rem;
}
.widget-chat {
position: relative;
height: 15.625rem;
}
.widget-todo {
position: relative;
height: 13.125rem;
}
.widget-team {
position: relative;
height: 17.8125rem;
}
.widget-timeline {
position: relative;
}
.widget-comments {
position: relative;
height: 25rem;
}
.sidebar-right-inner {
position: relative;
height: 100%;
}
.widget-team {
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: transparent!important;
opacity: 0.9;
}
}

17
public/scss/components/uc/_uc-blockui.scss Normal file
View File

@@ -0,0 +1,17 @@
.blockUI.blockMsg.blockPage {
border: 0 !important;
}
#loginForm {
cursor: auto;
}
.blockMsg {
border: 0rem;
width: 20%!important;
h1{
font-size: 1rem;
padding: 0.5rem 0;
margin-bottom: 0;
}
}

48
public/scss/components/uc/_uc-bootstrap-select.scss Normal file
View File

@@ -0,0 +1,48 @@
.bootstrap-select{
margin-bottom: 0;
&.solid{
.btn{
border: 0!important;
}
}
.btn {
border: 1px solid var(--border) !important;
background-color: transparent !important;
font-weight:400;
color: $body-color !important;
&:active,
&:focus,
&:hover {
outline: none !important;
outline-offset: 0;
}
}
.dropdown-menu{
border-color: $border !important;
box-shadow:$shadow;
.dropdown-item{
padding: var(--dz-list-space-y) var(--dz-list-space-x);
font-size: var(--dz-list-size);
}
}
&.dashboard-select{
width: auto!important;
.dropdown-toggle{
background-color: var(--rgba-primary-1)!important;
color: var(--primary)!important;
border: 0 !important;
&:after {
margin-#{$dlab-pos-left}: .5rem;
}
}
}
}
.input-group > .bootstrap-select:not(:first-child) .dropdown-toggle{
border-bottom-#{$dlab-pos-left}-radius: 0;
border-bottom-#{$dlab-pos-left}-radius: 0;
}
.input-group > .bootstrap-select:not(:last-child) .dropdown-toggle{
border-bottom-#{$dlab-pos-right}-radius: 0;
border-bottom-#{$dlab-pos-right}-radius: 0;
}

159
public/scss/components/uc/_uc-calendar.scss Normal file
View File

@@ -0,0 +1,159 @@
.fc-h-event,.fc-v-event{
background:var(--primary);
border-radius: .42rem;
}
.fc-h-event .fc-event-title{
color:$white;
}
.fc-theme-standard td, .fc-theme-standard th{
border-color: var(--border);
}
.fc-unthemed .fc-h-event, .fc-unthemed .fc-event-dot {
padding: 0;
border-radius: .42rem;
}
.fc-theme-standard th{
padding: .75rem .5rem;
font-size: 1rem;
font-weight: 500;
color: #b5b5c3;
@include respond ('phone'){
font-size:14px;
font-weight:400;
padding:3px 0px;
}
}
.fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid,.fc-scrollgrid ,table{
border-color: var(--border);
}
.fc-daygrid-dot-event{
background: #fff;
border: 1px solid var(--border);
-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
@at-root [data-theme-version="dark"] & {
background: $d-bg;
}
.fc-daygrid-event-dot{
border-color:var(--primary);
}
}
.fc-daygrid-dot-event .fc-event-title{
font-weight:500;
}
.fc-event.bg-primary
,.fc-event.bg-success
,.fc-event.bg-warning
,.fc-event.bg-secondary
,.fc-event.bg-dark
,.fc-event.bg-info{
color:$white!important;
border-radius: 8px;
.fc-daygrid-event-dot{
border-color:$white;
}
}
.fc .fc-scroller-liquid-absolute,.fc-scroller{
position:relative;
overflow: visible!important;
}
.fc .fc-button-group{
&>.fc-button{
color: #b5b5c3;
background: 0 0;
border: 1px solid #ebedf3;
text-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
&:focus,&:active,&:hover,&.fc-button-active{
background:var(--primary);
color:$white;
border-color:var(--primary);
}
}
}
.fc-button.fc-button-primary.fc-today-button{
background:var(--primary);
color:$white;
border: 0;
opacity: 1;
}
.fc-unthemed .fc-toolbar .fc-button.fc-button-active, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button:focus{
background: var(--primary);
color: #fff;
border: 1px solid var(--primary);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
.fc .fc-toolbar-title {
font-size: 20px;
margin: 0;
}
.external-event{
padding: 8px 10px;
display:flex;
align-items:center;
border-radius: 5px;
&:hover{
&:before{
background:$white!important;
}
}
}
.fc-event{
overflow:hidden;
}
.fc .fc-view-harness{
height: 800px!important;
overflow-y: auto;
}
.fc .fc-toolbar.fc-header-toolbar{
@include respond ('phone'){
display:block;
.fc-toolbar-chunk{
display:flex;
justify-content: center;
&:first-child{
justify-content:space-between;
}
}
.fc-toolbar-title{
margin-bottom: 8px;
}
}
}
#external-events{
.external-event{
text-align: #{$dlab-pos-left};
font-size: 16px;
}
}
.fc.app-fullcalendar{
@include respond ('phone'){
.fc-timegrid-slot-label{
width:40px!important;
font-size: 10px;
}
.fc-event, .external-event{
font-size: 10px;
margin:0;
padding: 2px 0;
text-align: center;
line-height: 1.3;
}
.fc-col-header-cell-cushion {
display: inline-block;
padding: 2px 4px;
font-size: 10px;
}
}
}

129
public/scss/components/uc/_uc-ckeditor.scss Normal file
View File

@@ -0,0 +1,129 @@
// Ckeditor
.ck.ck-editor{
.ck.ck-button{
padding: 8px 12px;
background-color: var(--card);
color: var(--text-gray);
font-weight: 700;
border-radius: 4px;
cursor: pointer;
.ck-button__label{
line-height: 1.2;
}
@include respond('laptop'){
padding: 6px 8px;
.ck-icon{
height: 16px;
width: 16px;
}
.ck-dropdown__arrow{
height: 10px;
width: 10px;
}
}
}
.ck.ck-toolbar{
background-color: var(--light);
border: 0;
padding: 5px 10px;
.ck.ck-button:not(.ck-on){
&:hover{
background-color: var(--rgba-primary-1);
span:not(.ck-tooltip__text){
color: var(--primary);
}
svg{
color: var(--primary);
}
}
}
}
.ck.ck-toolbar__separator{
display: none !important;
}
.ck-content{
background-color: #f7f7f7;
border-width: 1px 0 0;
border-color: #e7e5ef;
}
.ck-reset.ck-list {
.ck-list__item{
.ck.ck-button{
border-radius: 0;
}
.ck-button.ck-on {
background: $primary;
}
}
}
}
.ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover{
background-color: var(--card)!important;
.ck-button__label{
color: var(--text-dark);
}
}
.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
padding-#{$dlab-pos-left}: 12px!important;
@include respond('laptop'){
padding-#{$dlab-pos-left}: 8px!important;
}
}
.ck-editor__editable{
background :$body-bg !important;
@at-root [data-theme-version="dark"] & {
background-color:$d-bg!important;
}
}
.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
border-color: $border-color;
padding: 0.865rem var(--ck-spacing-standard);
}
.ck.ck-toolbar .ck-toolbar__items .ck.ck-toolbar__separator {
background: $border-color;
}
.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
min-height: 12.375rem;
background: $body-bg ;
@include respond('phone'){
min-height: 8rem;
}
@at-root [data-theme-version="dark"] & {
border-color: $d-border;
background: $d-bg;
}
}
button.ck.ck-button.ck-off:hover {
background-color: $border-color;
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{
min-height: 12.375rem;
border-color: var(--rgba-primary-4)!important;
@include respond('phone'){
min-height: 8rem;
}
}
.ck.ck-button.ck-on:not(.ck-disabled):hover,
a.ck.ck-button.ck-on:not(.ck-disabled):hover {
background-color: $primary ;
}
.ck.ck-reset.ck-dropdown__panel.ck-dropdown__panel_se.ck-dropdown__panel-visible {
box-shadow: none;
border: 0;
}
.ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button {
border-bottom-#{$dlab-pos-left}-radius: 0 !important;
border-bottom-#{$dlab-pos-right}-radius: $radius !important;
}
.ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button {
border-bottom-#{$dlab-pos-left}-radius: $radius !important;
border-bottom-#{$dlab-pos-right}-radius: $radius !important;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners,
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners{
--ck-border-radius : #{$radius};
}

10
public/scss/components/uc/_uc-clipboard.scss Normal file
View File

@@ -0,0 +1,10 @@
.clipboard-btn {
transition: all .1s ease-in-out;
&:hover {
background-color: var(--primary);
color: $white;
}
}

9
public/scss/components/uc/_uc-counterup.scss Normal file
View File

@@ -0,0 +1,9 @@
.counter-wrapper {
.counter {
font-size: 2rem;
}
span {
font-size: 1rem;
}
}

250
public/scss/components/uc/_uc-horizontal-timeline.scss Normal file
View File

@@ -0,0 +1,250 @@
.cd-h-timeline {
opacity: 0;
transition: opacity 0.2s;
}
.cd-h-timeline--loaded { // show the timeline after dates position has been set (using JavaScript)
opacity: 1;
}
.cd-h-timeline__container {
position: relative;
height: 6.25rem;
max-width: 50rem;
}
.cd-h-timeline__dates {
position: relative;
height: 100%;
margin: 0 2.5rem;
overflow: hidden;
&::after, &::before { // these are used to create a shadow effect at the sides of the timeline
content: '';
position: absolute;
z-index: 2;
top: 0;
height: 100%;
width: 1.25rem;
}
&::before {
#{$dlab-pos-left}: 0;
background: var(--primary);
}
&::after {
#{$dlab-pos-right}: 0;
background: var(--primary);
}
}
.cd-h-timeline__line { // grey line
position: absolute;
z-index: 1;
#{$dlab-pos-left}: 0;
top: 3.0625rem;
height: 0.125rem; // width will be set using JavaScript
background-color: var(--primary);
transition: transform 0.4s;
}
.cd-h-timeline__filling-line { // green filling line
position: absolute;
z-index: 1;
#{$dlab-pos-left}: 0;
top: 0;
height: 100%;
width: 100%;
background-color: $success;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.3s;
}
.cd-h-timeline__date {
position: absolute;
bottom: 0; // left position will be set using JavaScript
z-index: 2;
text-align: center;
font-size: 0.8em;
padding-bottom: var(--space-sm);
color: var(--cd-color-1);
user-select: none; // improve swipe
text-decoration: none;
&::after { // this is used to create the event spot
content: '';
position: absolute;
#{$dlab-pos-left}: 50%;
transform: translateX(-50%);
bottom: -0.3125rem;
height: 0.75rem;
width: 0.75rem;
border-radius: 50%;
border-width: 0.125rem;
border-style: solid;
border-color: var(--rgba-primary-6);
background-color: var(--primary);
transition: background-color 0.3s, border-color .3s;
}
&:hover::after {
background-color: $success;
border-color: $success;
}
}
.cd-h-timeline__date--selected {
pointer-events: none;
&::after {
background-color: $success;
border-color: $success;
}
}
.cd-h-timeline__date--older-event::after {
border-color: $success;
}
.cd-h-timeline__navigation { // arrows to navigate the timeline
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
height: 2.125rem;
width: 2.125rem;
border-radius: 50%;
border-width: 0.125rem;
border-style: solid;
border-color: var(--rgba-primary-6);
transition: border-color 0.3s;
&::after { // arrow icon
content: '';
position: absolute;
height: 1rem;
width: 1rem;
top: 50%;
#{$dlab-pos-left}: 50%;
transform: translateX(-50%) translateY(-50%);
background: url(../images/svg/cd-arrow.svg) no-repeat 0 0;
}
&:hover {
border-color: $success;
}
}
.cd-h-timeline__navigation--prev {
#{$dlab-pos-left}: 0;
transform: translateY(-50%) rotate(180deg);
}
.cd-h-timeline__navigation--next {
#{$dlab-pos-right}: 0;
}
.cd-h-timeline__navigation--inactive {
cursor: not-allowed;
&::after {
background-position: 0 -1rem;
}
&:hover {
border-color: var(--rgba-primary-6);
}
}
.cd-h-timeline__events { // container of events info
position: relative;
width: 100%;
overflow: hidden;
transition: height .4s;
}
.cd-h-timeline__event { // single event info
position: absolute;
z-index: 1;
width: 100%;
#{$dlab-pos-left}: 0;
top: 0;
transform: translateX(-100%);
padding: 0.0625rem 5%;
opacity: 0;
animation-duration: 0.4s;
animation-timing-function: ease-in-out;
}
.cd-h-timeline__event--selected { // selected event info
position: relative;
z-index: 2;
opacity: 1;
transform: translateX(0);
}
.cd-h-timeline__event--enter-right,
.cd-h-timeline__event--leave-right { // animate event info
animation-name: cd-enter-right;
}
.cd-h-timeline__event--enter-left,
.cd-h-timeline__event--leave-left { // animate event info
animation-name: cd-enter-left;
}
.cd-h-timeline__event--leave-right,
.cd-h-timeline__event--leave-left {
animation-direction: reverse;
}
.cd-h-timeline__event-content {
max-width: 50rem;
}
.cd-h-timeline__event-title {
color: var(--cd-color-1);
font-family: var(--font-secondary);
font-weight: 700;
font-size: var(--text-xxxl);
}
.cd-h-timeline__event-date {
display: block;
font-style: italic;
margin: var(--space-xs) auto;
&::before {
content: '- ';
}
}
@keyframes cd-enter-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0%);
}
}

46
public/scss/components/uc/_uc-lightgallery.scss Normal file
View File

@@ -0,0 +1,46 @@
/* Light Gallery */
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar{
background-color: rgba(30, 30, 30, .6);
}
.lg-outer{
.lg-toogle-thumb,
.lg-thumb-outer,
.lg-img-wrap,
.lg-item{
background-color: transparent;
}
}
.lg-thumb-outer.lg-grab,
.lg-toogle-thumb.lg-icon{
background-color: rgba(30, 30, 30, .6);
}
.lg-backdrop {
background-color: rgba(30, 30, 30, 0.9);
}
.lg-outer .lg-toogle-thumb,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar .lg-icon,
#lg-counter{
color: $white;
}
.lg-outer{
.lg-thumb-item{
&.active,
&:hover{
border-color: var(--primary);
}
}
}
.lightimg{
cursor: pointer;
}
[dir='rtl']{
.lg-outer.lg-visible{
direction: ltr;
}
}

31
public/scss/components/uc/_uc-nestable.scss Normal file
View File

@@ -0,0 +1,31 @@
.nestable-cart {
overflow: hidden;
}
.dd-handle {
color: $white;
background: var(--primary);
border-radius: 0.3125rem;
padding: 0.5rem 1rem;
height:auto;
border: 1px solid $border;
cursor:all-scroll;
}
.dd-handle:hover {
color: $white;
background: var(--primary);
}
.dd3-content:hover {
color: $white;
background: var(--primary);
}
.dd3-content {
color: $white;
}
.dd-item>button{
line-height:28px;
color:$white;
float: #{$dlab-pos-left};
}

110
public/scss/components/uc/_uc-noui-slider.scss Normal file
View File

@@ -0,0 +1,110 @@
.noUi-target {
border-color: transparent;
border-radius: 0;
}
.noUi-connect {
background-color: var(--primary);
&s {
background-color: $grey;
}
&.c-1-color {
background-color: $success;
}
&.c-2-color {
background-color: $info;
}
&.c-3-color {
background-color: var(--primary);
}
&.c-4-color {
background-color: $warning;
}
}
.noUi-vertical {
width: 0.375rem;
}
.noUi-horizontal {
height: 0.375rem;
margin-bottom: 10px;
}
.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
height: 12px;
width: 12px;
border-radius: 50px;
box-shadow: none;
border: none;
background-color: var(--primary);
&::after, &::before {
display: none;
}
}
.noUi-vertical .noUi-handle {
right: -4px;
bottom: -11px;
}
.noUi-horizontal .noUi-handle {
top: -4px;
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
#{$dlab-pos-right}: -6px;
}
#slider-toggle {
height: 50px;
}
#slider-toggle.off .noUi-handle {
border-color: var(--primary);
}
.colorpicker-slider {
.sliders.noUi-target {
&#red, &#green, &#blue {
margin: 10px;
display: inline-block;
height: 200px;
}
&#red .noUi-connect {
background: #c0392b;
}
&#green .noUi-connect {
background: #27ae60;
}
&#blue .noUi-connect {
background: #2980b9;
}
}
#result {
margin: 60px 26px;
height: 100px;
width: 100px;
display: inline-block;
vertical-align: top;
color: rgb(127, 127, 127);
background: rgb(127, 127, 127);
border: 1px solid #fff;
box-shadow: 0 0 10px;
}
}
.slider-vertical {
height: 18rem;
}

32
public/scss/components/uc/_uc-pignose-calender.scss Normal file
View File

@@ -0,0 +1,32 @@
.pignose-calendar {
box-shadow: none;
width: 100%;
max-width: none;
border-color: var(--primary);
.pignose-calendar-top-date {
background-color: var(--primary);
.pignose-calendar-top-month {
color: $white;
}
}
}
.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
background-color: var(--primary);
box-shadow: none;
}
.pignose-calendar .pignose-calendar-top {
box-shadow: none;
border-bottom: 0;
}
.pignose-calendar.pignose-calendar-blue {
background-color: rgba(0, 0, 0, 0.15);
}
.pignose-calendar .pignose-calendar-unit {
height: 4.8em;
}

30
public/scss/components/uc/_uc-tagsinput.scss Normal file
View File

@@ -0,0 +1,30 @@
.bootstrap-tagsinput {
flex: 1;
padding: 0;
padding-#{$dlab-pos-left}: .5rem;
border-radius: 0;
border-color: $border;
background-color: $white;
width: 100%;
.tag {
font-size: 0.875rem;
background-color: var(--primary);
border-radius: 0;
align-items: center;
border: 0.0625rem solid $border;
}
input[type="text"] {
flex: 1;
height: 2.1rem;
border-radius: 0;
border-color: $border;
}
label{
margin-bottom: .5rem;
}
}

30
public/scss/components/uc/_uc-ticker.scss Normal file
View File

@@ -0,0 +1,30 @@
.bootstrap-tagsinput {
flex: 1;
padding: 0;
padding-#{$dlab-pos-left}: .5rem;
border-radius: 0;
border-color: $border;
background-color: $white;
width: 100%;
.tag {
font-size: 0.875rem;
background-color: var(--primary);
border-radius: 0;
align-items: center;
border: 0.0625rem solid $border;
}
input[type="text"] {
flex: 1;
height: 2.1rem;
border-radius: 0;
border-color: $border;
}
label{
margin-bottom: .5rem;
}
}

63
public/scss/components/uc/_uc-toastr.scss Normal file
View File

@@ -0,0 +1,63 @@
.toast {
&-success {
background-color: var(--primary);
}
&-info {
background-color: $info;
}
&-warning {
background-color: $warning;
}
&-error {
background-color: $danger;
}
}
#toast-container {
&>div {
box-shadow: none;
border-radius: 0;
width: auto;
max-width: 15.625rem;
opacity: 1;
border-radius: $radius;
@at-root [direction="rtl"] & {
padding: 0.9375rem 3.125rem 0.9375rem 0.9375rem;
background-position: calc(100% - 0.9375rem);
}
&:hover {
box-shadow: none;
}
}
.toast-title {
margin-bottom: 0.3125rem;
font-weight: 600;
}
.toast-message {
font-size: 0.75rem;
}
.toast-close-button {
opacity: 1;
font-size: 1.25rem;
font-weight: normal;
text-shadow: none;
}
}
[direction="rtl"] {
.toast-top-right.demo_rtl_class {
#{$dlab-pos-left}: 0.75rem;
#{$dlab-pos-right}: auto;
}
}

25
public/scss/components/uc/_uc-typeahead.scss Normal file
View File

@@ -0,0 +1,25 @@
.twitter-typeahead {
width: 100%;
.tt-dataset.tt-dataset-states {
border: 1px solid $border;
}
.tt-menu {
width: 100%;
background-color: $white;
.tt-suggestion {
padding: 0.625rem;
cursor: pointer;
&:hover {
background-color: var(--primary);
color: $white;
}
}
}
}

33
public/scss/components/uc/_uc-weather.scss Normal file
View File

@@ -0,0 +1,33 @@
// Variable.scss
.weather-one {
i {
font-size: 8rem;
position : relative;
top : .5rem;
}
h2 {
display : inline-block;
float : right;
font-size: 4.8rem;
}
.city {
position : relative;
text-align: #{$dlab-pos-right};
top : -2.5rem;
}
.currently {
font-size : 1.6rem;
font-weight: 400;
position : relative;
top : 2.5rem;
}
.celcious {
text-align: #{$dlab-pos-right};
font-size : 2rem;
}
}