stellarskylark/tachyons-skylark
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add rotations. Change file name to nested.

Browse source
This commit is contained in:
mrmrs 2016-11-17 17:59:38 +00:00
parent bb246f6a34
commit 872378e7aa
4 changed files with 45 additions and 3170 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3169
css/tachyons.css
View file

File diff suppressed because it is too large Load diff

0
src/_children.css → src/_nested.css
View file

43
src/_rotations.css Normal file
View file

@ -0,0 +1,43 @@
/*
ROTATIONS
*/
.rotate-45 { transform: rotate(45deg); }
.rotate-90 { transform: rotate(90deg); }
.rotate-135 { transform: rotate(135deg); }
.rotate-180 { transform: rotate(180deg); }
.rotate-225 { transform: rotate(225deg); }
.rotate-270 { transform: rotate(270deg); }
.rotate-315 { transform: rotate(315deg); }
@media (--breakpoint-not-small){
.rotate-45-ns { transform: rotate(45deg); }
.rotate-90-ns { transform: rotate(90deg); }
.rotate-135-ns { transform: rotate(135deg); }
.rotate-180-ns { transform: rotate(180deg); }
.rotate-225-ns { transform: rotate(225deg); }
.rotate-270-ns { transform: rotate(270deg); }
.rotate-315-ns { transform: rotate(315deg); }
}
@media (--breakpoint-medium){
.rotate-45-m { transform: rotate(45deg); }
.rotate-90-m { transform: rotate(90deg); }
.rotate-135-m { transform: rotate(135deg); }
.rotate-180-m { transform: rotate(180deg); }
.rotate-225-m { transform: rotate(225deg); }
.rotate-270-m { transform: rotate(270deg); }
.rotate-315-m { transform: rotate(315deg); }
}
@media (--breakpoint-large){
.rotate-45-l { transform: rotate(45deg); }
.rotate-90-l { transform: rotate(90deg); }
.rotate-135-l { transform: rotate(135deg); }
.rotate-180-l { transform: rotate(180deg); }
.rotate-225-l { transform: rotate(225deg); }
.rotate-270-l { transform: rotate(270deg); }
.rotate-315-l { transform: rotate(315deg); }
}

3
src/tachyons.css
View file

@ -61,6 +61,7 @@
@import './_overflow';
@import './_position';
@import './_opacity';
@import './_rotations';
@import './_skins';
@import './_skins-pseudo';
@import './_spacing';
@ -77,7 +78,7 @@
@import './_vertical-align';
@import './_hovers';
@import './_z-index';
@import './_children';
@import './_nested';
@import './_styles';
/* Variables */