NW/FleetCart
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases Wiki Activity

¨4.0.1¨

Browse Source
This commit is contained in:
¨NW¨
2023-12-03 14:07:47 +00:00
parent c08b36d1b6
commit f35052522d
1112 changed files with 43019 additions and 24987 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
Themes/Storefront/resources/assets/public/sass/components/_alert.scss
View File

@@ -1,62 +1,53 @@
.alert {
font-size: 16px;
position: fixed;
right: 15px;
bottom: 15px;
display: flex;
margin: 0 0 0 15px;
padding: 20px 64px 20px 28px;
align-items: center;
border: none;
border-left: 3px solid;
border-radius: $radius-default;
font-size: 16px;
position: fixed;
right: 15px;
bottom: 15px;
display: flex;
margin: 0 0 0 15px;
padding: 20px 64px 20px 28px;
align-items: center;
border: none;
border-radius: $radius-default;
> i {
font-size: 20px;
margin-right: 16px;
}
.close {
font-size: 16px;
top: 50%;
right: 17px;
padding: 10px;
transform: translateY(-50%);
transition: $transition-default;
.close {
font-size: 16px;
top: 50%;
right: 17px;
padding: 10px;
opacity: 1;
transform: translateY(-50%);
&:hover {
opacity: 1;
}
&:hover {
> i {
color: $color-default;
color: var(--color-primary);
}
}
> i {
color: $color-gray-dark;
}
}
> i {
color: $color-gray;
}
}
}
.alert-success {
color: $color-green;
background: #e8f7f3;
border-color: $color-green;
color: $color-green;
background: #e8f7f3;
border-color: $color-green;
}
.alert-danger {
color: $color-red;
background: #fbebea;
border-color: $color-red;
color: $color-red;
background: #fbebea;
border-color: $color-red;
}
.alert-info {
color: $color-info;
background: #e2ecf7;
border-color: $color-info;
color: $color-info;
background: #e2ecf7;
border-color: $color-info;
}
.alert-warning {
color: $color-yellow;
background: #fef5ea;
border-color: $color-yellow;
color: $color-yellow;
background: #fef5ea;
border-color: $color-yellow;
}

30
Themes/Storefront/resources/assets/public/sass/components/_badge.scss
View File

@@ -1,29 +1,29 @@
.badge {
font-size: 14px;
font-weight: 400;
min-width: 120px;
display: inline-block;
padding: 10px 15px;
text-align: center;
border-radius: 20px;
font-size: 14px;
font-weight: 400;
min-width: 120px;
display: inline-block;
padding: 10px 15px;
text-align: center;
border-radius: 20px;
}
.badge-success {
color: $color-green;
background: #edf9f6;
color: $color-green;
background: #edf9f6;
}
.badge-danger {
color: $color-red;
background: #fdf0ed;
color: $color-red;
background: #fdf0ed;
}
.badge-info {
color: $color-info;
background: #eef5fb;
color: $color-info;
background: #eef5fb;
}
.badge-warning {
color: $color-yellow;
background: #fff9ef;
color: $color-yellow;
background: #fcf6ec;
}

3
Themes/Storefront/resources/assets/public/sass/components/_buttons.scss
View File

@@ -3,8 +3,9 @@
font-size: 15px;
line-height: 26px;
position: relative;
border: none;
color: $color-black;
padding: 7px 24px;
border: none;
border-radius: $radius-default;
transition: $transition-default;

2
Themes/Storefront/resources/assets/public/sass/components/_countdown.scss
View File

@@ -1,4 +1,4 @@
.is-countdown {
.countdown {
border: none;
background: transparent;

96
Themes/Storefront/resources/assets/public/sass/components/_form.scss
View File

@@ -1,24 +1,24 @@
.form-group {
margin-bottom: 20px;
margin-bottom: 20px;
label {
font-weight: 500;
margin-bottom: 9px;
label {
font-weight: 500;
margin-bottom: 9px;
> span {
margin-left: 4px;
color: $color-red;
}
}
> span {
margin-left: 4px;
color: $color-red;
}
}
}
.form-control {
font-size: 14px;
height: 45px;
height: 45px;
padding: 10px 15px;
border-color: $color-gray-lite;
border-color: $color-gray-lite;
border-radius: $radius-default;
transition: $transition-default;
transition: $transition-default;
&:focus {
border-color: $color-default;
@@ -42,7 +42,7 @@ textarea {
}
.form-check {
padding: 0;
padding: 0 !important;
label {
font-weight: 400;
@@ -66,44 +66,44 @@ textarea {
&:checked + label:before,
&:not(:checked) + label:before {
content: '';
content: "";
position: absolute;
left: 0;
top: 1px;
width: 18px;
top: 2px;
width: 17px;
height: 17px;
border: 1px solid $border-color;
border-radius: $radius-default;
border-radius: 4px;
transition: $transition-default;
}
&:checked + label:after,
&:not(:checked) + label:after {
position: absolute;
content: '';
top: 5px;
content: "";
top: 7px;
left: 4px;
height: 6px;
width: 10px;
height: 5px;
width: 9px;
border: 2px solid;
border-color: $color-default;
border-color: var(--color-primary);
/*rtl:begin:ignore*/
border-top: none;
border-right: none;
transform: rotate(-45deg) scale(0);
border-top: none;
border-right: none;
transform: rotate(-45deg) scale(0);
/*rtl:end:ignore*/
transition: $transition-default;
}
&:not(:checked) + label:after {
opacity: 0;
transform: rotate(-45deg) scale(0) #{'/*rtl:ignore*/'};
transform: rotate(-45deg) scale(0) #{"/*rtl:ignore*/"};
}
&:checked + label:after {
opacity: 1;
transform: rotate(-45deg) scale(1) #{'/*rtl:ignore*/'};
transform: rotate(-45deg) scale(1) #{"/*rtl:ignore*/"};
}
}
}
@@ -133,28 +133,28 @@ textarea {
&:checked + label:before,
&:not(:checked) + label:before {
content: '';
content: "";
position: absolute;
left: 0;
top: 2px;
width: 17px;
height: 17px;
width: 18px;
height: 18px;
border: 1px solid $border-color;
border-radius: 50%;
border-radius: $radius-full;
transition: $transition-default;
}
&:checked + label:after,
&:not(:checked) + label:after {
position: absolute;
content: '';
top: 7px;
left: 5px;
height: 7px;
width: 7px;
content: "";
top: 6px;
left: 4px;
height: 10px;
width: 10px;
background: $color-default;
background: var(--color-primary);
border-radius: 50%;
border-radius: $radius-full;
transform: scale(0);
transition: $transition-default;
}
@@ -184,31 +184,31 @@ textarea {
}
.has-error {
.form-control {
border-color: $color-red;
.form-control {
border-color: $color-red;
&:focus {
border-color: $color-red;
}
}
&:focus {
border-color: $color-red;
}
}
}
.error-message {
line-height: 20px;
display: block;
margin: 4px 0 -5px;
color: $color-red;
display: block;
margin: 4px 0 -5px;
color: $color-red;
}
::placeholder {
color: $color-gray-dark !important;
color: darken($color-gray-dark, 5%) !important;
opacity: 1;
}
:-ms-input-placeholder {
color: $color-gray-dark !important;
color: darken($color-gray-dark, 5%) !important;
}
::-ms-input-placeholder {
color: $color-gray-dark !important;
color: darken($color-gray-dark, 5%) !important;
}

12
Themes/Storefront/resources/assets/public/sass/components/_loader.scss
View File

@@ -3,7 +3,7 @@
&:before {
position: absolute;
content: '';
content: "";
left: 0;
top: 0;
right: 0;
@@ -15,12 +15,12 @@
&:after {
position: absolute;
content: '';
content: "";
left: 50%;
top: 50%;
height: 30px;
width: 30px;
border-radius: 50%;
border-radius: $radius-full;
border: 3px solid $color-default;
border: 3px solid var(--color-primary);
border-top-color: transparent !important;
@@ -32,15 +32,15 @@
.btn-loading {
color: transparent !important;
&:after {
&:after {
position: absolute;
content: '';
content: "";
left: 50%;
top: 50%;
height: 16px;
width: 16px;
border: 2px solid $color-white;
border-radius: 50%;
border-radius: $radius-full;
border-top-color: transparent !important;
animation: loader-spin 800ms infinite linear;
}

14
Themes/Storefront/resources/assets/public/sass/components/_modal.scss
View File

@@ -1,5 +1,13 @@
.modal {
padding-right: 0 !important;
&.in {
opacity: 1;
.modal-dialog {
transform: none;
}
}
}
.modal-dialog {
@@ -15,3 +23,9 @@
.modal-body {
padding: 0;
}
.modal-backdrop {
&.in {
opacity: 0.5;
}
}

136
Themes/Storefront/resources/assets/public/sass/components/_tabs.scss
View File

@@ -8,42 +8,6 @@
border-radius: 0;
transition: $transition-default;
&:before {
position: absolute;
content: '';
left: 50%;
bottom: 0;
height: 1px;
width: 0;
background: $color-default;
background: var(--color-primary);
transform: translateX(-50%);
transition: 150ms ease-in-out;
}
&:after {
position: absolute;
content: '';
left: 50%;
bottom: -7px;
height: 8px;
width: 15px;
background: $color-default;
background: var(--color-primary);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
transform: translateX(-50%);
transition: 150ms ease-in-out;
z-index: 1;
}
&:hover {
&:before {
width: 40px;
}
}
&.active {
font-weight: 500;
color: $color-default;
@@ -58,18 +22,39 @@
}
}
&.loading {
pointer-events: none;
&:before {
position: absolute;
content: "";
left: 50%;
bottom: 0;
height: 1px;
width: 0;
background: $color-default;
background: var(--color-primary);
transform: translateX(-50%);
transition: 150ms ease-in-out;
}
&:after {
position: absolute;
content: "";
left: 50%;
bottom: -7px;
height: 8px;
width: 15px;
background: $color-default;
background: var(--color-primary);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
opacity: 0;
transform: translateX(-50%);
transition: 150ms ease-in-out;
z-index: 1;
}
&:hover:not(.active) {
&:before {
left: 0;
top: auto;
transform: none;
animation: tab-loader 1.2s ease infinite;
}
&:after {
content: none;
width: 40px;
}
}
}
@@ -77,6 +62,25 @@
.nav-tabs {
border: none;
.nav-item {
&.loading {
.nav-link {
pointer-events: none;
&:before {
left: 0;
top: auto;
transform: none;
animation: tab-loader 1.2s ease infinite;
}
&:after {
content: none;
}
}
}
}
.nav-link {
@extend %nav-link;
}
@@ -90,24 +94,50 @@
@extend %nav-link;
float: left;
margin-left: 30px;
margin-right: 30px;
cursor: pointer;
transition: none;
&:first-child {
margin-left: 0;
&:last-child {
margin-right: 0;
}
&.active {
font-weight: 500;
color: $color-default;
color: var(--color-primary);
cursor: default;
&:before {
width: 100%;
}
&:after {
opacity: 1;
}
}
&.loading {
pointer-events: none;
&:before {
left: 0;
top: auto;
transform: none;
animation: tab-loader 1.2s ease infinite;
}
&:after {
content: none;
}
}
}
}
.tab-content {
.slick-list {
margin: 0 -15px -50px;
padding: 30px 0 50px;
margin: 0 -10px -50px;
padding: 30px 1px 50px 0;
.slick-track {
display: flex;
@@ -118,14 +148,14 @@
.slick-dots {
position: relative;
bottom: auto;
margin-top: 30px;
margin-top: 25px;
}
}
@media screen and (max-width: $lg) {
.tab-content {
.slick-list {
margin: 0 -8px -50px;
margin: 0 -7.5px -50px;
}
}
}

2
Themes/Storefront/resources/assets/public/sass/components/_toast.scss
View File

@@ -1,4 +1,4 @@
@import "~vue-toast-notification/dist/theme-default";
@import "vue-toast-notification/dist/theme-default";
.notices {
.toast {