archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Remove ported less files

Browse Source
This commit is contained in:
Adam Wathan 2017-08-27 18:51:34 -04:00
parent 6f7a0766a2
commit cd136e5e19
28 changed files with 0 additions and 1111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/_less/done/colors.less
View File

@ -1,55 +0,0 @@
@color-black: #000000;
@color-grey-900: #212b35;
@color-grey-800: #404e5c;
@color-grey-700: #647382;
@color-grey-600: #919eab;
@color-grey-500: #c5ced6;
@color-grey-400: #dfe3e8;
@color-grey-300: #f0f2f5;
@color-grey-200: #f7f9fa;
@color-white: #ffffff;
@color-red-dark: #d43633;
@color-red: #f25451;
@color-red-light: #fa8785;
@color-red-lightest: #fff1f0;
@color-orange-dark: #f29500;
@color-orange: #ffb82b;
@color-orange-light: #ffd685;
@color-orange-lightest: #fff8eb;
@color-yellow-dark: #ffc400;
@color-yellow: #ffe14a;
@color-yellow-light: #ffea83;
@color-yellow-lightest: #fffbe5;
@color-green-dark: #34ae4c;
@color-green: #57d06f;
@color-green-light: #b1f3be;
@color-green-lightest: #eefff1;
@color-teal-dark: #249e9a;
@color-teal: #4dc0b5;
@color-teal-light: #9eebe4;
@color-teal-lightest: #eefffd;
@color-blue-dark: #3687c8;
@color-blue: #4aa2ea;
@color-blue-light: #acdaff;
@color-blue-lightest: #f1f9ff;
@color-indigo-dark: #4957a5;
@color-indigo: #6574cd;
@color-indigo-light: #bcc5fb;
@color-indigo-lightest: #f4f5ff;
@color-purple-dark: #714cb4;
@color-purple: #976ae6;
@color-purple-light: #ceb3ff;
@color-purple-lightest: #f7f3ff;
@color-pink-dark: #d84f7d;
@color-pink: #f66d9b;
@color-pink-light: #ffa5c3;
@color-pink-lightest: #fdf2f5;

23
src/_less/generators.less
View File

@ -1,23 +0,0 @@
@import "generators/_helpers";
@import "generators/_matching";
@import "generators/_responsive";
@import "generators/_utility-variants";
@import "generators/backgrounds";
@import "generators/backgrounds-hover";
@import "generators/border-colors";
@import "generators/border-colors-hover";
@import "generators/border-radius";
@import "generators/border-widths";
@import "generators/constrain";
@import "generators/shadows";
@import "generators/sizing";
@import "generators/spacing-padding";
@import "generators/spacing-margin";
@import "generators/spacing-pull";
@import "generators/text-colors";
@import "generators/text-colors-hover";
@import "generators/text-leading";
@import "generators/text-sizes";
@import "generators/text-tracking";
@import "generators/text-weights";

18
src/_less/generators/done/backgrounds.less
View File

@ -1,18 +0,0 @@
.define-bg-colors(@variants) {
.generate-utility-variants('bg'; @variants; {
background-color: extract(@__variant-value, 2);
});
}
.define-bg-colors(@variants; none) {
.define-bg-colors(@variants);
}
.define-bg-colors(@variants; @screens) when not (@screens = none) {
.define-bg-colors(@variants);
.generate-responsive-utility-variants('bg'; @variants; @screens; {
background-color: extract(@__variant-value, 2);
});
}

18
src/_less/generators/done/border-colors.less
View File

@ -1,18 +0,0 @@
.define-border-colors(@variants) {
.generate-utility-variants('border'; @variants; {
border-color: extract(@__variant-value, 2);
});
}
.define-border-colors(@variants; none) {
.define-border-colors(@variants);
}
.define-border-colors(@variants; @screens) when not (@screens = none) {
.define-border-colors(@variants);
.generate-responsive-utility-variants('border'; @variants; @screens; {
border-color: extract(@__variant-value, 2);
});
}

90
src/_less/generators/done/border-radius.less
View File

@ -1,90 +0,0 @@
.generate-rounded-border-utility(@variant; @radius) {
.generate-utility-variant('rounded'; @variant; {
border-radius: @radius;
});
.generate-utility-variant('rounded-t'; @variant; {
border-top-left-radius: @radius;
border-top-right-radius: @radius;
});
.generate-utility-variant('rounded-r'; @variant; {
border-top-right-radius: @radius;
border-bottom-right-radius: @radius;
});
.generate-utility-variant('rounded-b'; @variant; {
border-bottom-right-radius: @radius;
border-bottom-left-radius: @radius;
});
.generate-utility-variant('rounded-l'; @variant; {
border-bottom-left-radius: @radius;
border-top-left-radius: @radius;
});
}
.generate-rounded-border-utilities(@rounded-border-scale; @i: 1) when (@i <= length(@rounded-border-scale)) {
@variant: extract(@rounded-border-scale, @i);
@radius: extract(@variant, 2);
.generate-rounded-border-utility(@variant; @radius);
.generate-rounded-border-utilities(@rounded-border-scale; @i + 1);
}
.generate-screen-rounded-border-utility(@variant; @radius; @screen-name) {
@prefix: ~"@{screen-name}\:";
.generate-utility-variant(~"@{prefix}rounded"; @variant; {
border-radius: @radius;
});
.generate-utility-variant(~"@{prefix}rounded-t"; @variant; {
border-top-left-radius: @radius;
border-top-right-radius: @radius;
});
.generate-utility-variant(~"@{prefix}rounded-r"; @variant; {
border-top-right-radius: @radius;
border-bottom-right-radius: @radius;
});
.generate-utility-variant(~"@{prefix}rounded-b"; @variant; {
border-bottom-right-radius: @radius;
border-bottom-left-radius: @radius;
});
.generate-utility-variant(~"@{prefix}rounded-l"; @variant; {
border-bottom-left-radius: @radius;
border-top-left-radius: @radius;
});
}
.generate-screen-rounded-border-utilities(@rounded-border-scale; @screen-name; @i: 1) when (@i <= length(@rounded-border-scale)) {
@variant: extract(@rounded-border-scale, @i);
@rounded-border: extract(@variant, 2);
.generate-screen-rounded-border-utility(@variant; @rounded-border; @screen-name);
.generate-screen-rounded-border-utilities(@rounded-border-scale; @screen-name; (@i + 1));
}
.generate-responsive-rounded-border-utilities(@rounded-border-scale; @i: 1) when (@i <= length(@screens)) {
@screen: extract(@screens, @i);
@screen-name: extract(@screen, 1);
@screen-width: extract(@screen, 2);
@media (min-width: @screen-width) {
.generate-screen-rounded-border-utilities(@rounded-border-scale; @screen-name);
}
.generate-responsive-rounded-border-utilities(@rounded-border-scale; @i + 1);
}
.define-rounded-borders(@rounded-border-scale) {
& {
.generate-rounded-border-utilities(@rounded-border-scale);
}
}
.define-rounded-borders(@rounded-border-scale; none) {
.define-rounded-borders(@rounded-border-scale);
}
.define-rounded-borders(@rounded-border-scale; @screens) when not (@screens = none) {
& {
.generate-rounded-border-utilities(@rounded-border-scale);
.generate-responsive-rounded-border-utilities(@rounded-border-scale);
}
}

100
src/_less/generators/done/border-widths.less
View File

@ -1,100 +0,0 @@
.generate-border-width-utility(@variant; 0; @border-color) {
.generate-utility-variant('border'; @variant; { border: 0; });
.generate-utility-variant('border-t'; @variant; { border-top: 0; });
.generate-utility-variant('border-r'; @variant; { border-right: 0; });
.generate-utility-variant('border-b'; @variant; { border-bottom: 0; });
.generate-utility-variant('border-l'; @variant; { border-left: 0; });
}
.generate-border-width-utility(@variant; @border-width; @border-color) when not (@border-width = 0) {
.generate-utility-variant('border'; @variant; {
border: @border-width solid @border-color;
});
.generate-utility-variant('border-t'; @variant; {
border-top: @border-width solid @border-color;
});
.generate-utility-variant('border-r'; @variant; {
border-right: @border-width solid @border-color;
});
.generate-utility-variant('border-b'; @variant; {
border-bottom: @border-width solid @border-color;
});
.generate-utility-variant('border-l'; @variant; {
border-left: @border-width solid @border-color;
});
}
.generate-border-width-utilities(@border-width-scale; @border-color; @i: 1) when (@i <= length(@border-width-scale)) {
@variant: extract(@border-width-scale, @i);
@border-width: extract(@variant, 2);
.generate-border-width-utility(@variant; @border-width; @border-color);
.generate-border-width-utilities(@border-width-scale; @border-color; @i + 1);
}
.generate-screen-border-width-utility(@variant; 0; @border-color; @screen-name) {
@prefix: ~"@{screen-name}\:";
.generate-utility-variant(~"@{prefix}border"; @variant; { border: 0; });
.generate-utility-variant(~"@{prefix}border-t"; @variant; { border-top: 0; });
.generate-utility-variant(~"@{prefix}border-r"; @variant; { border-right: 0; });
.generate-utility-variant(~"@{prefix}border-b"; @variant; { border-bottom: 0; });
.generate-utility-variant(~"@{prefix}border-l"; @variant; { border-left: 0; });
}
.generate-screen-border-width-utility(@variant; @border-width; @border-color; @screen-name) when not (@border-width = 0) {
@prefix: ~"@{screen-name}\:";
.generate-utility-variant(~"@{prefix}border"; @variant; {
border: @border-width solid @border-color;
});
.generate-utility-variant(~"@{prefix}border-t"; @variant; {
border-top: @border-width solid @border-color;
});
.generate-utility-variant(~"@{prefix}border-r"; @variant; {
border-right: @border-width solid @border-color;
});
.generate-utility-variant(~"@{prefix}border-b"; @variant; {
border-bottom: @border-width solid @border-color;
});
.generate-utility-variant(~"@{prefix}border-l"; @variant; {
border-left: @border-width solid @border-color;
});
}
.generate-screen-border-width-utilities(@border-width-scale; @border-color; @screen-name; @i: 1) when (@i <= length(@border-width-scale)) {
@variant: extract(@border-width-scale, @i);
@border-width: extract(@variant, 2);
.generate-screen-border-width-utility(@variant; @border-width; @border-color; @screen-name);
.generate-screen-border-width-utilities(@border-width-scale; @border-color; @screen-name; (@i + 1));
}
.generate-responsive-border-width-utilities(@border-width-scale; @border-color; @i: 1) when (@i <= length(@screens)) {
@screen: extract(@screens, @i);
@screen-name: extract(@screen, 1);
@screen-width: extract(@screen, 2);
@media (min-width: @screen-width) {
.generate-screen-border-width-utilities(@border-width-scale; @border-color; @screen-name);
}
.generate-responsive-border-width-utilities(@border-width-scale; @border-color; @i + 1);
}
.define-border-widths(@border-width-scale; @border-color) {
& {
.generate-border-width-utilities(@border-width-scale; @border-color);
}
}
.define-border-widths(@border-width-scale; @border-color; none) {
.define-border-widths(@border-width-scale; @border-color);
}
.define-border-widths(@border-width-scale; @border-color; @screens) when not (@screens = none) {
& {
.generate-border-width-utilities(@border-width-scale; @border-color);
.generate-responsive-border-width-utilities(@border-width-scale; @border-color);
}
}

16
src/_less/generators/done/constrain.less
View File

@ -1,16 +0,0 @@
.define-constrains(@variants) {
.generate-utility-variants('constrain'; @variants; {
max-width: extract(@__variant-value, 2);
});
}
.define-constrains(@variants; none) {
.define-constrains(@variants);
}
.define-constrains(@variants; @screens) when not (@screens = none) {
.define-constrains(@variants);
.generate-responsive-utility-variants('constrain'; @variants; @screens; {
max-width: extract(@__variant-value, 2);
});
}

16
src/_less/generators/done/shadows.less
View File

@ -1,16 +0,0 @@
.define-shadow-utilities(@variants) {
.generate-utility-variants('shadow'; @variants; {
box-shadow: extract(@__variant-value, 2);
});
}
.define-shadow-utilities(@variants; none) {
.define-shadow-utilities(@variants);
}
.define-shadow-utilities(@variants; @screens) when not (@screens = none) {
.define-shadow-utilities(@variants);
.generate-responsive-utility-variants('shadow'; @variants; @screens; {
box-shadow: extract(@__variant-value, 2);
});
}

33
src/_less/generators/done/sizing.less
View File

@ -1,33 +0,0 @@
.define-width-utilities(@variants) {
.generate-utility-variants('w'; @variants; {
width: extract(@__variant-value, 2);
});
}
.define-width-utilities(@variants; none) {
.define-width-utilities(@variants);
}
.define-width-utilities(@variants; @screens) when not (@screens = none) {
.define-width-utilities(@variants);
.generate-responsive-utility-variants('w'; @variants; @screens; {
width: extract(@__variant-value, 2);
});
}
.define-height-utilities(@variants) {
.generate-utility-variants('h'; @variants; {
height: extract(@__variant-value, 2);
});
}
.define-height-utilities(@variants; none) {
.define-height-utilities(@variants);
}
.define-height-utilities(@variants; @screens) when not (@screens = none) {
.define-height-utilities(@variants);
.generate-responsive-utility-variants('h'; @variants; @screens; {
height: extract(@__variant-value, 2);
});
}

87
src/_less/generators/done/spacing-margin.less
View File

@ -1,87 +0,0 @@
.generate-margin-utilities(@margin-scale; @i: 1) when (@i <= length(@margin-scale)) {
@spacer: extract(@margin-scale, @i);
@n: extract(@spacer, 1);
@size: extract(@spacer, 2);
.define-class(~"mt-@{n}", { margin-top: @size; });
.define-class(~"mr-@{n}", { margin-right: @size; });
.define-class(~"mb-@{n}", { margin-bottom: @size; });
.define-class(~"ml-@{n}", { margin-left: @size; });
.define-class(~"my-@{n}", {
margin-top: @size;
margin-bottom: @size;
});
.define-class(~"mx-@{n}", {
margin-right: @size;
margin-left: @size;
});
.define-class(~"m-@{n}", {
margin-top: @size;
margin-right: @size;
margin-bottom: @size;
margin-left: @size;
});
.generate-margin-utilities(@margin-scale; @i + 1);
}
.generate-screen-margin-utilities(@margin-scale; @screen; @i: 1) when (@i <= length(@margin-scale)) {
@prefix: ~"@{screen}\:";
@spacer: extract(@margin-scale, @i);
@n: extract(@spacer, 1);
@size: extract(@spacer, 2);
.define-class(~"@{prefix}mt-@{n}", { margin-top: @size; });
.define-class(~"@{prefix}mr-@{n}", { margin-right: @size; });
.define-class(~"@{prefix}mb-@{n}", { margin-bottom: @size; });
.define-class(~"@{prefix}ml-@{n}", { margin-left: @size; });
.define-class(~"@{prefix}my-@{n}", {
margin-top: @size;
margin-bottom: @size;
});
.define-class(~"@{prefix}mx-@{n}", {
margin-right: @size;
margin-left: @size;
});
.define-class(~"@{prefix}m-@{n}", {
margin-top: @size;
margin-right: @size;
margin-bottom: @size;
margin-left: @size;
});
.generate-screen-margin-utilities(@margin-scale; @screen; (@i + 1));
}
.generate-responsive-margin-utilities(@margin-scale; @screens; @i: 1) when (@i <= length(@screens)) {
@screen: extract(@screens, @i);
@name: extract(@screen, 1);
@screen-width: extract(@screen, 2);
@media (min-width: @screen-width) {
@prefix: ~"@{name}\:";
.@{prefix}ml-auto { margin-left: auto; }
.@{prefix}mr-auto { margin-right: auto; }
.@{prefix}mx-auto { margin-left: auto; margin-right: auto; }
.generate-screen-margin-utilities(@margin-scale; @name);
}
.generate-responsive-margin-utilities(@margin-scale; @screens; @i + 1);
}
.define-margin-utilities(@margin-scale) {
.ml-auto { margin-left: auto; }
.mr-auto { margin-right: auto; }
.mx-auto { margin-left: auto; margin-right: auto; }
.generate-margin-utilities(@margin-scale);
}
.define-margin-utilities(@margin-scale; none) {
.define-margin-utilities(@margin-scale);
}
.define-margin-utilities(@margin-scale; @screens) when not (@screens = none) {
.define-margin-utilities(@margin-scale);
.generate-responsive-margin-utilities(@margin-scale; @screens);
}

80
src/_less/generators/done/spacing-padding.less
View File

@ -1,80 +0,0 @@
.generate-padding-utilities(@padding-scale; @i: 1) when (@i <= length(@padding-scale)) {
@spacer: extract(@padding-scale, @i);
@n: extract(@spacer, 1);
@size: extract(@spacer, 2);
.define-class(~"pt-@{n}", { padding-top: @size; });
.define-class(~"pr-@{n}", { padding-right: @size; });
.define-class(~"pb-@{n}", { padding-bottom: @size; });
.define-class(~"pl-@{n}", { padding-left: @size; });
.define-class(~"py-@{n}", {
padding-top: @size;
padding-bottom: @size;
});
.define-class(~"px-@{n}", {
padding-right: @size;
padding-left: @size;
});
.define-class(~"p-@{n}", {
padding-top: @size;
padding-right: @size;
padding-bottom: @size;
padding-left: @size;
});
.generate-padding-utilities(@padding-scale; @i + 1);
}
.generate-screen-padding-utilities(@padding-scale; @screen; @i: 1) when (@i <= length(@padding-scale)) {
@prefix: ~"@{screen}\:";
@spacer: extract(@padding-scale, @i);
@n: extract(@spacer, 1);
@size: extract(@spacer, 2);
.define-class(~"@{prefix}pt-@{n}", { padding-top: @size; });
.define-class(~"@{prefix}pr-@{n}", { padding-right: @size; });
.define-class(~"@{prefix}pb-@{n}", { padding-bottom: @size; });
.define-class(~"@{prefix}pl-@{n}", { padding-left: @size; });
.define-class(~"@{prefix}py-@{n}", {
padding-top: @size;
padding-bottom: @size;
});
.define-class(~"@{prefix}px-@{n}", {
padding-right: @size;
padding-left: @size;
});
.define-class(~"@{prefix}p-@{n}", {
padding-top: @size;
padding-right: @size;
padding-bottom: @size;
padding-left: @size;
});
.generate-screen-padding-utilities(@padding-scale; @screen; (@i + 1));
}
.generate-responsive-padding-utilities(@padding-scale; @screens; @i: 1) when (@i <= length(@screens)) {
@screen: extract(@screens, @i);
@name: extract(@screen, 1);
@screen-width: extract(@screen, 2);
@media (min-width: @screen-width) {
.generate-screen-padding-utilities(@padding-scale; @name);
}
.generate-responsive-padding-utilities(@padding-scale; @screens; @i + 1);
}
.define-padding-utilities(@padding-scale) {
.generate-padding-utilities(@padding-scale);
}
.define-padding-utilities(@padding-scale; none) {
.define-padding-utilities(@padding-scale);
}
.define-padding-utilities(@padding-scale; @screens) when not (@screens = none) {
.define-padding-utilities(@padding-scale);
.generate-responsive-padding-utilities(@padding-scale; @screens);
}

80
src/_less/generators/done/spacing-pull.less
View File

@ -1,80 +0,0 @@
.generate-pull-utilities(@pull-scale; @i: 1) when (@i <= length(@pull-scale)) {
@spacer: extract(@pull-scale, @i);
@n: extract(@spacer, 1);
@size: extract(@spacer, 2);
.define-class(~"pull-t-@{n}", { margin-top: ~"-@{size}"; });
.define-class(~"pull-r-@{n}", { margin-right: ~"-@{size}"; });
.define-class(~"pull-b-@{n}", { margin-bottom: ~"-@{size}"; });
.define-class(~"pull-l-@{n}", { margin-left: ~"-@{size}"; });
.define-class(~"pull-y-@{n}", {
margin-top: ~"-@{size}";
margin-bottom: ~"-@{size}";
});
.define-class(~"pull-x-@{n}", {
margin-right: ~"-@{size}";
margin-left: ~"-@{size}";
});
.define-class(~"pull-@{n}", {
margin-top: ~"-@{size}";
margin-right: ~"-@{size}";
margin-bottom: ~"-@{size}";
margin-left: ~"-@{size}";
});
.generate-pull-utilities(@pull-scale; @i + 1);
}
.generate-screen-pull-utilities(@pull-scale; @screen; @i: 1) when (@i <= length(@pull-scale)) {
@prefix: ~"@{screen}\:";
@spacer: extract(@pull-scale, @i);
@n: extract(@spacer, 1);
@size: extract(@spacer, 2);
.define-class(~"@{prefix}pull-t-@{n}", { margin-top: ~"-@{size}"; });
.define-class(~"@{prefix}pull-r-@{n}", { margin-right: ~"-@{size}"; });
.define-class(~"@{prefix}pull-b-@{n}", { margin-bottom: ~"-@{size}"; });
.define-class(~"@{prefix}pull-l-@{n}", { margin-left: ~"-@{size}"; });
.define-class(~"@{prefix}pull-y-@{n}", {
margin-top: ~"-@{size}";
margin-bottom: ~"-@{size}";
});
.define-class(~"@{prefix}pull-x-@{n}", {
margin-right: ~"-@{size}";
margin-left: ~"-@{size}";
});
.define-class(~"@{prefix}pull-@{n}", {
margin-top: ~"-@{size}";
margin-right: ~"-@{size}";
margin-bottom: ~"-@{size}";
margin-left: ~"-@{size}";
});
.generate-screen-pull-utilities(@pull-scale; @screen; (@i + 1));
}
.generate-responsive-pull-utilities(@pull-scale; @screens; @i: 1) when (@i <= length(@screens)) {
@screen: extract(@screens, @i);
@name: extract(@screen, 1);
@screen-width: extract(@screen, 2);
@media (min-width: @screen-width) {
.generate-screen-pull-utilities(@pull-scale; @name);
}
.generate-responsive-pull-utilities(@pull-scale; @screens; @i + 1);
}
.define-pull-utilities(@pull-scale) {
.generate-pull-utilities(@pull-scale);
}
.define-pull-utilities(@pull-scale; none) {
.define-pull-utilities(@pull-scale);
}
.define-pull-utilities(@pull-scale; @screens) when not (@screens = none) {
.define-pull-utilities(@pull-scale);
.generate-responsive-pull-utilities(@pull-scale; @screens);
}

17
src/_less/generators/done/text-colors.less
View File

@ -1,17 +0,0 @@
.define-text-colors(@variants) {
.generate-utility-variants('text'; @variants; {
color: extract(@__variant-value, 2);
});
}
.define-text-colors(@variants; none) {
.define-text-colors(@variants);
}
.define-text-colors(@variants; @screens) when not (@screens = none) {
.define-text-colors(@variants);
.generate-responsive-utility-variants('text'; @variants; @screens; {
color: extract(@__variant-value, 2);
});
}

16
src/_less/generators/done/text-leading.less
View File

@ -1,16 +0,0 @@
.define-leading-utilities(@variants) {
.generate-utility-variants('leading'; @variants; {
line-height: extract(@__variant-value, 2);
});
}
.define-leading-utilities(@variants; none) {
.define-leading-utilities(@variants);
}
.define-leading-utilities(@variants; @screens) when not (@screens = none) {
.define-leading-utilities(@variants);
.generate-responsive-utility-variants('leading'; @variants; @screens; {
line-height: extract(@__variant-value, 2);
});
}

16
src/_less/generators/done/text-sizes.less
View File

@ -1,16 +0,0 @@
.define-text-sizes(@variants) {
.generate-utility-variants('text'; @variants; {
font-size: extract(@__variant-value, 2);
});
}
.define-text-sizes(@variants; none) {
.define-text-sizes(@variants);
}
.define-text-sizes(@variants; @screens) when not (@screens = none) {
.define-text-sizes(@variants);
.generate-responsive-utility-variants('text'; @variants; @screens; {
font-size: extract(@__variant-value, 2);
});
}

16
src/_less/generators/done/text-tracking.less
View File

@ -1,16 +0,0 @@
.define-tracking-utilities(@variants) {
.generate-utility-variants('tracking'; @variants; {
letter-spacing: extract(@__variant-value, 2);
});
}
.define-tracking-utilities(@variants; none) {
.define-tracking-utilities(@variants);
}
.define-tracking-utilities(@variants; @screens) when not (@screens = none) {
.define-tracking-utilities(@variants);
.generate-responsive-utility-variants('tracking'; @variants; @screens; {
letter-spacing: extract(@__variant-value, 2);
});
}

16
src/_less/generators/done/text-weights.less
View File

@ -1,16 +0,0 @@
.define-text-weights(@variants) {
.generate-utility-variants('text'; @variants; {
font-weight: extract(@__variant-value, 2);
});
}
.define-text-weights(@variants; none) {
.define-text-weights(@variants);
}
.define-text-weights(@variants; @screens) when not (@screens = none) {
.define-text-weights(@variants);
.generate-responsive-utility-variants('text'; @variants; @screens; {
font-weight: extract(@__variant-value, 2);
});
}

25
src/_less/utilities.less
View File

@ -1,25 +0,0 @@
@import "generators";
@import "colors";
@import "utilities/backgrounds";
@import "utilities/borders";
@import "utilities/constrain";
@import "utilities/display";
@import "utilities/flex";
@import "utilities/misc";
@import "utilities/overflow";
@import "utilities/position";
@import "utilities/shadows";
@import "utilities/sizing";
@import "utilities/spacing";
@import "utilities/text";
@import "utilities/vue";
@import "utilities/z-index";
@screens:
sm 576px,
md 768px,
lg 992px,
xl 1200px,
;

67
src/_less/utilities/done/backgrounds.less
View File

@ -1,67 +0,0 @@
@bg-colors:
'light' @color-white,
'light-soft' @color-grey-200,
'light-softer' @color-grey-300,
'light-softest' @color-grey-400,
'dark' @color-grey-900,
'dark-soft' @color-grey-800,
'dark-softer' @color-grey-700,
'dark-softest' @color-grey-600,
'red-dark' @color-red-dark,
'red' @color-red,
'red-light' @color-red-light,
'red-lightest' @color-red-lightest,
'orange-dark' @color-orange-dark,
'orange' @color-orange,
'orange-light' @color-orange-light,
'orange-lightest' @color-orange-lightest,
'yellow-dark' @color-yellow-dark,
'yellow' @color-yellow,
'yellow-light' @color-yellow-light,
'yellow-lightest' @color-yellow-lightest,
'green-dark' @color-green-dark,
'green' @color-green,
'green-light' @color-green-light,
'green-lightest' @color-green-lightest,
'teal-dark' @color-teal-dark,
'teal' @color-teal,
'teal-light' @color-teal-light,
'teal-lightest' @color-teal-lightest,
'blue-dark' @color-blue-dark,
'blue' @color-blue,
'blue-light' @color-blue-light,
'blue-lightest' @color-blue-lightest,
'indigo-dark' @color-indigo-dark,
'indigo' @color-indigo,
'indigo-light' @color-indigo-light,
'indigo-lightest' @color-indigo-lightest,
'purple-dark' @color-purple-dark,
'purple' @color-purple,
'purple-light' @color-purple-light,
'purple-lightest' @color-purple-lightest,
'pink-dark' @color-pink-dark,
'pink' @color-pink,
'pink-light' @color-pink-light,
'pink-lightest' @color-pink-lightest,
;
.define-bg-colors(@bg-colors; @screens);
.define-bg-hover-colors(@bg-colors; @screens);
.bg-cover { background-size: cover; }
.bg-contain { background-size: contain; }
.responsive({
&bg-cover { .bg-cover; }
&bg-contain { .bg-contain; }
});

115
src/_less/utilities/done/borders.less
View File

@ -1,115 +0,0 @@
// Widths
@border-width-scale:
default 1px,
'2' 2px,
'4' 4px,
'8' 8px,
'0' 0,
;
// Colors
@border-dark: @color-grey-600;
@border-dark-soft: @color-grey-500;
@border-dark-softer: @color-grey-400;
@border-light: @color-white;
@border-light-soft: @color-grey-200;
@border-light-softer: @color-grey-300;
@border-dark-overlay: hsla(0, 0%, 0%, 20%);
@border-dark-overlay-soft: hsla(0, 0%, 0%, 10%);
@border-dark-overlay-softer: hsla(0, 0%, 0%, 5%);
@border-light-overlay: hsla(0, 0%, 100%, 100%);
@border-light-overlay-soft: hsla(0, 0%, 100%, 60%);
@border-light-overlay-softer: hsla(0, 0%, 100%, 35%);
@default-border-color: @border-dark-soft;
@border-colors:
'dark' @border-dark,
'dark-soft' @border-dark-soft,
'dark-softer' @border-dark-softer,
'light' @border-light,
'light-soft' @border-light-soft,
'light-softer' @border-light-softer,
'dark-overlay' @border-dark-overlay,
'dark-overlay-soft' @border-dark-overlay-soft,
'dark-overlay-softer' @border-dark-overlay-softer,
'light-overlay' @border-light-overlay,
'light-overlay-soft' @border-light-overlay-soft,
'light-overlay-softer' @border-light-overlay-softer,
'red-dark' @color-red-dark,
'red' @color-red,
'red-light' @color-red-light,
'red-lightest' @color-red-lightest,
'orange-dark' @color-orange-dark,
'orange' @color-orange,
'orange-light' @color-orange-light,
'orange-lightest' @color-orange-lightest,
'yellow-dark' @color-yellow-dark,
'yellow' @color-yellow,
'yellow-light' @color-yellow-light,
'yellow-lightest' @color-yellow-lightest,
'green-dark' @color-green-dark,
'green' @color-green,
'green-light' @color-green-light,
'green-lightest' @color-green-lightest,
'teal-dark' @color-teal-dark,
'teal' @color-teal,
'teal-light' @color-teal-light,
'teal-lightest' @color-teal-lightest,
'blue-dark' @color-blue-dark,
'blue' @color-blue,
'blue-light' @color-blue-light,
'blue-lightest' @color-blue-lightest,
'indigo-dark' @color-indigo-dark,
'indigo' @color-indigo,
'indigo-light' @color-indigo-light,
'indigo-lightest' @color-indigo-lightest,
'purple-dark' @color-purple-dark,
'purple' @color-purple,
'purple-light' @color-purple-light,
'purple-lightest' @color-purple-lightest,
'pink-dark' @color-pink-dark,
'pink' @color-pink,
'pink-light' @color-pink-light,
'pink-lightest' @color-pink-lightest,
;
// Radius
@border-radiuses:
'sm' .125rem,
default .25rem,
'lg' .5rem,
;
.define-border-widths(@border-width-scale; @default-border-color; @screens);
.define-border-colors(@border-colors; @screens);
.define-border-hover-colors(@border-colors; @screens);
.define-rounded-borders(@border-radiuses; @screens);
// Styles
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
.pill { border-radius: 9999px; }
// Responsive
.responsive({
&border-dashed { .border-dashed; }
&border-dotted { .border-dotted; }
&pill { .pill; }
});

22
src/_less/utilities/done/constrain.less
View File

@ -1,22 +0,0 @@
@constrain-xs: 20rem;
@constrain-sm: 30rem;
@constrain-md: 40rem;
@constrain-lg: 50rem;
@constrain-xl: 60rem;
@constrain-2xl: 70rem;
@constrain-3xl: 80rem;
@constrain-4xl: 90rem;
@constrain-5xl: 100rem;
@constrain-scale:
'xs' @constrain-xs,
'sm' @constrain-sm,
'md' @constrain-md,
'lg' @constrain-lg,
'xl' @constrain-xl,
'2xl' @constrain-2xl,
'3xl' @constrain-3xl,
'4xl' @constrain-4xl,
'5xl' @constrain-5xl;
.define-constrains(@constrain-scale; @screens);

15
src/_less/utilities/done/display.less
View File

@ -1,15 +0,0 @@
.block { display: block; }
.inline-block { display: inline-block; }
.table { display: table; border-collapse: collapse; width: 100%; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }
.hidden { display: none; }
.responsive({
&block { .block; }
&inline-block { .inline-block; }
&table { .table; }
&table-row { .table-row; }
&table-cell { .table-cell; }
&hidden { .hidden; }
});

60
src/_less/utilities/done/flex.less
View File

@ -1,60 +0,0 @@
// Parent utilities
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-nowrap { flex-wrap: nowrap; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
// Child utilities
.flex-auto { flex: auto; }
.flex-initial { flex: initial; }
.flex-none { flex: none; }
.flex-grow { flex-grow: 1; }
.flex-shrink { flex-shrink: 1; }
.flex-no-grow { flex-grow: 0; }
.flex-no-shrink { flex-shrink: 0; }
.responsive({
&flex { .flex; }
&inline-flex { .inline-flex; }
&flex-row { .flex-row; }
&flex-row-reverse { .flex-row-reverse; }
&flex-col { .flex-col; }
&flex-col-reverse { .flex-col-reverse; }
&flex-wrap { .flex-wrap; }
&flex-wrap-reverse { .flex-wrap-reverse; }
&flex-nowrap { .flex-nowrap; }
&items-start { .items-start; }
&items-end { .items-end; }
&items-center { .items-center; }
&items-baseline { .items-baseline; }
&items-stretch { .items-stretch; }
&justify-start { .justify-start; }
&justify-end { .justify-end; }
&justify-center { .justify-center; }
&justify-between { .justify-between; }
&justify-around { .justify-around; }
&flex-auto { .flex-auto; }
&flex-initial { .flex-initial; }
&flex-none { .flex-none; }
&flex-grow { .flex-grow; }
&flex-shrink { .flex-shrink; }
&flex-no-grow { .flex-no-grow; }
&flex-no-shrink { .flex-no-shrink; }
});

17
src/_less/utilities/done/overflow.less
View File

@ -1,17 +0,0 @@
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.mask { overflow: hidden; }
.overflow-visible { overflow: visible; }
.overflow-scroll { overflow: scroll; }
.overflow-scroll-x { overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; }
.overflow-scroll-y { overflow-y: auto; -ms-overflow-style: -ms-autohiding-scrollbar; }
.responsive({
&overflow-auto { .overflow-auto; }
&overflow-hidden { .overflow-hidden; }
&mask { .mask; }
&overflow-visible { .overflow-visible; }
&overflow-scroll { .overflow-scroll; }
&overflow-scroll-x { .overflow-scroll-x; }
&overflow-scroll-y { .overflow-scroll-y; }
});

24
src/_less/utilities/done/position.less
View File

@ -1,24 +0,0 @@
.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; }
});

9
src/_less/utilities/done/shadows.less
View File

@ -1,9 +0,0 @@
@shadows:
'1' ~"0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.15)",
'2' ~"0 3px 6px rgba(0,0,0,0.12), 0 3px 6px rgba(0,0,0,0.13)",
'3' ~"0 10px 20px rgba(0,0,0,0.13), 0 6px 6px rgba(0,0,0,0.13)",
'4' ~"0 14px 28px rgba(0,0,0,0.16), 0 10px 10px rgba(0,0,0,0.11)",
'5' ~"0 19px 38px rgba(0,0,0,0.18), 0 15px 12px rgba(0,0,0,0.11)",
;
.define-shadow-utilities(@shadows; @screens);

42
src/_less/utilities/done/sizing.less
View File

@ -1,42 +0,0 @@
@sizing-scale:
'1' 0.25rem,
'2' 0.5rem,
'3' 0.75rem,
'4' 1rem,
'6' 1.5rem,
'8' 2rem,
'10' 2.5rem,
'12' 3rem,
'16' 4rem,
'24' 6rem,
'32' 8rem,
'40' 10rem,
'48' 12rem,
'64' 16rem,
'96' 24rem,
'128' 32rem,
'full' 100%,
'1\/2' 50%,
'1\/3' (100% / 3),
'2\/3' (100% / 3 * 2),
'1\/4' 25%,
'3\/4' 75%,
'1\/5' 20%,
'2\/5' 40%,
'3\/5' 60%,
'4\/5' 80%,
'1\/6' (100% / 6),
'5\/6' (100% / 6 * 5),
;
@width-scale: @sizing-scale;
@height-scale: @sizing-scale;
.define-width-utilities(@width-scale; @screens);
.define-height-utilities(@height-scale; @screens);
.fit { max-width: 100%; }
.responsive({
&fit { .fit; }
});

18
src/_less/utilities/done/spacing.less
View File

@ -1,18 +0,0 @@
@spacing-scale:
'px' 1px,
'0' 0,
'1' 0.25rem,
'2' 0.5rem,
'3' 0.75rem,
'4' 1rem,
'6' 1.5rem,
'8' 2rem,
;
@padding-scale: @spacing-scale;
@margin-scale: @spacing-scale;
@pull-scale: @spacing-scale;
.define-padding-utilities(@padding-scale; @screens);
.define-margin-utilities(@margin-scale; @screens);
.define-pull-utilities(@pull-scale; @screens);