tailwindcss/src/utilities/position.less
2017-08-03 08:17:02 -04:00

24 lines
522 B
Text

.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%; }
.responsive({
&fixed { .fixed; }
&absolute { .absolute; }
&relative { .relative; }
&pin-t { .pin-t; }
&pin-r { .pin-r; }
&pin-b { .pin-b; }
&pin-l { .pin-l; }
&pin-y { .pin-y; }
&pin-x { .pin-x; }
&pin { .pin; }
});