We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent c9f84ce commit 866a39bCopy full SHA for 866a39b
src/scss/02-tools/_m-bg-fullwidth.scss
@@ -0,0 +1,23 @@
1
+/**
2
+ * Background fullwidth mixin in a container
3
+ */
4
+
5
+@mixin bg-fullwidth($color: $color-grey-100) {
6
+ position: relative;
7
8
+ &::before {
9
+ position: absolute;
10
+ top: 0;
11
+ left: 50%;
12
+ width: 100vw;
13
+ height: 100%;
14
+ pointer-events: none;
15
+ content: "";
16
+ background-color: $color;
17
+ transform: translateX(-50%);
18
19
+ @include style-only {
20
+ z-index: -1;
21
+ }
22
23
+}
src/scss/02-tools/tools.scss
@@ -32,3 +32,4 @@
32
@import "./m-sr-only";
33
@import "./m-style-only";
34
@import "./m-reduced-motion";
35
+@import "./m-bg-fullwidth";
0 commit comments