Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
"author": "John Otander",
"version": "4.9.5",
"style": "tachyons.scss",
"main": "tachyons.scss",
"scripts": {
"start": "node build.js",
"test": "ava",
Expand All @@ -25,7 +26,7 @@
"ava": "^3.15.0",
"css-scss": "^0.1.1",
"glob": "^7.1.3",
"node-sass": "^6.0.1",
"sass": "^1.43.2",
"standard": "^12.0.1"
}
}
7 changes: 4 additions & 3 deletions scss/_aspect-ratios.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "variables";

// Converted Variables

Expand Down Expand Up @@ -57,7 +58,7 @@
z-index: 100;
}

@media #{$breakpoint-not-small}{
@media #{variables.$breakpoint-not-small}{
.aspect-ratio-ns {
height: 0;
position: relative;
Expand Down Expand Up @@ -85,7 +86,7 @@
}
}

@media #{$breakpoint-medium}{
@media #{variables.$breakpoint-medium}{
.aspect-ratio-m {
height: 0;
position: relative;
Expand Down Expand Up @@ -113,7 +114,7 @@
}
}

@media #{$breakpoint-large}{
@media #{variables.$breakpoint-large}{
.aspect-ratio-l {
height: 0;
position: relative;
Expand Down
7 changes: 4 additions & 3 deletions scss/_background-position.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "variables";

// Converted Variables

Expand Down Expand Up @@ -51,7 +52,7 @@
background-position: center left;
}

@media #{$breakpoint-not-small} {
@media #{variables.$breakpoint-not-small} {
.bg-center-ns {
background-repeat: no-repeat;
background-position: center center;
Expand All @@ -78,7 +79,7 @@
}
}

@media #{$breakpoint-medium} {
@media #{variables.$breakpoint-medium} {
.bg-center-m {
background-repeat: no-repeat;
background-position: center center;
Expand All @@ -105,7 +106,7 @@
}
}

@media #{$breakpoint-large} {
@media #{variables.$breakpoint-large} {
.bg-center-l {
background-repeat: no-repeat;
background-position: center center;
Expand Down
7 changes: 4 additions & 3 deletions scss/_background-size.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "variables";

// Converted Variables

Expand Down Expand Up @@ -25,17 +26,17 @@
.cover { background-size: cover!important; }
.contain { background-size: contain!important; }

@media #{$breakpoint-not-small} {
@media #{variables.$breakpoint-not-small} {
.cover-ns { background-size: cover!important; }
.contain-ns { background-size: contain!important; }
}

@media #{$breakpoint-medium} {
@media #{variables.$breakpoint-medium} {
.cover-m { background-size: cover!important; }
.contain-m { background-size: contain!important; }
}

@media #{$breakpoint-large} {
@media #{variables.$breakpoint-large} {
.cover-l { background-size: cover!important; }
.contain-l { background-size: contain!important; }
}
131 changes: 66 additions & 65 deletions scss/_border-colors.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "variables";

// Converted Variables

Expand Down Expand Up @@ -25,69 +26,69 @@

*/

.b--black { border-color: $black; }
.b--near-black { border-color: $near-black; }
.b--dark-gray { border-color: $dark-gray; }
.b--mid-gray { border-color: $mid-gray; }
.b--gray { border-color: $gray; }
.b--silver { border-color: $silver; }
.b--light-silver { border-color: $light-silver; }
.b--moon-gray { border-color: $moon-gray; }
.b--light-gray { border-color: $light-gray; }
.b--near-white { border-color: $near-white; }
.b--white { border-color: $white; }

.b--white-90 { border-color: $white-90; }
.b--white-80 { border-color: $white-80; }
.b--white-70 { border-color: $white-70; }
.b--white-60 { border-color: $white-60; }
.b--white-50 { border-color: $white-50; }
.b--white-40 { border-color: $white-40; }
.b--white-30 { border-color: $white-30; }
.b--white-20 { border-color: $white-20; }
.b--white-10 { border-color: $white-10; }
.b--white-05 { border-color: $white-05; }
.b--white-025 { border-color: $white-025; }
.b--white-0125 { border-color: $white-0125; }

.b--black-90 { border-color: $black-90; }
.b--black-80 { border-color: $black-80; }
.b--black-70 { border-color: $black-70; }
.b--black-60 { border-color: $black-60; }
.b--black-50 { border-color: $black-50; }
.b--black-40 { border-color: $black-40; }
.b--black-30 { border-color: $black-30; }
.b--black-20 { border-color: $black-20; }
.b--black-10 { border-color: $black-10; }
.b--black-05 { border-color: $black-05; }
.b--black-025 { border-color: $black-025; }
.b--black-0125 { border-color: $black-0125; }

.b--dark-red { border-color: $dark-red; }
.b--red { border-color: $red; }
.b--light-red { border-color: $light-red; }
.b--orange { border-color: $orange; }
.b--gold { border-color: $gold; }
.b--yellow { border-color: $yellow; }
.b--light-yellow { border-color: $light-yellow; }
.b--purple { border-color: $purple; }
.b--light-purple { border-color: $light-purple; }
.b--dark-pink { border-color: $dark-pink; }
.b--hot-pink { border-color: $hot-pink; }
.b--pink { border-color: $pink; }
.b--light-pink { border-color: $light-pink; }
.b--dark-green { border-color: $dark-green; }
.b--green { border-color: $green; }
.b--light-green { border-color: $light-green; }
.b--navy { border-color: $navy; }
.b--dark-blue { border-color: $dark-blue; }
.b--blue { border-color: $blue; }
.b--light-blue { border-color: $light-blue; }
.b--lightest-blue { border-color: $lightest-blue; }
.b--washed-blue { border-color: $washed-blue; }
.b--washed-green { border-color: $washed-green; }
.b--washed-yellow { border-color: $washed-yellow; }
.b--washed-red { border-color: $washed-red; }

.b--transparent { border-color: $transparent; }
.b--black { border-color: variables.$black; }
.b--near-black { border-color: variables.$near-black; }
.b--dark-gray { border-color: variables.$dark-gray; }
.b--mid-gray { border-color: variables.$mid-gray; }
.b--gray { border-color: variables.$gray; }
.b--silver { border-color: variables.$silver; }
.b--light-silver { border-color: variables.$light-silver; }
.b--moon-gray { border-color: variables.$moon-gray; }
.b--light-gray { border-color: variables.$light-gray; }
.b--near-white { border-color: variables.$near-white; }
.b--white { border-color: variables.$white; }

.b--white-90 { border-color: variables.$white-90; }
.b--white-80 { border-color: variables.$white-80; }
.b--white-70 { border-color: variables.$white-70; }
.b--white-60 { border-color: variables.$white-60; }
.b--white-50 { border-color: variables.$white-50; }
.b--white-40 { border-color: variables.$white-40; }
.b--white-30 { border-color: variables.$white-30; }
.b--white-20 { border-color: variables.$white-20; }
.b--white-10 { border-color: variables.$white-10; }
.b--white-05 { border-color: variables.$white-05; }
.b--white-025 { border-color: variables.$white-025; }
.b--white-0125 { border-color: variables.$white-0125; }

.b--black-90 { border-color: variables.$black-90; }
.b--black-80 { border-color: variables.$black-80; }
.b--black-70 { border-color: variables.$black-70; }
.b--black-60 { border-color: variables.$black-60; }
.b--black-50 { border-color: variables.$black-50; }
.b--black-40 { border-color: variables.$black-40; }
.b--black-30 { border-color: variables.$black-30; }
.b--black-20 { border-color: variables.$black-20; }
.b--black-10 { border-color: variables.$black-10; }
.b--black-05 { border-color: variables.$black-05; }
.b--black-025 { border-color: variables.$black-025; }
.b--black-0125 { border-color: variables.$black-0125; }

.b--dark-red { border-color: variables.$dark-red; }
.b--red { border-color: variables.$red; }
.b--light-red { border-color: variables.$light-red; }
.b--orange { border-color: variables.$orange; }
.b--gold { border-color: variables.$gold; }
.b--yellow { border-color: variables.$yellow; }
.b--light-yellow { border-color: variables.$light-yellow; }
.b--purple { border-color: variables.$purple; }
.b--light-purple { border-color: variables.$light-purple; }
.b--dark-pink { border-color: variables.$dark-pink; }
.b--hot-pink { border-color: variables.$hot-pink; }
.b--pink { border-color: variables.$pink; }
.b--light-pink { border-color: variables.$light-pink; }
.b--dark-green { border-color: variables.$dark-green; }
.b--green { border-color: variables.$green; }
.b--light-green { border-color: variables.$light-green; }
.b--navy { border-color: variables.$navy; }
.b--dark-blue { border-color: variables.$dark-blue; }
.b--blue { border-color: variables.$blue; }
.b--light-blue { border-color: variables.$light-blue; }
.b--lightest-blue { border-color: variables.$lightest-blue; }
.b--washed-blue { border-color: variables.$washed-blue; }
.b--washed-green { border-color: variables.$washed-green; }
.b--washed-yellow { border-color: variables.$washed-yellow; }
.b--washed-red { border-color: variables.$washed-red; }

.b--transparent { border-color: variables.$transparent; }
.b--inherit { border-color: inherit; }
63 changes: 32 additions & 31 deletions scss/_border-radius.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "variables";

// Converted Variables

Expand Down Expand Up @@ -31,13 +32,13 @@

*/

.br0 { border-radius: $border-radius-none }
.br1 { border-radius: $border-radius-1; }
.br2 { border-radius: $border-radius-2; }
.br3 { border-radius: $border-radius-3; }
.br4 { border-radius: $border-radius-4; }
.br-100 { border-radius: $border-radius-circle; }
.br-pill { border-radius: $border-radius-pill; }
.br0 { border-radius: variables.$border-radius-none }
.br1 { border-radius: variables.$border-radius-1; }
.br2 { border-radius: variables.$border-radius-2; }
.br3 { border-radius: variables.$border-radius-3; }
.br4 { border-radius: variables.$border-radius-4; }
.br-100 { border-radius: variables.$border-radius-circle; }
.br-pill { border-radius: variables.$border-radius-pill; }
.br--bottom {
border-top-left-radius: 0;
border-top-right-radius: 0;
Expand All @@ -55,14 +56,14 @@
border-bottom-right-radius: 0;
}

@media #{$breakpoint-not-small} {
.br0-ns { border-radius: $border-radius-none }
.br1-ns { border-radius: $border-radius-1; }
.br2-ns { border-radius: $border-radius-2; }
.br3-ns { border-radius: $border-radius-3; }
.br4-ns { border-radius: $border-radius-4; }
.br-100-ns { border-radius: $border-radius-circle; }
.br-pill-ns { border-radius: $border-radius-pill; }
@media #{variables.$breakpoint-not-small} {
.br0-ns { border-radius: variables.$border-radius-none }
.br1-ns { border-radius: variables.$border-radius-1; }
.br2-ns { border-radius: variables.$border-radius-2; }
.br3-ns { border-radius: variables.$border-radius-3; }
.br4-ns { border-radius: variables.$border-radius-4; }
.br-100-ns { border-radius: variables.$border-radius-circle; }
.br-pill-ns { border-radius: variables.$border-radius-pill; }
.br--bottom-ns {
border-top-left-radius: 0;
border-top-right-radius: 0;
Expand All @@ -81,14 +82,14 @@
}
}

@media #{$breakpoint-medium} {
.br0-m { border-radius: $border-radius-none }
.br1-m { border-radius: $border-radius-1; }
.br2-m { border-radius: $border-radius-2; }
.br3-m { border-radius: $border-radius-3; }
.br4-m { border-radius: $border-radius-4; }
.br-100-m { border-radius: $border-radius-circle; }
.br-pill-m { border-radius: $border-radius-pill; }
@media #{variables.$breakpoint-medium} {
.br0-m { border-radius: variables.$border-radius-none }
.br1-m { border-radius: variables.$border-radius-1; }
.br2-m { border-radius: variables.$border-radius-2; }
.br3-m { border-radius: variables.$border-radius-3; }
.br4-m { border-radius: variables.$border-radius-4; }
.br-100-m { border-radius: variables.$border-radius-circle; }
.br-pill-m { border-radius: variables.$border-radius-pill; }
.br--bottom-m {
border-top-left-radius: 0;
border-top-right-radius: 0;
Expand All @@ -107,14 +108,14 @@
}
}

@media #{$breakpoint-large} {
.br0-l { border-radius: $border-radius-none }
.br1-l { border-radius: $border-radius-1; }
.br2-l { border-radius: $border-radius-2; }
.br3-l { border-radius: $border-radius-3; }
.br4-l { border-radius: $border-radius-4; }
.br-100-l { border-radius: $border-radius-circle; }
.br-pill-l { border-radius: $border-radius-pill; }
@media #{variables.$breakpoint-large} {
.br0-l { border-radius: variables.$border-radius-none }
.br1-l { border-radius: variables.$border-radius-1; }
.br2-l { border-radius: variables.$border-radius-2; }
.br3-l { border-radius: variables.$border-radius-3; }
.br4-l { border-radius: variables.$border-radius-4; }
.br-100-l { border-radius: variables.$border-radius-circle; }
.br-pill-l { border-radius: variables.$border-radius-pill; }
.br--bottom-l {
border-top-left-radius: 0;
border-top-right-radius: 0;
Expand Down
7 changes: 4 additions & 3 deletions scss/_border-style.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
@use "variables";

// Converted Variables

Expand Down Expand Up @@ -33,21 +34,21 @@
.b--solid { border-style: solid; }
.b--none { border-style: none; }

@media #{$breakpoint-not-small} {
@media #{variables.$breakpoint-not-small} {
.b--dotted-ns { border-style: dotted; }
.b--dashed-ns { border-style: dashed; }
.b--solid-ns { border-style: solid; }
.b--none-ns { border-style: none; }
}

@media #{$breakpoint-medium} {
@media #{variables.$breakpoint-medium} {
.b--dotted-m { border-style: dotted; }
.b--dashed-m { border-style: dashed; }
.b--solid-m { border-style: solid; }
.b--none-m { border-style: none; }
}

@media #{$breakpoint-large} {
@media #{variables.$breakpoint-large} {
.b--dotted-l { border-style: dotted; }
.b--dashed-l { border-style: dashed; }
.b--solid-l { border-style: solid; }
Expand Down
Loading