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.blockquote";
|
||||
@import "agaric/bulma.missing";
|
||||
@import "agaric/utilities";
|
||||
|
||||
|
||||
// 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