spring -> teal; some size stuff
This commit is contained in:
parent
b3573af40e
commit
ec1f694cc3
|
@ -39,7 +39,7 @@ a:not(.no-link-style), button.link-style {
|
|||
|
||||
@layer utilities {
|
||||
.link-style-u {
|
||||
@apply text-coral-700 hover:text-coral-800 active:text-coral-950 visited:text-spring-500 visited:hover:text-spring-700 active:text-spring-950 underline;
|
||||
@apply text-coral-700 hover:text-coral-800 active:text-coral-950 visited:text-teal-500 visited:hover:text-teal-700 active:text-teal-950 underline;
|
||||
}
|
||||
.container {
|
||||
/* container like the builtin one, but limited to lg */
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</script>
|
||||
|
||||
<div class="flex flex-col text-blue-950">
|
||||
<nav class="min-h-16 h-16 bg-spring-700 text-coral-50 mb-2">
|
||||
<nav class="min-h-16 h-16 bg-teal-700 text-coral-50 mb-2">
|
||||
<div class="mx-auto container flex h-full justify-between">
|
||||
<a class="flex h-full flex-col justify-center font-aladin text-4xl
|
||||
text-coral-50 no-link-style"
|
||||
|
|
|
@ -40,18 +40,18 @@ export default {
|
|||
'900': '#881514',
|
||||
'950': '#4a0505',
|
||||
},
|
||||
'spring': {
|
||||
'50': '#f5faf3',
|
||||
'100': '#e7f5e3',
|
||||
'200': '#d0e9c9',
|
||||
'300': '#9cd08f',
|
||||
'400': '#7dbb6d',
|
||||
'500': '#599f48',
|
||||
'600': '#458237',
|
||||
'700': '#39672e',
|
||||
'800': '#305328',
|
||||
'900': '#294423',
|
||||
'950': '#12240f',
|
||||
teal: {
|
||||
'50': '#eefbf5',
|
||||
'100': '#d6f5e5',
|
||||
'200': '#b1e9d0',
|
||||
'300': '#7ed7b5',
|
||||
'400': '#49be95',
|
||||
'500': '#27a27b',
|
||||
'600': '#188162',
|
||||
'700': '#136951',
|
||||
'800': '#125342',
|
||||
'900': '#104437',
|
||||
'950': '#08261f',
|
||||
},
|
||||
},
|
||||
screens: {
|
||||
|
|
Loading…
Reference in a new issue