Make position utility file.
This commit is contained in:
parent
c2e5cb4a7e
commit
f0a1188050
3 changed files with 16 additions and 17 deletions
|
|
@ -1,10 +1,11 @@
|
|||
@import "utilities/backgrounds";
|
||||
@import "utilities/layout";
|
||||
@import "utilities/z-index";
|
||||
@import "utilities/spacing";
|
||||
@import "utilities/borders";
|
||||
@import "utilities/flex";
|
||||
@import "utilities/layout";
|
||||
@import "utilities/links";
|
||||
@import "utilities/text";
|
||||
@import "utilities/misc";
|
||||
@import "utilities/position";
|
||||
@import "utilities/spacing";
|
||||
@import "utilities/text";
|
||||
@import "utilities/vue";
|
||||
@import "utilities/z-index";
|
||||
|
|
|
|||
|
|
@ -119,19 +119,6 @@
|
|||
&hidden { .hidden; }
|
||||
});
|
||||
|
||||
// Position
|
||||
.fixed { position: fixed; }
|
||||
.absolute { position: absolute; }
|
||||
.relative { position: relative; }
|
||||
|
||||
.pin-t { top: 0; }
|
||||
.pin-r { right: 0; }
|
||||
.pin-b { bottom: 0; }
|
||||
.pin-l { left: 0; }
|
||||
.pin-y { .pin-t; .pin-b; }
|
||||
.pin-x { .pin-l; .pin-r; }
|
||||
.pin { .pin-y; .pin-x; width: 100%; height: 100%; }
|
||||
|
||||
.mask { overflow: hidden; }
|
||||
|
||||
.aspect-2\:1 {
|
||||
|
|
|
|||
11
src/utilities/position.less
Normal file
11
src/utilities/position.less
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
.fixed { position: fixed; }
|
||||
.absolute { position: absolute; }
|
||||
.relative { position: relative; }
|
||||
|
||||
.pin-t { top: 0; }
|
||||
.pin-r { right: 0; }
|
||||
.pin-b { bottom: 0; }
|
||||
.pin-l { left: 0; }
|
||||
.pin-y { .pin-t; .pin-b; }
|
||||
.pin-x { .pin-l; .pin-r; }
|
||||
.pin { .pin-y; .pin-x; width: 100%; height: 100%; }
|
||||
Loading…
Add table
Add a link
Reference in a new issue