the-distro/floral.systems
1
1
Fork 1
Code Issues Pull requests 2 Packages Projects Releases Wiki Activity

spring -> teal; some size stuff

Browse source
This commit is contained in:
mei (ckie) 2024-09-17 20:00:39 +03:00
parent b3573af40e
commit ec1f694cc3
Signed by: ckie
GPG key ID: 13E79449C0525215
3 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/main.css
View file

@ -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 */

2
src/routes/+layout.svelte
View file

@ -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"

32
tailwind.config.js
View file

@ -40,25 +40,25 @@ 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: {
sm: "640px",
md: "768px",
lg: "1024px",
xl: "1180px",
xl: "1180px",
// >xl removed as site isn't
// that dense https://tailwindcss.com/docs/screens
}
@ -68,7 +68,7 @@ export default {
// this is pretty sensible, and depended on in src/routes/colors/Color.svelte
{ pattern: /bg-.+/ }
],
corePlugins: {
container: false
}
corePlugins: {
container: false
}
};