|
@@ -9,6 +9,7 @@ $title-font-color: #fff; |
|
@@ -9,6 +9,7 @@ $title-font-color: #fff; |
9
|
$couponRadius: 8px;
|
9
|
$couponRadius: 8px;
|
10
|
$fontColor: #444;
|
10
|
$fontColor: #444;
|
11
|
$fontGrayLight: #e0e0e0;
|
11
|
$fontGrayLight: #e0e0e0;
|
|
|
12
|
+$border-radius: 25px;
|
12
|
|
13
|
|
13
|
.select-giftcard-page {
|
14
|
.select-giftcard-page {
|
14
|
@extend padding-30;
|
15
|
@extend padding-30;
|
|
@@ -44,11 +45,11 @@ $fontGrayLight: #e0e0e0; |
|
@@ -44,11 +45,11 @@ $fontGrayLight: #e0e0e0; |
44
|
line-height: 88px;
|
45
|
line-height: 88px;
|
45
|
background-color: $title-bg-color;
|
46
|
background-color: $title-bg-color;
|
46
|
color: $title-font-color;
|
47
|
color: $title-font-color;
|
47
|
- border-top-left-radius: 12.5px;
|
|
|
48
|
- border-top-right-radius: 12.5px;
|
48
|
+ border-top-left-radius: $border-radius;
|
|
|
49
|
+ border-top-right-radius: $border-radius;
|
49
|
|
50
|
|
50
|
.balance > label {
|
51
|
.balance > label {
|
51
|
- margin-left: 80px;
|
52
|
+ margin-left: 30px;
|
52
|
font-size: 24px;
|
53
|
font-size: 24px;
|
53
|
font-weight: 400;
|
54
|
font-weight: 400;
|
54
|
}
|
55
|
}
|
|
@@ -58,7 +59,7 @@ $fontGrayLight: #e0e0e0; |
|
@@ -58,7 +59,7 @@ $fontGrayLight: #e0e0e0; |
58
|
}
|
59
|
}
|
59
|
|
60
|
|
60
|
.logo {
|
61
|
.logo {
|
61
|
- margin-right: 20px;
|
62
|
+ margin-right: 30px;
|
62
|
|
63
|
|
63
|
.iconfont {
|
64
|
.iconfont {
|
64
|
font-size: 36px;
|
65
|
font-size: 36px;
|
|
@@ -70,8 +71,8 @@ $fontGrayLight: #e0e0e0; |
|
@@ -70,8 +71,8 @@ $fontGrayLight: #e0e0e0; |
70
|
padding: 10px 30px;
|
71
|
padding: 10px 30px;
|
71
|
height: 188px;
|
72
|
height: 188px;
|
72
|
background-color: #fff;
|
73
|
background-color: #fff;
|
73
|
- border-bottom-left-radius: 12.5px;
|
|
|
74
|
- border-bottom-right-radius: 12.5px;
|
74
|
+ border-bottom-left-radius: $border-radius;
|
|
|
75
|
+ border-bottom-right-radius: $border-radius;
|
75
|
font-size: 22px;
|
76
|
font-size: 22px;
|
76
|
|
77
|
|
77
|
> .content {
|
78
|
> .content {
|