-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathbackground.scss
More file actions
92 lines (92 loc) · 2.19 KB
/
Copy pathbackground.scss
File metadata and controls
92 lines (92 loc) · 2.19 KB
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
.background {
// Background attachment
//
// The background-attachment property sets whether a background
// image scrolls with the rest of the page, or is fixed.
@if ($config-background-attachment) {
@each $attachment in $background-attachments {
&-attachment {
&--#{$attachment} {
background-attachment: $attachment
}
}
}
}
// Background blend mode
//
// The background-blend-mode property defines the blending mode
// of each background layer (color and/or image).
@if ($config-background-blend-mode) {
@each $blend in $blend-modes {
&-blend-mode {
&--#{$blend} {
background-blend-mode: $blend
}
}
}
}
// Background color
//
// he background-color property sets the background color
// of an element.
@if ($config-background-color) {
@each $value, $color in $colors {
&-color {
&--#{$value} {
background-color: $color
}
}
}
}
// Background clip
//
// The background-clip property defines how far
// the background (color or image) should extend within an element.
@if ($config-background-clip) {
@each $clip in $background-clips {
&-clip {
&--#{$clip} {
background-clip: $clip
}
}
}
}
// Background origin
//
// The background-origin property specifies the origin position (the
// background positioning area) of a background image.
@if ($config-background-origin) {
@each $origin in $background-origins {
&-origin {
&--#{$origin} {
background-origin: $origin
}
}
}
}
// Background repeat
//
// The background-repeat property sets if/how a background image
// will be repeated.
@if ($config-background-repeat) {
@each $repeat in $background-repeats {
&-repeat {
&--#{$repeat} {
background-repeat: $repeat
}
}
}
}
// Background size
//
// The background-size property specifies the size of the background images.
@if ($config-background-size) {
@each $size in $background-sizes {
&-size {
&--#{$size} {
background-size: $size
}
}
}
}
}