-
Notifications
You must be signed in to change notification settings - Fork 0
/
_elements.scss
68 lines (59 loc) · 1.18 KB
/
_elements.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
// Titles
// -------------------------------------------------------------------[]
.el_sectTtl {
color: $fc-accent;
font-weight: bold;
@include textStyle(
$fz: 3rem,
$pb: 20px,
$mt: - halfLeading,
$mb: 40px
);
border-bottom: 1px solid currentColor;
}
.el_sectTtl02 {
color: $fc-accent;
font-weight: bold;
@include textStyle(
$fz: 2.3rem,
$mt: 30px,
$mb: 30px
);
}
// Buttons
// -------------------------------------------------------------------[]
.el_btn {
$wrp: '.el_btn';
display: inline-block;
padding: totalPadHeight(40) 20px;
background-color: #aaa;
border-radius: 5px;
color: #fff;
text-decoration: none;
text-align: center;
transition: $transSpeed;
@include FHA() {
opacity: $hoverOpacity;
}
&#{$wrp}__red{
background-color: $red;
}
}
// Labels
// -------------------------------------------------------------------[]
.el_label {
$wrp: '.el_label';
display: inline-block;
padding: 3px 8px;
background-color: #aaa;
color: #fff;
font-size: 1.4rem;
text-decoration: none;
transition: $transSpeed;
@include FHA() {
opacity: $hoverOpacity;
}
&#{$wrp}__red{
background-color: $red;
}
}