Changing of tailwind config for teal color and string change

This commit is contained in:
Moris Zen
2018-08-31 02:34:14 +02:00
parent d9aa8c404b
commit 204a77fde0
3 changed files with 83 additions and 83 deletions

View File

@@ -14,7 +14,7 @@ const ContactPage = () => (
<PageTransition>
<PageIntro
tiltImage
headline="Let's start something great"
headline="Let's make it happen"
text="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just find out more about what we do."
sectionClasses="lg:mb-8"
image={ContactImage}

View File

@@ -819,11 +819,11 @@ table {
}
.bg-teal-dark {
background-color: #38a89d;
background-color: #51b5bb;
}
.bg-teal {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.bg-teal-light {
@@ -1115,11 +1115,11 @@ table {
}
.group:hover .group-hover\:bg-teal-dark {
background-color: #38a89d;
background-color: #51b5bb;
}
.group:hover .group-hover\:bg-teal {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.group:hover .group-hover\:bg-teal-light {
@@ -1411,11 +1411,11 @@ table {
}
.hover\:bg-teal-dark:hover {
background-color: #38a89d;
background-color: #51b5bb;
}
.hover\:bg-teal:hover {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.hover\:bg-teal-light:hover {
@@ -1779,11 +1779,11 @@ table {
}
.border-teal-dark {
border-color: #38a89d;
border-color: #51b5bb;
}
.border-teal {
border-color: #4dc0b5;
border-color: #5dcdd4;
}
.border-teal-light {
@@ -2075,11 +2075,11 @@ table {
}
.hover\:border-teal-dark:hover {
border-color: #38a89d;
border-color: #51b5bb;
}
.hover\:border-teal:hover {
border-color: #4dc0b5;
border-color: #5dcdd4;
}
.hover\:border-teal-light:hover {
@@ -4705,11 +4705,11 @@ table {
}
.text-teal-dark {
color: #38a89d;
color: #51b5bb;
}
.text-teal {
color: #4dc0b5;
color: #5dcdd4;
}
.text-teal-light {
@@ -5001,11 +5001,11 @@ table {
}
.group:hover .group-hover\:text-teal-dark {
color: #38a89d;
color: #51b5bb;
}
.group:hover .group-hover\:text-teal {
color: #4dc0b5;
color: #5dcdd4;
}
.group:hover .group-hover\:text-teal-light {
@@ -5297,11 +5297,11 @@ table {
}
.hover\:text-teal-dark:hover {
color: #38a89d;
color: #51b5bb;
}
.hover\:text-teal:hover {
color: #4dc0b5;
color: #5dcdd4;
}
.hover\:text-teal-light:hover {
@@ -5981,11 +5981,11 @@ table {
}
.sm\:bg-teal-dark {
background-color: #38a89d;
background-color: #51b5bb;
}
.sm\:bg-teal {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.sm\:bg-teal-light {
@@ -6277,11 +6277,11 @@ table {
}
.group:hover .sm\:group-hover\:bg-teal-dark {
background-color: #38a89d;
background-color: #51b5bb;
}
.group:hover .sm\:group-hover\:bg-teal {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.group:hover .sm\:group-hover\:bg-teal-light {
@@ -6573,11 +6573,11 @@ table {
}
.sm\:hover\:bg-teal-dark:hover {
background-color: #38a89d;
background-color: #51b5bb;
}
.sm\:hover\:bg-teal:hover {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.sm\:hover\:bg-teal-light:hover {
@@ -6933,11 +6933,11 @@ table {
}
.sm\:border-teal-dark {
border-color: #38a89d;
border-color: #51b5bb;
}
.sm\:border-teal {
border-color: #4dc0b5;
border-color: #5dcdd4;
}
.sm\:border-teal-light {
@@ -7229,11 +7229,11 @@ table {
}
.sm\:hover\:border-teal-dark:hover {
border-color: #38a89d;
border-color: #51b5bb;
}
.sm\:hover\:border-teal:hover {
border-color: #4dc0b5;
border-color: #5dcdd4;
}
.sm\:hover\:border-teal-light:hover {
@@ -9843,11 +9843,11 @@ table {
}
.sm\:text-teal-dark {
color: #38a89d;
color: #51b5bb;
}
.sm\:text-teal {
color: #4dc0b5;
color: #5dcdd4;
}
.sm\:text-teal-light {
@@ -10139,11 +10139,11 @@ table {
}
.group:hover .sm\:group-hover\:text-teal-dark {
color: #38a89d;
color: #51b5bb;
}
.group:hover .sm\:group-hover\:text-teal {
color: #4dc0b5;
color: #5dcdd4;
}
.group:hover .sm\:group-hover\:text-teal-light {
@@ -10435,11 +10435,11 @@ table {
}
.sm\:hover\:text-teal-dark:hover {
color: #38a89d;
color: #51b5bb;
}
.sm\:hover\:text-teal:hover {
color: #4dc0b5;
color: #5dcdd4;
}
.sm\:hover\:text-teal-light:hover {
@@ -11120,11 +11120,11 @@ table {
}
.md\:bg-teal-dark {
background-color: #38a89d;
background-color: #51b5bb;
}
.md\:bg-teal {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.md\:bg-teal-light {
@@ -11416,11 +11416,11 @@ table {
}
.group:hover .md\:group-hover\:bg-teal-dark {
background-color: #38a89d;
background-color: #51b5bb;
}
.group:hover .md\:group-hover\:bg-teal {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.group:hover .md\:group-hover\:bg-teal-light {
@@ -11712,11 +11712,11 @@ table {
}
.md\:hover\:bg-teal-dark:hover {
background-color: #38a89d;
background-color: #51b5bb;
}
.md\:hover\:bg-teal:hover {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.md\:hover\:bg-teal-light:hover {
@@ -12072,11 +12072,11 @@ table {
}
.md\:border-teal-dark {
border-color: #38a89d;
border-color: #51b5bb;
}
.md\:border-teal {
border-color: #4dc0b5;
border-color: #5dcdd4;
}
.md\:border-teal-light {
@@ -12368,11 +12368,11 @@ table {
}
.md\:hover\:border-teal-dark:hover {
border-color: #38a89d;
border-color: #51b5bb;
}
.md\:hover\:border-teal:hover {
border-color: #4dc0b5;
border-color: #5dcdd4;
}
.md\:hover\:border-teal-light:hover {
@@ -14982,11 +14982,11 @@ table {
}
.md\:text-teal-dark {
color: #38a89d;
color: #51b5bb;
}
.md\:text-teal {
color: #4dc0b5;
color: #5dcdd4;
}
.md\:text-teal-light {
@@ -15278,11 +15278,11 @@ table {
}
.group:hover .md\:group-hover\:text-teal-dark {
color: #38a89d;
color: #51b5bb;
}
.group:hover .md\:group-hover\:text-teal {
color: #4dc0b5;
color: #5dcdd4;
}
.group:hover .md\:group-hover\:text-teal-light {
@@ -15574,11 +15574,11 @@ table {
}
.md\:hover\:text-teal-dark:hover {
color: #38a89d;
color: #51b5bb;
}
.md\:hover\:text-teal:hover {
color: #4dc0b5;
color: #5dcdd4;
}
.md\:hover\:text-teal-light:hover {
@@ -16259,11 +16259,11 @@ table {
}
.lg\:bg-teal-dark {
background-color: #38a89d;
background-color: #51b5bb;
}
.lg\:bg-teal {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.lg\:bg-teal-light {
@@ -16555,11 +16555,11 @@ table {
}
.group:hover .lg\:group-hover\:bg-teal-dark {
background-color: #38a89d;
background-color: #51b5bb;
}
.group:hover .lg\:group-hover\:bg-teal {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.group:hover .lg\:group-hover\:bg-teal-light {
@@ -16851,11 +16851,11 @@ table {
}
.lg\:hover\:bg-teal-dark:hover {
background-color: #38a89d;
background-color: #51b5bb;
}
.lg\:hover\:bg-teal:hover {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.lg\:hover\:bg-teal-light:hover {
@@ -17211,11 +17211,11 @@ table {
}
.lg\:border-teal-dark {
border-color: #38a89d;
border-color: #51b5bb;
}
.lg\:border-teal {
border-color: #4dc0b5;
border-color: #5dcdd4;
}
.lg\:border-teal-light {
@@ -17507,11 +17507,11 @@ table {
}
.lg\:hover\:border-teal-dark:hover {
border-color: #38a89d;
border-color: #51b5bb;
}
.lg\:hover\:border-teal:hover {
border-color: #4dc0b5;
border-color: #5dcdd4;
}
.lg\:hover\:border-teal-light:hover {
@@ -20121,11 +20121,11 @@ table {
}
.lg\:text-teal-dark {
color: #38a89d;
color: #51b5bb;
}
.lg\:text-teal {
color: #4dc0b5;
color: #5dcdd4;
}
.lg\:text-teal-light {
@@ -20417,11 +20417,11 @@ table {
}
.group:hover .lg\:group-hover\:text-teal-dark {
color: #38a89d;
color: #51b5bb;
}
.group:hover .lg\:group-hover\:text-teal {
color: #4dc0b5;
color: #5dcdd4;
}
.group:hover .lg\:group-hover\:text-teal-light {
@@ -20713,11 +20713,11 @@ table {
}
.lg\:hover\:text-teal-dark:hover {
color: #38a89d;
color: #51b5bb;
}
.lg\:hover\:text-teal:hover {
color: #4dc0b5;
color: #5dcdd4;
}
.lg\:hover\:text-teal-light:hover {
@@ -21398,11 +21398,11 @@ table {
}
.xl\:bg-teal-dark {
background-color: #38a89d;
background-color: #51b5bb;
}
.xl\:bg-teal {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.xl\:bg-teal-light {
@@ -21694,11 +21694,11 @@ table {
}
.group:hover .xl\:group-hover\:bg-teal-dark {
background-color: #38a89d;
background-color: #51b5bb;
}
.group:hover .xl\:group-hover\:bg-teal {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.group:hover .xl\:group-hover\:bg-teal-light {
@@ -21990,11 +21990,11 @@ table {
}
.xl\:hover\:bg-teal-dark:hover {
background-color: #38a89d;
background-color: #51b5bb;
}
.xl\:hover\:bg-teal:hover {
background-color: #4dc0b5;
background-color: #5dcdd4;
}
.xl\:hover\:bg-teal-light:hover {
@@ -22350,11 +22350,11 @@ table {
}
.xl\:border-teal-dark {
border-color: #38a89d;
border-color: #51b5bb;
}
.xl\:border-teal {
border-color: #4dc0b5;
border-color: #5dcdd4;
}
.xl\:border-teal-light {
@@ -22646,11 +22646,11 @@ table {
}
.xl\:hover\:border-teal-dark:hover {
border-color: #38a89d;
border-color: #51b5bb;
}
.xl\:hover\:border-teal:hover {
border-color: #4dc0b5;
border-color: #5dcdd4;
}
.xl\:hover\:border-teal-light:hover {
@@ -25260,11 +25260,11 @@ table {
}
.xl\:text-teal-dark {
color: #38a89d;
color: #51b5bb;
}
.xl\:text-teal {
color: #4dc0b5;
color: #5dcdd4;
}
.xl\:text-teal-light {
@@ -25556,11 +25556,11 @@ table {
}
.group:hover .xl\:group-hover\:text-teal-dark {
color: #38a89d;
color: #51b5bb;
}
.group:hover .xl\:group-hover\:text-teal {
color: #4dc0b5;
color: #5dcdd4;
}
.group:hover .xl\:group-hover\:text-teal-light {
@@ -25852,11 +25852,11 @@ table {
}
.xl\:hover\:text-teal-dark:hover {
color: #38a89d;
color: #51b5bb;
}
.xl\:hover\:text-teal:hover {
color: #4dc0b5;
color: #5dcdd4;
}
.xl\:hover\:text-teal-light:hover {

View File

@@ -90,8 +90,8 @@ let colors = {
'teal-darkest': '#0d3331',
'teal-darker': '#20504f',
'teal-dark': '#38a89d',
teal: '#4dc0b5',
'teal-dark': '#51b5bb',
teal: '#5dcdd4',
'teal-light': '#64d5ca',
'teal-lighter': '#a0f0ed',
'teal-lightest': '#e8fffe',