Newer
Older
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
@mixin in-page-with-sidebar
@include media-breakpoint-up(desktop)
body:not(.full-width) &
@content
@mixin in-page-without-sidebar
@include media-breakpoint-up(desktop)
main > .blocks &,
body.full-width &,
@content
// Use this mixin to override with-aside or without-aside rules
@mixin in-page-with-or-without-sidebar
@include media-breakpoint-up(desktop)
body:not(.full-width) &,
main > .blocks &,
body.full-width &,
@content
// Aliases
@mixin full-page
@include in-page-without-sidebar
@content
@mixin not-full-page
@include in-page-with-sidebar
@content
// Section Program
@mixin in-page-program
.programs__section &
@content
@mixin sticky($offset-y: 0)
position: sticky
top: $offset-y
@if $header-sticky-enabled
transition: top $header-sticky-transition
html:not(.is-scrolling-down) &
top: calc(var(--header-height) + #{$offset-y})
@mixin sidebar($side: start)
@include media-breakpoint-down(desktop)
padding: 0 half(var(--grid-gutter))
margin-bottom: $spacing3
@include media-breakpoint-up(desktop)
@if $side == start
@include container-margin-left
left: 0
@else
@include container-margin-right
right: 0
margin-top: 0
top: 0
height: 100%
position: absolute