Skip to content

Commit b62eda5

Browse files
sery0gasery0ga
committed
Auto-fix and fix some styles
1 parent d182f7d commit b62eda5

16 files changed

+161
-152
lines changed

‎src/styles/_copyright.less‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
a:visited,
1010
a:hover,
1111
a:active {
12-
color: black !important;
12+
color: #000 !important;
1313
opacity: 0.6;
1414
text-decoration: none;
1515
}

‎src/styles/_promo.less‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
justify-content: flex-start;
1111
border-radius: 10px;
1212
padding: 24px 0 32px;
13-
color: white;
13+
color: #FFF;
1414

1515
@media ( max-width: 480px ) {
1616
padding: 12px 0;
@@ -22,7 +22,7 @@
2222
line-height: 102%;
2323
font-weight: 600;
2424
padding: 0 32px 24px;
25-
border-bottom: 2px dashed white;
25+
border-bottom: 2px dashed #FFF;
2626

2727
@media ( max-width: 480px ) {
2828
font-size: 42px;
@@ -58,7 +58,7 @@
5858
}
5959

6060
.wsb-promo .wsb-promo-button {
61-
background: white;
61+
background: #FFF;
6262
width: 200px;
6363
padding: 12px 0;
6464
font-weight: bold;

‎src/styles/base/_form.less‎

Lines changed: 59 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,9 @@
44

55
.wsb-content {
66
select {
7-
padding: .4em;
7+
padding: 0.4em;
88
padding-right: 15px;
9-
-webkit-appearance: none;
10-
-moz-appearance: none;
9+
appearance: none;
1110
background-position: right 50%;
1211
background-repeat: no-repeat;
1312
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
@@ -24,47 +23,48 @@
2423
height: 2em;
2524
padding: 0 10px;
2625
font-size: 16px;
27-
line-height: 1.42857143;
26+
line-height: 1.4286;
2827
color: #333;
29-
background-color: #fff;
30-
border: 1px solid #bbb;
28+
background-color: #FFF;
29+
border: 1px solid #BBB;
3130
box-shadow: none;
32-
.transition(all .15s ease);
31+
.transition(all 0.15s ease);
3332

34-
&[type=radio], &[type=checkbox] {
33+
&[type="radio"],
34+
&[type="checkbox"] {
3535
width: 1.1em;
3636
height: 1.1em;
3737
display: inline-block;
3838
margin-left: 0;
3939
margin-right: 0.5em;
4040
}
4141

42-
&[type=checkbox] {
42+
&[type="checkbox"] {
4343
align-self: flex-start;
4444
}
4545

4646
&:focus {
4747
outline: none !important;
48-
border-color: #ccc;
48+
border-color: #CCC;
4949
outline: 0;
50-
box-shadow: 0 0 2px #4a90e2, 0 0 2px #4a90e2 inset;
50+
box-shadow: 0 0 2px #4A90E2, 0 0 2px #4A90E2 inset;
5151
}
5252

5353
&:invalid {
5454
border: 1px solid #E73B2B;
5555
}
5656

57-
&::-webkit-input-placeholder {
58-
color: #999
57+
&::input-placeholder {
58+
color: #999;
5959
}
6060

61-
&:-ms-input-placeholder {
62-
color: #999
61+
&:input-placeholder {
62+
color: #999;
6363
}
6464

65-
&::-moz-placeholder {
65+
&::placeholder {
6666
color: #999;
67-
opacity: 1
67+
opacity: 1;
6868
}
6969
}
7070

@@ -75,7 +75,7 @@
7575
select {
7676
padding-left: 0.4em;
7777

78-
@media (max-width: 480px) {
78+
@media ( max-width: 480px ) {
7979
padding: 0 0.5em;
8080
}
8181
}
@@ -96,7 +96,8 @@
9696
font-size: @h3;
9797
font-weight: bold;
9898
margin-bottom: 18px;
99-
@media (max-width: 800px) {
99+
100+
@media ( max-width: 800px ) {
100101
margin-bottom: 12px;
101102
}
102103
}
@@ -132,11 +133,12 @@
132133
margin-top: 20px;
133134
}
134135

135-
&.textarea, &.checkbox {
136+
&.textarea,
137+
&.checkbox {
136138
flex: 1 0 100%;
137139
}
138140

139-
@media (max-width: 800px) {
141+
@media ( max-width: 800px ) {
140142
flex: 0 1 100%;
141143
min-width: 7em;
142144
flex-direction: column;
@@ -160,11 +162,12 @@
160162
}
161163
}
162164

163-
&.ticket, &.textarea {
165+
&.ticket,
166+
&.textarea {
164167
align-items: flex-start;
165168
}
166169

167-
@media (max-width: 800px) {
170+
@media ( max-width: 800px ) {
168171
> .wsb-label {
169172
flex-basis: auto;
170173
}
@@ -183,14 +186,15 @@
183186
}
184187

185188
.wsb-ticket-section {
186-
@media (max-width: 800px) {
187-
.wsb-label[for=ticket] {
189+
@media ( max-width: 800px ) {
190+
.wsb-label[for="ticket"] {
188191
display: none;
189192
}
190193
}
191194
}
192195

193-
.wsb-form__tickets, .wsb-form__radio-group {
196+
.wsb-form__tickets,
197+
.wsb-form__radio-group {
194198
width: 100%;
195199
display: block;
196200
}
@@ -204,15 +208,16 @@
204208
align-items: center;
205209
font-size: 16px;
206210

207-
label, input {
211+
label,
212+
input {
208213
cursor: pointer;
209214
}
210215

211-
input:disabled+label {
212-
color: #ccc;
216+
input:disabled + label {
217+
color: #CCC;
213218
}
214219

215-
@media (max-width: 480px) {
220+
@media ( max-width: 480px ) {
216221
margin-left: 0;
217222
}
218223

@@ -248,7 +253,7 @@
248253
display: inline-block;
249254
}
250255

251-
@media (max-width: 480px) {
256+
@media ( max-width: 480px ) {
252257
margin-left: 0;
253258
}
254259
}
@@ -268,13 +273,13 @@
268273

269274
.wsb-promo-block {
270275
padding-left: @left-column;
271-
width: calc( 100% - 188px );
276+
width: calc(100% - 188px);
272277

273-
@media (max-width: 800px) {
278+
@media ( max-width: 800px ) {
274279
padding-left: 0;
275280
}
276281

277-
@media (max-width: 480px) {
282+
@media ( max-width: 480px ) {
278283
width: 100%;
279284
}
280285
}
@@ -299,12 +304,14 @@
299304
column-gap: 8px;
300305
grid-template-areas: "input buttons" "message message";
301306

302-
@media (max-width: 480px) {
307+
@media ( max-width: 480px ) {
303308
grid-template-columns: auto;
304309
grid-template-areas: "input" "message" "buttons";
305310
}
306311

307-
.ok-message, .warn-message, .error-message {
312+
.ok-message,
313+
.warn-message,
314+
.error-message {
308315
margin-top: 8px;
309316
padding: 10px;
310317
border-radius: 4px;
@@ -321,8 +328,8 @@
321328
}
322329

323330
.error-message {
324-
color: #FFFFFF;
325-
background-color: #f1847a;
331+
color: #FFF;
332+
background-color: #F1847A;
326333
}
327334
}
328335

@@ -357,16 +364,16 @@
357364

358365
.wsb-form__tax-widget-apply {
359366
border-radius: 4px;
360-
background-color: #4a90e2;
361-
border: solid 1px #4a90e2;
362-
color: #fff !important;
367+
background-color: #4A90E2;
368+
border: solid 1px #4A90E2;
369+
color: #FFF !important;
363370
text-decoration: none !important;
364371
}
365372

366-
@media (max-width: 480px) {
373+
@media ( max-width: 480px ) {
367374
.wsb-form__tax-widget-clear {
368375
border-radius: 4px;
369-
border: solid 1px #4a90e2;
376+
border: solid 1px #4A90E2;
370377
margin-left: 7px;
371378
}
372379

@@ -382,16 +389,15 @@
382389
margin-left: @left-column;
383390
padding: 15px 0;
384391
text-decoration: none !important;
385-
color: #fff !important;
392+
color: #FFF !important;
386393
text-align: center;
387394
cursor: pointer;
388-
.transition(all .15s ease);
395+
.transition(all 0.15s ease);
389396

390397
-webkit-font-smoothing: antialiased;
391398
border: none !important;
392399
box-shadow: none !important;
393-
-webkit-appearance: none;
394-
-moz-appearance: none;
400+
appearance: none;
395401

396402
&:focus {
397403
outline: none !important;
@@ -400,12 +406,13 @@
400406
&:hover {
401407
opacity: 0.9;
402408
}
409+
403410
&:disabled {
404411
opacity: 0.5;
405412
cursor: auto;
406413
}
407414

408-
@media (max-width: 480px) {
415+
@media ( max-width: 480px ) {
409416
width: 100%;
410417
margin-left: 0;
411418
}
@@ -421,15 +428,17 @@
421428
.wsb-form__payment-alert {
422429
margin-top: 32px;
423430

424-
@media (max-width: 600px) {
431+
@media ( max-width: 600px ) {
425432
margin-bottom: 30px;
426433
}
427434
}
428435

429436
.wsb-form__checkbox-wrapper {
430437
display: flex;
431438
align-items: center;
432-
input, label {
439+
440+
input,
441+
label {
433442
margin-top: 0;
434443
margin-bottom: 0;
435444
}

‎src/styles/common.less‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
@import "core/_normalize";
22
@import "core/_scaffolding";
3-
43
@import "base/_main";
54
@import "base/_form";
65

‎src/styles/core/_scaffolding.less‎

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,17 @@
11
.wsb-content {
22
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
33
font-size: 14px;
4-
line-height: 1.42857143;
4+
line-height: 1.4286;
55
color: @text-black;
6-
background-color: #fff;
6+
background-color: #FFF;
77

88
* {
9-
-webkit-box-sizing: border-box;
10-
-moz-box-sizing: border-box;
11-
box-sizing: border-box
9+
box-sizing: border-box;
1210
}
1311

14-
:after,
15-
:before {
16-
-webkit-box-sizing: border-box;
17-
-moz-box-sizing: border-box;
18-
box-sizing: border-box
12+
::after,
13+
::before {
14+
box-sizing: border-box;
1915
}
2016

2117
button,
@@ -31,18 +27,18 @@
3127
color: #4A90E2;
3228
text-decoration: none;
3329
box-shadow: none !important;
34-
.transition(color .15s ease);
30+
.transition(color 0.15s ease);
3531

3632
&:hover {
37-
text-decoration: underline
33+
text-decoration: underline;
3834
}
3935
}
4036

4137
figure {
42-
margin: 0
38+
margin: 0;
4339
}
4440

4541
img {
46-
vertical-align: middle
42+
vertical-align: middle;
4743
}
4844
}

0 commit comments

Comments
 (0)