Skip to content

Commit b901b0b

Browse files
committed
fixed checkboxes, radi buttons & other stuff
1 parent a044c8d commit b901b0b

File tree

11 files changed

+765
-676
lines changed

11 files changed

+765
-676
lines changed

sass/colors.scss

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,12 @@
1-
// colors =================================================
2-
3-
//gradient 1 colors
1+
// colors
42
$green: #1fdeb3;
53
$blue: #12c3d2;
6-
//gradient 1 colors
7-
8-
//=========================================================
9-
10-
//gradient 2 colors
114
$yellow: #FFE53B;
125
$orange: #FF2525;
13-
146
$orange-btn: #ff9f33;
15-
//=========================================================
16-
17-
//gradient 3 colors
187
$dark-blue: #21D4FD;
198
$purple: #B721FF;
20-
219
$purple-btn: #7274ff;
22-
//=========================================================
23-
24-
// other colors============================================
2510
$red: #f44336;
2611
$black: #212121;
2712
$disabled: #fa5151;
28-
//=========================================================

sass/default.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,4 +10,10 @@ button {
1010
background-color: unset;
1111
border: none;
1212
-webkit-appearance:none;
13+
-webkit-touch-callout: none;
14+
-webkit-user-select: none;
15+
-khtml-user-select: none;
16+
-moz-user-select: none;
17+
-ms-user-select: none;
18+
user-select: none;
1319
}

sass/forms.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@ label {
8989
padding: .4rem .4rem;
9090
border-radius: 2px;
9191
transition: .2s;
92-
color: #fff;
92+
color: rgba(255, 255, 255, 0);
9393
font-size: 16px;
9494
}
9595
}
@@ -114,7 +114,7 @@ label {
114114
padding: .3rem .4rem;
115115
border-radius: 100%;
116116
transition: .2s;
117-
color: #fff;
117+
color: rgba(255, 255, 255, 0);
118118
font-size: 14px;
119119
}
120120
}
@@ -226,7 +226,7 @@ label {
226226
.green-checkbox {
227227
+ span:before {
228228
border-color: $green !important;
229-
color: #fff !important;
229+
color: rgba(255, 255, 255, 0) !important;
230230
}
231231
}
232232
.green-checkbox:checked + span:before {
@@ -237,7 +237,7 @@ label {
237237
.black-checkbox {
238238
+ span:before {
239239
border-color: $black !important;
240-
color: #fff !important;
240+
color: rgba(255, 255, 255, 0) !important;
241241
}
242242
}
243243
.black-checkbox:checked + span:before {
@@ -248,7 +248,7 @@ label {
248248
.orange-checkbox {
249249
+ span:before {
250250
border-color: $orange-btn !important;
251-
color: #fff !important;
251+
color: rgba(255, 255, 255, 0) !important;
252252
}
253253
}
254254
.orange-checkbox:checked + span:before {
@@ -260,7 +260,7 @@ label {
260260
+ span:before {
261261

262262
border-color: $purple-btn !important;
263-
color: #fff !important;
263+
color: rgba(255, 255, 255, 0) !important;
264264
}
265265
}
266266
.purple-checkbox:checked + span:before {

sass/gradient.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -49,32 +49,32 @@
4949
.gradient-green {
5050
@include linear-gradient($green, $blue);
5151
box-shadow: 0px 4px 7px 0px rgba(18, 194, 211, 0.48);
52-
transition: all 0.5s;
52+
transition: all .2s;
5353
&:hover {
5454

5555
box-shadow: 0px 7px 13px 0px rgba(18, 194, 211, 0.80);
56-
transition: all 0.5s;
56+
transition: all .2s;
5757
}
5858
}
5959

6060
.gradient-orange {
6161
@include linear-gradient($yellow, $orange);
6262
box-shadow: 0px 4px 7px 0px rgba(255, 50, 39, 0.48);
63-
transition: all 0.5s;
63+
transition: all .2s;
6464
&:hover {
6565

6666
box-shadow: 0px 7px 13px 0px rgba(255, 50, 39, 0.80);
67-
transition: all 0.5s;
67+
transition: all .2s;
6868
}
6969
}
7070

7171
.gradient-purple {
7272
@include linear-gradient($dark-blue, $purple);
7373
box-shadow: 0px 4px 7px 0px rgba(170, 49, 255, 0.48);
74-
transition: all 0.5s;
74+
transition: all .2s;
7575
&:hover {
7676

7777
box-shadow: 0px 7px 13px 0px rgba(170, 49, 255, 0.80);
78-
transition: all 0.5s;
78+
transition: all .2s;
7979
}
8080
}

source/app/styles/colors.scss

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,12 @@
1-
// colors =================================================
2-
3-
//gradient 1 colors
1+
// colors
42
$green: #1fdeb3;
53
$blue: #12c3d2;
6-
//gradient 1 colors
7-
8-
//=========================================================
9-
10-
//gradient 2 colors
114
$yellow: #FFE53B;
125
$orange: #FF2525;
13-
146
$orange-btn: #ff9f33;
15-
//=========================================================
16-
17-
//gradient 3 colors
187
$dark-blue: #21D4FD;
198
$purple: #B721FF;
20-
219
$purple-btn: #7274ff;
22-
//=========================================================
23-
24-
// other colors============================================
2510
$red: #f44336;
2611
$black: #212121;
2712
$disabled: #fa5151;
28-
//=========================================================

source/app/styles/default.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,4 +10,10 @@ button {
1010
background-color: unset;
1111
border: none;
1212
-webkit-appearance:none;
13+
-webkit-touch-callout: none;
14+
-webkit-user-select: none;
15+
-khtml-user-select: none;
16+
-moz-user-select: none;
17+
-ms-user-select: none;
18+
user-select: none;
1319
}

source/app/styles/forms.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@ label {
8989
padding: .4rem .4rem;
9090
border-radius: 2px;
9191
transition: .2s;
92-
color: #fff;
92+
color: rgba(255, 255, 255, 0);
9393
font-size: 16px;
9494
}
9595
}
@@ -114,7 +114,7 @@ label {
114114
padding: .3rem .4rem;
115115
border-radius: 100%;
116116
transition: .2s;
117-
color: #fff;
117+
color: rgba(255, 255, 255, 0);
118118
font-size: 14px;
119119
}
120120
}
@@ -226,7 +226,7 @@ label {
226226
.green-checkbox {
227227
+ span:before {
228228
border-color: $green !important;
229-
color: #fff !important;
229+
color: rgba(255, 255, 255, 0) !important;
230230
}
231231
}
232232
.green-checkbox:checked + span:before {
@@ -237,7 +237,7 @@ label {
237237
.black-checkbox {
238238
+ span:before {
239239
border-color: $black !important;
240-
color: #fff !important;
240+
color: rgba(255, 255, 255, 0) !important;
241241
}
242242
}
243243
.black-checkbox:checked + span:before {
@@ -248,7 +248,7 @@ label {
248248
.orange-checkbox {
249249
+ span:before {
250250
border-color: $orange-btn !important;
251-
color: #fff !important;
251+
color: rgba(255, 255, 255, 0) !important;
252252
}
253253
}
254254
.orange-checkbox:checked + span:before {
@@ -260,7 +260,7 @@ label {
260260
+ span:before {
261261

262262
border-color: $purple-btn !important;
263-
color: #fff !important;
263+
color: rgba(255, 255, 255, 0) !important;
264264
}
265265
}
266266
.purple-checkbox:checked + span:before {

source/app/styles/gradient.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -49,32 +49,32 @@
4949
.gradient-green {
5050
@include linear-gradient($green, $blue);
5151
box-shadow: 0px 4px 7px 0px rgba(18, 194, 211, 0.48);
52-
transition: all 0.5s;
52+
transition: all .2s;
5353
&:hover {
5454

5555
box-shadow: 0px 7px 13px 0px rgba(18, 194, 211, 0.80);
56-
transition: all 0.5s;
56+
transition: all .2s;
5757
}
5858
}
5959

6060
.gradient-orange {
6161
@include linear-gradient($yellow, $orange);
6262
box-shadow: 0px 4px 7px 0px rgba(255, 50, 39, 0.48);
63-
transition: all 0.5s;
63+
transition: all .2s;
6464
&:hover {
6565

6666
box-shadow: 0px 7px 13px 0px rgba(255, 50, 39, 0.80);
67-
transition: all 0.5s;
67+
transition: all .2s;
6868
}
6969
}
7070

7171
.gradient-purple {
7272
@include linear-gradient($dark-blue, $purple);
7373
box-shadow: 0px 4px 7px 0px rgba(170, 49, 255, 0.48);
74-
transition: all 0.5s;
74+
transition: all .2s;
7575
&:hover {
7676

7777
box-shadow: 0px 7px 13px 0px rgba(170, 49, 255, 0.80);
78-
transition: all 0.5s;
78+
transition: all .2s;
7979
}
8080
}

0 commit comments

Comments
 (0)