full-width utility class
This commit is contained in:
parent
9c659aec12
commit
49ab3c3c0a
2 changed files with 18 additions and 0 deletions
|
|
@ -32,6 +32,7 @@
|
||||||
@import "agaric/base.form";
|
@import "agaric/base.form";
|
||||||
@import "agaric/base.blockquote";
|
@import "agaric/base.blockquote";
|
||||||
@import "agaric/bulma.missing";
|
@import "agaric/bulma.missing";
|
||||||
|
@import "agaric/utilities";
|
||||||
|
|
||||||
|
|
||||||
// Layout
|
// Layout
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,17 @@
|
||||||
|
/* Full Width classes and mixins
|
||||||
|
-----------------------------------------------------------
|
||||||
|
*/
|
||||||
|
|
||||||
|
@mixin full-width {
|
||||||
|
width: 100vw;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
right: 50%;
|
||||||
|
margin-left: -50vw !important;
|
||||||
|
margin-right: -50vw !important;
|
||||||
|
max-height: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.full-width {
|
||||||
|
@include full-width;
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue