From cd136e5e1923f25351680186cb7a9cf30cfd2ef6 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Sun, 27 Aug 2017 18:51:34 -0400 Subject: [PATCH] Remove ported less files --- src/_less/done/colors.less | 55 --------- src/_less/generators.less | 23 ---- src/_less/generators/done/backgrounds.less | 18 --- src/_less/generators/done/border-colors.less | 18 --- src/_less/generators/done/border-radius.less | 90 -------------- src/_less/generators/done/border-widths.less | 100 --------------- src/_less/generators/done/constrain.less | 16 --- src/_less/generators/done/shadows.less | 16 --- src/_less/generators/done/sizing.less | 33 ----- src/_less/generators/done/spacing-margin.less | 87 ------------- .../generators/done/spacing-padding.less | 80 ------------ src/_less/generators/done/spacing-pull.less | 80 ------------ src/_less/generators/done/text-colors.less | 17 --- src/_less/generators/done/text-leading.less | 16 --- src/_less/generators/done/text-sizes.less | 16 --- src/_less/generators/done/text-tracking.less | 16 --- src/_less/generators/done/text-weights.less | 16 --- src/_less/utilities.less | 25 ---- src/_less/utilities/done/backgrounds.less | 67 ---------- src/_less/utilities/done/borders.less | 115 ------------------ src/_less/utilities/done/constrain.less | 22 ---- src/_less/utilities/done/display.less | 15 --- src/_less/utilities/done/flex.less | 60 --------- src/_less/utilities/done/overflow.less | 17 --- src/_less/utilities/done/position.less | 24 ---- src/_less/utilities/done/shadows.less | 9 -- src/_less/utilities/done/sizing.less | 42 ------- src/_less/utilities/done/spacing.less | 18 --- 28 files changed, 1111 deletions(-) delete mode 100644 src/_less/done/colors.less delete mode 100644 src/_less/generators.less delete mode 100644 src/_less/generators/done/backgrounds.less delete mode 100644 src/_less/generators/done/border-colors.less delete mode 100644 src/_less/generators/done/border-radius.less delete mode 100644 src/_less/generators/done/border-widths.less delete mode 100644 src/_less/generators/done/constrain.less delete mode 100644 src/_less/generators/done/shadows.less delete mode 100644 src/_less/generators/done/sizing.less delete mode 100644 src/_less/generators/done/spacing-margin.less delete mode 100644 src/_less/generators/done/spacing-padding.less delete mode 100644 src/_less/generators/done/spacing-pull.less delete mode 100644 src/_less/generators/done/text-colors.less delete mode 100644 src/_less/generators/done/text-leading.less delete mode 100644 src/_less/generators/done/text-sizes.less delete mode 100644 src/_less/generators/done/text-tracking.less delete mode 100644 src/_less/generators/done/text-weights.less delete mode 100644 src/_less/utilities.less delete mode 100644 src/_less/utilities/done/backgrounds.less delete mode 100644 src/_less/utilities/done/borders.less delete mode 100644 src/_less/utilities/done/constrain.less delete mode 100644 src/_less/utilities/done/display.less delete mode 100644 src/_less/utilities/done/flex.less delete mode 100644 src/_less/utilities/done/overflow.less delete mode 100644 src/_less/utilities/done/position.less delete mode 100644 src/_less/utilities/done/shadows.less delete mode 100644 src/_less/utilities/done/sizing.less delete mode 100644 src/_less/utilities/done/spacing.less diff --git a/src/_less/done/colors.less b/src/_less/done/colors.less deleted file mode 100644 index 3deaa2a06..000000000 --- a/src/_less/done/colors.less +++ /dev/null @@ -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; diff --git a/src/_less/generators.less b/src/_less/generators.less deleted file mode 100644 index b57d9be97..000000000 --- a/src/_less/generators.less +++ /dev/null @@ -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"; diff --git a/src/_less/generators/done/backgrounds.less b/src/_less/generators/done/backgrounds.less deleted file mode 100644 index 7dddaabf6..000000000 --- a/src/_less/generators/done/backgrounds.less +++ /dev/null @@ -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); - }); -} - - diff --git a/src/_less/generators/done/border-colors.less b/src/_less/generators/done/border-colors.less deleted file mode 100644 index 04d1b769d..000000000 --- a/src/_less/generators/done/border-colors.less +++ /dev/null @@ -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); - }); -} - - diff --git a/src/_less/generators/done/border-radius.less b/src/_less/generators/done/border-radius.less deleted file mode 100644 index a3c7c7598..000000000 --- a/src/_less/generators/done/border-radius.less +++ /dev/null @@ -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); - } -} diff --git a/src/_less/generators/done/border-widths.less b/src/_less/generators/done/border-widths.less deleted file mode 100644 index 743f40d20..000000000 --- a/src/_less/generators/done/border-widths.less +++ /dev/null @@ -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); - } -} diff --git a/src/_less/generators/done/constrain.less b/src/_less/generators/done/constrain.less deleted file mode 100644 index 78355efe8..000000000 --- a/src/_less/generators/done/constrain.less +++ /dev/null @@ -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); - }); -} diff --git a/src/_less/generators/done/shadows.less b/src/_less/generators/done/shadows.less deleted file mode 100644 index 250fae0df..000000000 --- a/src/_less/generators/done/shadows.less +++ /dev/null @@ -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); - }); -} diff --git a/src/_less/generators/done/sizing.less b/src/_less/generators/done/sizing.less deleted file mode 100644 index 04ebe8958..000000000 --- a/src/_less/generators/done/sizing.less +++ /dev/null @@ -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); - }); -} diff --git a/src/_less/generators/done/spacing-margin.less b/src/_less/generators/done/spacing-margin.less deleted file mode 100644 index fc9e03048..000000000 --- a/src/_less/generators/done/spacing-margin.less +++ /dev/null @@ -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); -} diff --git a/src/_less/generators/done/spacing-padding.less b/src/_less/generators/done/spacing-padding.less deleted file mode 100644 index 64a76d993..000000000 --- a/src/_less/generators/done/spacing-padding.less +++ /dev/null @@ -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); -} diff --git a/src/_less/generators/done/spacing-pull.less b/src/_less/generators/done/spacing-pull.less deleted file mode 100644 index 19e2befdd..000000000 --- a/src/_less/generators/done/spacing-pull.less +++ /dev/null @@ -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); -} diff --git a/src/_less/generators/done/text-colors.less b/src/_less/generators/done/text-colors.less deleted file mode 100644 index 764f6ade7..000000000 --- a/src/_less/generators/done/text-colors.less +++ /dev/null @@ -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); - }); -} - diff --git a/src/_less/generators/done/text-leading.less b/src/_less/generators/done/text-leading.less deleted file mode 100644 index 0cc2fa00e..000000000 --- a/src/_less/generators/done/text-leading.less +++ /dev/null @@ -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); - }); -} diff --git a/src/_less/generators/done/text-sizes.less b/src/_less/generators/done/text-sizes.less deleted file mode 100644 index 83ab2d417..000000000 --- a/src/_less/generators/done/text-sizes.less +++ /dev/null @@ -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); - }); -} diff --git a/src/_less/generators/done/text-tracking.less b/src/_less/generators/done/text-tracking.less deleted file mode 100644 index f72f81ad0..000000000 --- a/src/_less/generators/done/text-tracking.less +++ /dev/null @@ -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); - }); -} diff --git a/src/_less/generators/done/text-weights.less b/src/_less/generators/done/text-weights.less deleted file mode 100644 index 892eaf872..000000000 --- a/src/_less/generators/done/text-weights.less +++ /dev/null @@ -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); - }); -} diff --git a/src/_less/utilities.less b/src/_less/utilities.less deleted file mode 100644 index 62366fe0f..000000000 --- a/src/_less/utilities.less +++ /dev/null @@ -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, -; diff --git a/src/_less/utilities/done/backgrounds.less b/src/_less/utilities/done/backgrounds.less deleted file mode 100644 index e61fa026f..000000000 --- a/src/_less/utilities/done/backgrounds.less +++ /dev/null @@ -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; } -}); diff --git a/src/_less/utilities/done/borders.less b/src/_less/utilities/done/borders.less deleted file mode 100644 index b0e5e4aa0..000000000 --- a/src/_less/utilities/done/borders.less +++ /dev/null @@ -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; } -}); diff --git a/src/_less/utilities/done/constrain.less b/src/_less/utilities/done/constrain.less deleted file mode 100644 index 5a73426ef..000000000 --- a/src/_less/utilities/done/constrain.less +++ /dev/null @@ -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); diff --git a/src/_less/utilities/done/display.less b/src/_less/utilities/done/display.less deleted file mode 100644 index 8711a9039..000000000 --- a/src/_less/utilities/done/display.less +++ /dev/null @@ -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; } -}); diff --git a/src/_less/utilities/done/flex.less b/src/_less/utilities/done/flex.less deleted file mode 100644 index f5c8f72fb..000000000 --- a/src/_less/utilities/done/flex.less +++ /dev/null @@ -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; } -}); diff --git a/src/_less/utilities/done/overflow.less b/src/_less/utilities/done/overflow.less deleted file mode 100644 index cb6ff923b..000000000 --- a/src/_less/utilities/done/overflow.less +++ /dev/null @@ -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; } -}); diff --git a/src/_less/utilities/done/position.less b/src/_less/utilities/done/position.less deleted file mode 100644 index f0496f176..000000000 --- a/src/_less/utilities/done/position.less +++ /dev/null @@ -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; } -}); diff --git a/src/_less/utilities/done/shadows.less b/src/_less/utilities/done/shadows.less deleted file mode 100644 index a3c167783..000000000 --- a/src/_less/utilities/done/shadows.less +++ /dev/null @@ -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); diff --git a/src/_less/utilities/done/sizing.less b/src/_less/utilities/done/sizing.less deleted file mode 100644 index 7d242759a..000000000 --- a/src/_less/utilities/done/sizing.less +++ /dev/null @@ -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; } -}); diff --git a/src/_less/utilities/done/spacing.less b/src/_less/utilities/done/spacing.less deleted file mode 100644 index 34487827f..000000000 --- a/src/_less/utilities/done/spacing.less +++ /dev/null @@ -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);