update
This commit is contained in:
@@ -1,8 +1,5 @@
|
||||
@import 'tailwindcss';
|
||||
@plugin 'daisyui';
|
||||
@import 'swiper/css';
|
||||
@import 'swiper/css/navigation';
|
||||
@import 'swiper/css/pagination';
|
||||
|
||||
:root {
|
||||
--background: #ffffff;
|
||||
@@ -29,17 +26,10 @@
|
||||
.color-green {
|
||||
color: var(--green);
|
||||
}
|
||||
.bg-white {
|
||||
background: #fff;
|
||||
}
|
||||
.bg-gray {
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
*,
|
||||
::after,
|
||||
::before {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-webkit-box-sizing: inherit;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
@@ -90,117 +80,14 @@ ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
.position-relative {
|
||||
position: relative;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
.w-100 {
|
||||
width: 100% !important;
|
||||
}
|
||||
.w-50 {
|
||||
width: 50%;
|
||||
}
|
||||
.fz-16 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.mb-10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mt-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.mt-12 {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.mb-0 {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.gap-4 {
|
||||
gap: 4px;
|
||||
}
|
||||
.gap-6 {
|
||||
gap: 6px;
|
||||
}
|
||||
.gap-8 {
|
||||
gap: 8px;
|
||||
}
|
||||
.gap-10 {
|
||||
gap: 10px;
|
||||
}
|
||||
.gap-16 {
|
||||
gap: 16px;
|
||||
}
|
||||
.gap-12 {
|
||||
gap: 12px;
|
||||
}
|
||||
.gap-14 {
|
||||
gap: 14px;
|
||||
}
|
||||
.gap-20 {
|
||||
gap: 20px;
|
||||
}
|
||||
.pt-12 {
|
||||
padding-top: 12px !important;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input::-ms-input-placeholder,
|
||||
textarea::-ms-input-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input::-ms-input-placeholder,
|
||||
textarea::-ms-input-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input::-webkit-input-placeholder,
|
||||
textarea::-webkit-input-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input::-ms-input-placeholder,
|
||||
textarea::-ms-input-placeholder {
|
||||
font-family: 'SF Pro Display', sans-serif;
|
||||
}
|
||||
input,
|
||||
input::placeholder,
|
||||
select,
|
||||
@@ -300,21 +187,6 @@ textarea::placeholder {
|
||||
.border-error {
|
||||
border: 2px solid red !important;
|
||||
}
|
||||
.font-weight-400 {
|
||||
font-weight: 400;
|
||||
}
|
||||
.font-weight-500 {
|
||||
font-weight: 500;
|
||||
}
|
||||
.font-weight-600 {
|
||||
font-weight: 600;
|
||||
}
|
||||
.font-weight-700 {
|
||||
font-weight: 700;
|
||||
}
|
||||
.font-weight-800 {
|
||||
font-weight: 800;
|
||||
}
|
||||
.boder-radius-10 {
|
||||
border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
@@ -322,42 +194,6 @@ textarea::placeholder {
|
||||
-ms-border-radius: 10px;
|
||||
-o-border-radius: 10px;
|
||||
}
|
||||
.line-clamp-1 {
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
}
|
||||
.line-clamp-2 {
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
}
|
||||
.line-clamp-3 {
|
||||
-webkit-line-clamp: 3;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
}
|
||||
.line-clamp-6 {
|
||||
-webkit-line-clamp: 6;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
display: -webkit-box;
|
||||
}
|
||||
.d-block {
|
||||
display: block !important;
|
||||
}
|
||||
.d-none,
|
||||
.hide {
|
||||
display: none !important;
|
||||
}
|
||||
.grid {
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
}
|
||||
.grid--product-info {
|
||||
-ms-grid-columns: 2fr 1fr;
|
||||
grid-template-columns: 2fr 1fr;
|
||||
@@ -370,78 +206,6 @@ textarea::placeholder {
|
||||
-ms-grid-columns: 5.13fr 6.48fr;
|
||||
grid-template-columns: 7fr 5.76fr;
|
||||
}
|
||||
.d-flex {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.align-items-end {
|
||||
-webkit-box-align: end;
|
||||
-ms-flex-align: end;
|
||||
align-items: flex-end;
|
||||
}
|
||||
.flex-1 {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.order-1 {
|
||||
-webkit-box-ordinal-group: 2;
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
}
|
||||
.align-items-start {
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.align-items-center {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.justify-content-end {
|
||||
-ms-flex-pack: end !important;
|
||||
-webkit-box-pack: end !important;
|
||||
justify-content: flex-end !important;
|
||||
}
|
||||
.justify-content-center {
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-content-between {
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-content-around {
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.flex-around {
|
||||
-ms-flex-pack: distribute;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.flex-column {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.flex-row {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-wrap {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-wrap: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.swiper-button-next,
|
||||
.swiper-button-prev {
|
||||
width: 28px !important;
|
||||
@@ -1873,9 +1637,9 @@ textarea::placeholder {
|
||||
color: #fff;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 50%;
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
line-height: 33px;
|
||||
width: 35px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
margin: 0 10px 0 25px;
|
||||
}
|
||||
@@ -1940,10 +1704,6 @@ textarea::placeholder {
|
||||
border-right: 1px solid #e3e3e3;
|
||||
padding: 12px 0;
|
||||
}
|
||||
.header .header-bottom .list-category-child .box-left .sub-menu {
|
||||
margin-bottom: 16px;
|
||||
width: calc(100% / 4 - 8px);
|
||||
}
|
||||
.header .header-bottom .list-category-child .box-left .list-child-lv3 .child-lv3:hover {
|
||||
color: var(--red);
|
||||
}
|
||||
@@ -2407,6 +2167,10 @@ textarea::placeholder {
|
||||
.page-hompage .box-banner-under-slider {
|
||||
margin-top: -50px;
|
||||
}
|
||||
.page-hompage .box-banner-under-slider svg {
|
||||
width: 8px !important;
|
||||
color: #000;
|
||||
}
|
||||
.page-hompage .box-product-deal {
|
||||
padding: 12px;
|
||||
margin: 20px 0;
|
||||
|
||||
Reference in New Issue
Block a user