wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Working on colors

Browse source
This commit is contained in:
Adam Wathan 2017-08-18 08:03:29 -04:00
parent dac88161f3
commit a33385f51f
6 changed files with 91 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/colors.less
View file

@ -11,21 +11,25 @@
@color-grey-900: #212121;
@color-black: #000000;
@color-red: #f25451;
@color-red-light: #fa8785;
@color-orange: #ffb447;
@color-orange-light: #ffce85;
@color-yellow: #ffed4a;
@color-yellow-light: #fff6a5;
@color-green: #77d48a;
@color-green-light: #b1f3be;
@color-teal: #4dc0b5;
@color-teal-light: #92e0d8;
@color-blue: #4aa2ea;
@color-blue-light: #acdaff;
@color-indigo: #6574cd;
@color-indigo-light: #a3aeed;
@color-purple: #976ae6;
@color-purple-light: #ceb3ff;
@color-pink: #f66d9b;
@color-pink-light: #ffa5c3;
@color-red: #f25451;
@color-red-light: #fa8785;
@color-orange: #ffb447;
@color-orange-light: #ffce85;
@color-amber: #ffbf00;
@color-amber-light: #ffe493;
@color-amber-lightest: #fff7df;
@color-yellow: #ffed4a;
@color-yellow-light: #fff6a5;
@color-green: #57d06f;
@color-green-light: #b1f3be;
@color-green-lightest: #dfffe6;
@color-teal: #4dc0b5;
@color-teal-light: #92e0d8;
@color-blue: #4aa2ea;
@color-blue-light: #acdaff;
@color-indigo: #6574cd;
@color-indigo-light: #a3aeed;
@color-purple: #976ae6;
@color-purple-light: #ceb3ff;
@color-pink: #f66d9b;
@color-pink-light: #ffa5c3;

40
src/utilities/backgrounds.less
View file

@ -7,24 +7,28 @@
'dark-soft' @color-grey-700,
'dark-softer' @color-grey-600,
'red' @color-red,
'red-light' @color-red-light,
'orange' @color-orange,
'orange-light' @color-orange-light,
'yellow' @color-yellow,
'yellow-light' @color-yellow-light,
'green' @color-green,
'green-light' @color-green-light,
'teal' @color-teal,
'teal-light' @color-teal-light,
'blue' @color-blue,
'blue-light' @color-blue-light,
'indigo' @color-indigo,
'indigo-light' @color-indigo-light,
'purple' @color-purple,
'purple-light' @color-purple-light,
'pink' @color-pink,
'pink-light' @color-pink-light,
'red' @color-red,
'red-light' @color-red-light,
'orange' @color-orange,
'orange-light' @color-orange-light,
'amber' @color-amber,
'amber-light' @color-amber-light,
'amber-lightest' @color-amber-lightest,
'yellow' @color-yellow,
'yellow-light' @color-yellow-light,
'green' @color-green,
'green-light' @color-green-light,
'green-lightest' @color-green-lightest,
'teal' @color-teal,
'teal-light' @color-teal-light,
'blue' @color-blue,
'blue-light' @color-blue-light,
'indigo' @color-indigo,
'indigo-light' @color-indigo-light,
'purple' @color-purple,
'purple-light' @color-purple-light,
'pink' @color-pink,
'pink-light' @color-pink-light,
;
.define-bg-colors(@bg-colors; @screens);

10
src/utilities/borders.less
View file

@ -45,10 +45,12 @@
'red' @color-red,
'red-light' @color-red-light,
'orange' @color-orange,
'orange-light' @color-orange-light,
'yellow' @color-yellow,
'yellow-light' @color-yellow-light,
'orange' @color-orange,
'orange-light' @color-orange-light,
'amber' @color-amber,
'amber-light' @color-amber-light,
'yellow' @color-yellow,
'yellow-light' @color-yellow-light,
'green' @color-green,
'green-light' @color-green-light,
'teal' @color-teal,

10
src/utilities/text.less
View file

@ -69,10 +69,12 @@
'red' @color-red,
'red-light' @color-red-light,
'orange' @color-orange,
'orange-light' @color-orange-light,
'yellow' @color-yellow,
'yellow-light' @color-yellow-light,
'orange' @color-orange,
'orange-light' @color-orange-light,
'amber' @color-amber,
'amber-light' @color-amber-light,
'yellow' @color-yellow,
'yellow-light' @color-yellow-light,
'green' @color-green,
'green-light' @color-green-light,
'teal' @color-teal,