Make position utility file.

This commit is contained in:
Jonathan Reinink 2017-07-31 18:59:06 -04:00
parent c2e5cb4a7e
commit f0a1188050
3 changed files with 16 additions and 17 deletions

View File

@ -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";

View File

@ -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 {

View 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%; }