-
Notifications
You must be signed in to change notification settings - Fork 0
/
_utilities.scss
64 lines (58 loc) · 1.21 KB
/
_utilities.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
// Utilities
//
// The cookbook includes a few utility classes, to be freely used within the CMS.
//
// Class | Description
// --- | ---
// `center-block` | Centers the element, provided it has a defined width.
// `clearfix` | Apply to parent container of floated elements, to prevent float overflow
// `full-width` | Full width
// `no-gutter-mobile` | Full width, mobile only
// `pull-left` | Float the element left
// `pull-right` | Float the element right
// `sr-only` | Visually hidden, but visible to screen readers
//
//
//
// Styleguide 11.0.3
.center-block {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
}
.clearfix {
&::after {
content: '';
display: table;
clear: both;
}
}
.full-width {
@include full-width;
max-width: 100vw;
}
.no-gutter-mobile {
@include breakpoint-max(bp-s) {
@include full-width;
max-width: 100vw;
}
}
.pull-left {
clear: left;
float: left;
}
.pull-right {
clear: right;
float: right;
}
.sr-only {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}