refactor: change gray to grey`

This commit is contained in:
Oliver Davies 2022-10-22 12:19:47 +01:00
parent e3cd850df9
commit 68aa496b84
6 changed files with 9 additions and 9 deletions

View file

@ -8,11 +8,11 @@
} }
code { code {
@apply px-2 py-1 text-sm rounded-md text-gray-700 bg-gray-200 dark:bg-gray-800 dark:text-gray-100; @apply px-2 py-1 text-sm rounded-md text-grey-700 bg-grey-200 dark:bg-grey-800 dark:text-grey-100;
} }
pre { pre {
@apply p-4 my-8 overflow-auto rounded-md text-gray-700 bg-gray-200 dark:bg-gray-800 dark:text-gray-100; @apply p-4 my-8 overflow-auto rounded-md text-grey-700 bg-grey-200 dark:bg-grey-800 dark:text-grey-100;
} }
pre code { pre code {

View file

@ -6,7 +6,7 @@ module.exports = {
primary: '#24608A', primary: '#24608A',
}, },
current: 'currentColor', current: 'currentColor',
gray: colours.stone, grey: colours.stone,
inherit: 'inherit', inherit: 'inherit',
transparent: 'transparent', transparent: 'transparent',
white: '#fff' white: '#fff'

View file

@ -1,9 +1,9 @@
bg-blue-600 bg-blue-600
bg-gray-200 bg-grey-200
block block
block-opdavies-branding block-opdavies-branding
border border
border-gray border-grey
border-l-0 border-l-0
flex flex
flex-col flex-col

View file

@ -3,7 +3,7 @@
<div class="flex mt-4 space-x-4"> <div class="flex mt-4 space-x-4">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<img src="/images/social-avatar.jpg" alt="Picture of Oliver" class="w-16 h-16 rounded-full border border-gray"> <img src="/images/social-avatar.jpg" alt="Picture of Oliver" class="w-16 h-16 rounded-full border border-grey">
</div> </div>
<div> <div>

File diff suppressed because one or more lines are too long

View file

@ -51,7 +51,7 @@ const footerLinks = [
<script defer data-domain="oliverdavies.uk" src="https://plausible.io/js/plausible.js"></script> <script defer data-domain="oliverdavies.uk" src="https://plausible.io/js/plausible.js"></script>
</head> </head>
<body> <body>
<div class="min-h-screen font-sans text-base font-light text-gray-900 md:text-xl dark:text-white dark:bg-gray-900"> <div class="min-h-screen font-sans text-base font-light text-grey-900 md:text-xl dark:text-white dark:bg-grey-900">
<Navbar /> <Navbar />
<div class="py-10 px-4 mx-auto max-w-2xl md:py-10"> <div class="py-10 px-4 mx-auto max-w-2xl md:py-10">
@ -65,7 +65,7 @@ const footerLinks = [
<footer> <footer>
<nav class="flex flex-wrap justify-center -mb-3"> <nav class="flex flex-wrap justify-center -mb-3">
{footerLinks && footerLinks.map(link => ( {footerLinks && footerLinks.map(link => (
<a class="mx-3 mb-3 text-sm md:text-lg dark:text-white hover:text-gray-900 link dark:hover:text-blue-400" href={link.href}>{link.title}</a> <a class="mx-3 mb-3 text-sm md:text-lg dark:text-white hover:text-grey-900 link dark:hover:text-blue-400" href={link.href}>{link.title}</a>
))} ))}
</nav> </nav>
</footer> </footer>