Skip to content

Commit 2a2f5cb

Browse files
committed
button decluttering 1
1 parent 87b2d3c commit 2a2f5cb

File tree

4 files changed

+19
-50
lines changed

4 files changed

+19
-50
lines changed

sass/styles/applications/hb/buttons.scss

Lines changed: 0 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,8 @@
11
.button-solid {
2-
&.button-orange {
3-
background-image: $button-gradient-orange;
4-
}
5-
62
&.button-blue {
73
background-image: $button-gradient-blue;
84
}
95

10-
&.button-white {
11-
background: $white;
12-
color: $hb-blue;
13-
}
14-
15-
&.button-green {
16-
background-image: $button-gradient-green;
17-
}
18-
196
&.disabled,
207
&:disabled {
218
background: $faded-text !important;

sass/styles/applications/hiringblocks/objects/buttons.scss

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,6 @@
99
padding: 13px 20px;
1010
border-radius: 30px;
1111
}
12-
13-
&.button-orange {
14-
background-image: $button-gradient-orange;
15-
}
16-
17-
&.button-green {
18-
background-image: $button-gradient-green;
19-
}
2012
}
2113

2214
.button-dashed {

sass/styles/applications/online-cb/elements/buttons.scss

Lines changed: 0 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,12 @@
11
.button-solid {
2-
background-size: 200%;
32
font-weight: $bold;
43
display: inline-block;
54

6-
&.button-orange {
7-
background-image: $button-gradient-orange;
8-
}
9-
10-
&.button-green {
11-
background-image: $button-gradient-green;
12-
}
13-
145
&.button-grey {
156
background: $light-grey;
167
color: #666666;
178
}
189

19-
&.button-white {
20-
background: $white !important;
21-
color: $orange;
22-
}
23-
2410
&.disabled,
2511
&:disabled {
2612
cursor: auto;

sass/styles/objects/buttons.scss

Lines changed: 19 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,17 @@
44

55
@each $type, $width, $height, $border-radius, $background, $color, $font-weight, $padding-top-bottom,
66
$padding-right-left
7-
in (
8-
dashed,
9-
$dashed-button-width,
10-
$dashed-button-height,
11-
$dashed-border-radius,
12-
$dashed-button-background,
13-
$dashed-button-color,
14-
$dashed-button-weight,
15-
10px,
16-
15px
17-
),
7+
in (
8+
dashed,
9+
$dashed-button-width,
10+
$dashed-button-height,
11+
$dashed-border-radius,
12+
$dashed-button-background,
13+
$dashed-button-color,
14+
$dashed-button-weight,
15+
10px,
16+
15px
17+
),
1818
(
1919
solid,
2020
$solid-button-width,
@@ -35,7 +35,8 @@
3535
$circle-button-color,
3636
0,
3737
0
38-
) {
38+
)
39+
{
3940
.button-#{$type} {
4041
@extend %button-text;
4142

@@ -74,12 +75,15 @@
7475
}
7576

7677
&.button-orange {
77-
// background-image: $gradient-orange;
78-
background-image: linear-gradient(to right, #e74e4b, #fb8133, #e74e4b);
78+
background-image: $button-gradient-orange;
79+
}
80+
81+
&.button-green {
82+
background-image: $button-gradient-green;
7983
}
8084

8185
&.button-white {
82-
background: white !important;
86+
background: $white !important;
8387
}
8488
}
8589

0 commit comments

Comments
 (0)