씽크
This commit is contained in:
hyeonggil
@@ -1,5 +1,6 @@
|
||||
@charset "UTF-8";
|
||||
@import "utils.scss";
|
||||
|
||||
/*변수파일 import*/
|
||||
//장바구니 레이아웃 및 요소
|
||||
.contentWarp {
|
||||
@@ -142,7 +143,7 @@
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
> div {
|
||||
>div {
|
||||
display: flex;
|
||||
margin-top: 1.4rem;
|
||||
|
||||
@@ -150,7 +151,7 @@
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
> p {
|
||||
>p {
|
||||
min-width: 7.5rem;
|
||||
height: 7.5rem;
|
||||
overflow: hidden;
|
||||
@@ -235,7 +236,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
dt + dd {
|
||||
dt+dd {
|
||||
margin-top: 0.5rem;
|
||||
|
||||
@include desktopMin {
|
||||
@@ -243,7 +244,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
dd + dd {
|
||||
dd+dd {
|
||||
margin-top: 1.5rem;
|
||||
font-size: 1.4rem;
|
||||
|
||||
@@ -255,7 +256,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.cartItemInfo + dl {
|
||||
.cartItemInfo+dl {
|
||||
@include maxmobile {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -321,7 +322,7 @@
|
||||
width: 100%;
|
||||
min-width: 18rem;
|
||||
|
||||
button + button {
|
||||
button+button {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
@@ -638,7 +639,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
li + li {
|
||||
li+li {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
@@ -658,7 +659,7 @@
|
||||
min-height: 17rem;
|
||||
}
|
||||
|
||||
> p {
|
||||
>p {
|
||||
font-weight: 600;
|
||||
font-size: 1.8rem;
|
||||
color: #9ea1a2;
|
||||
@@ -694,7 +695,7 @@
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
> p {
|
||||
>p {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -720,6 +721,7 @@
|
||||
|
||||
button,
|
||||
a {
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
@include tablet {
|
||||
@@ -767,7 +769,7 @@
|
||||
max-height: 12rem;
|
||||
}
|
||||
|
||||
> p {
|
||||
>p {
|
||||
font-size: 1.4rem;
|
||||
|
||||
@include mobile {
|
||||
@@ -805,7 +807,7 @@
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
> p {
|
||||
>p {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -840,6 +842,7 @@
|
||||
|
||||
button,
|
||||
a {
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
@include tablet {
|
||||
@@ -917,7 +920,7 @@
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
[type="radio"]:disabled + span {
|
||||
[type="radio"]:disabled+span {
|
||||
opacity: 0.5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
@@ -1074,7 +1077,7 @@
|
||||
li {
|
||||
position: relative;
|
||||
|
||||
& + li {
|
||||
&+li {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
}
|
||||
@@ -1092,7 +1095,7 @@
|
||||
}
|
||||
|
||||
&:checked {
|
||||
& ~ .coupon-item {
|
||||
&~.coupon-item {
|
||||
border-color: #111;
|
||||
|
||||
&:focus {
|
||||
@@ -1107,7 +1110,7 @@
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
& ~ .coupon-item {
|
||||
&~.coupon-item {
|
||||
background-color: #f1f1f1;
|
||||
border-color: #e0e0e0;
|
||||
color: #aaa;
|
||||
@@ -1212,6 +1215,7 @@
|
||||
flex-shrink: 0;
|
||||
border-left: 1px dashed #dedede;
|
||||
border-radius: 0 0.8rem 0.8rem 0;
|
||||
|
||||
@include tablet {
|
||||
width: 16rem;
|
||||
}
|
||||
@@ -1231,7 +1235,7 @@
|
||||
@include tablet {
|
||||
justify-content: center;
|
||||
|
||||
& > a {
|
||||
&>a {
|
||||
width: 18rem;
|
||||
margin: 0;
|
||||
}
|
||||
@@ -1316,10 +1320,10 @@
|
||||
}
|
||||
|
||||
.cartItemInfo {
|
||||
> div {
|
||||
>div {
|
||||
margin-top: 0;
|
||||
|
||||
> p {
|
||||
>p {
|
||||
margin-left: 0;
|
||||
border-radius: 0;
|
||||
|
||||
@@ -1350,7 +1354,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.cartItemInfo + dl {
|
||||
.cartItemInfo+dl {
|
||||
min-width: 20rem;
|
||||
|
||||
dd {
|
||||
@@ -1404,7 +1408,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
> dl {
|
||||
>dl {
|
||||
.couponBtn {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
@@ -1661,7 +1665,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
>a {
|
||||
display: flex;
|
||||
font-size: 1.4rem;
|
||||
color: #676767;
|
||||
@@ -1682,11 +1686,11 @@
|
||||
}
|
||||
}
|
||||
|
||||
a + a {
|
||||
a+a {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
> label {
|
||||
>label {
|
||||
display: flex;
|
||||
margin-top: 2rem;
|
||||
align-items: flex-start;
|
||||
@@ -1703,6 +1707,7 @@
|
||||
margin-top: 4rem;
|
||||
|
||||
button {
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
width: 3.2rem;
|
||||
@@ -1866,7 +1871,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
p + p {
|
||||
p+p {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
@@ -1881,6 +1886,7 @@
|
||||
|
||||
div {
|
||||
a {
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
width: 3.2rem;
|
||||
@@ -1908,14 +1914,14 @@
|
||||
.completeForm {
|
||||
margin-top: 4rem;
|
||||
|
||||
> div {
|
||||
>div {
|
||||
border-top: 1px solid #999999;
|
||||
|
||||
@include tablet {
|
||||
border-top: 1px solid #dedede;
|
||||
}
|
||||
|
||||
> dl {
|
||||
>dl {
|
||||
border-bottom: 1px solid #dedede;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -1933,7 +1939,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
> dt {
|
||||
>dt {
|
||||
padding-top: 1rem;
|
||||
|
||||
@include tablet {
|
||||
@@ -1942,7 +1948,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
> dd {
|
||||
>dd {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
font-weight: 600;
|
||||
@@ -1954,7 +1960,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
> dt {
|
||||
>dt {
|
||||
width: 100%;
|
||||
font-size: 1.4rem;
|
||||
padding-left: 0rem;
|
||||
@@ -1982,7 +1988,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
> dd {
|
||||
>dd {
|
||||
padding-left: 0;
|
||||
width: 100%;
|
||||
font-size: 1.4rem;
|
||||
@@ -2023,7 +2029,7 @@
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
> div {
|
||||
>div {
|
||||
position: relative;
|
||||
border-radius: 0.6rem;
|
||||
overflow: hidden;
|
||||
@@ -2123,7 +2129,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
dl + dl {
|
||||
dl+dl {
|
||||
margin-top: 1rem;
|
||||
|
||||
@include tablet {
|
||||
@@ -2132,7 +2138,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
> div {
|
||||
>div {
|
||||
margin-left: 0rem;
|
||||
width: 100%;
|
||||
margin-top: 3rem;
|
||||
@@ -2144,6 +2150,7 @@
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
width: 3.2rem;
|
||||
@@ -2157,7 +2164,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
li + li {
|
||||
li+li {
|
||||
border-top: 0;
|
||||
margin-top: 1.5rem;
|
||||
|
||||
@@ -2201,7 +2208,7 @@
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
button + button {
|
||||
button+button {
|
||||
margin-top: 1rem;
|
||||
|
||||
@include tablet {
|
||||
@@ -2267,7 +2274,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
+ .agree-label {
|
||||
+.agree-label {
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
|
||||
@@ -2288,4 +2295,4 @@
|
||||
font-size: 1.4rem;
|
||||
color: #676767;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user