Use new colour scheme, remove tailwind.config.js

This commit is contained in:
Oliver Davies 2019-03-18 18:37:21 +00:00
parent cc8259cc24
commit 42bab3c176
6 changed files with 13 additions and 23 deletions

View file

@ -1,5 +1,5 @@
<footer class="pt-24 pb-16">
<p class="text-grey-darker">
<p class="text-gray-600">
<?php bloginfo('slogan'); ?>,
<a href="<?php echo esc_url(__('https://wordpress.org/', 'twentynineteen')); ?>">

View file

@ -11,7 +11,7 @@
<p class="text-2xl">
<?php bloginfo('slogan'); ?>
<span class="font-serif font-thin text-grey-darker">
<span class="font-serif font-thin text-gray-600">
&mdash; <?php bloginfo('description'); ?>
</span>
</p>

View file

@ -2,7 +2,7 @@
<?php
if ( have_posts() ) : ?>
<div class="w-12 block border-t-2 border-grey-darker mb-6"></div>
<div class="w-12 block border-t-2 border-gray-600 mb-6"></div>
<?php
while ( have_posts() ) : the_post(); ?>
@ -19,25 +19,25 @@ if ( have_posts() ) : ?>
</div>
</div>
<footer class="text-grey-darker my-10">
<footer class="text-gray-600 my-10">
<ul class="list-reset flex flex-wrap">
<li class="flex items-center mr-5 mb-2">
<svg class="fill-current text-grey-darker mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
<svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
<a href="#0">oliver</a>
</li>
<li class="flex items-center mr-5 mb-2">
<svg class="fill-current text-grey-darker mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><path id="a" d="M0 0h24v24H0V0z"></path></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"></path></svg>
<svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><path id="a" d="M0 0h24v24H0V0z"></path></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"></path></svg>
<span>March 12, 2019</span>
</li>
<li class="flex items-center mr-5 mb-2">
<svg class="fill-current text-grey-darker mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
<svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
<span>Uncategorized</span>
</li>
<li class="flex items-center mr-5 mb-2">
<svg class="fill-current text-grey-darker mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
<svg class="fill-current text-gray-600 mr-2" width="16" height="16" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
<a href="#0">1 Comment</a>
</li>
</ul>

View file

@ -1,12 +1,12 @@
@tailwind base;
a {
@apply text-grey-darker no-underline
@apply text-gray-600 no-underline
}
a:hover,
a:focus {
@apply text-blue-dark underline
@apply text-blue-700
}
@tailwind components;
@ -22,10 +22,10 @@ a:focus {
}
a {
@apply text-black font-bold pb-px border-b-2;
@apply text-blue-700 underline;
&:hover {
@apply border-transparent no-underline
@apply text-blue-800 no-underline
}
}

View file

@ -1,10 +0,0 @@
module.exports = {
theme: {
extend: {
colors: {
'blue-dark': '#0073aa',
'grey-darker': '#767676',
}
}
}
}

View file

@ -1,6 +1,6 @@
const mix = require('laravel-mix')
mix.postCss('src/css/style.css', '', [
require('tailwindcss')('./tailwind.config.js'),
require('tailwindcss')(),
require('postcss-nested')(),
])