opdavies/wordcamp-bristol-2019
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Use new colour scheme, remove tailwind.config.js

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
wp-content/themes/wp-tailwind/footer.php
View file

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

2
wp-content/themes/wp-tailwind/header.php
View file

@ -11,7 +11,7 @@
<p class="text-2xl"> <p class="text-2xl">
<?php bloginfo('slogan'); ?> <?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'); ?> &mdash; <?php bloginfo('description'); ?>
</span> </span>
</p> </p>

12
wp-content/themes/wp-tailwind/index.php
View file

@ -2,7 +2,7 @@
<?php <?php
if ( have_posts() ) : ?> 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 <?php
while ( have_posts() ) : the_post(); ?> while ( have_posts() ) : the_post(); ?>
@ -19,25 +19,25 @@ if ( have_posts() ) : ?>
</div> </div>
</div> </div>
<footer class="text-grey-darker my-10"> <footer class="text-gray-600 my-10">
<ul class="list-reset flex flex-wrap"> <ul class="list-reset flex flex-wrap">
<li class="flex items-center mr-5 mb-2"> <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> <a href="#0">oliver</a>
</li> </li>
<li class="flex items-center mr-5 mb-2"> <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> <span>March 12, 2019</span>
</li> </li>
<li class="flex items-center mr-5 mb-2"> <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> <span>Uncategorized</span>
</li> </li>
<li class="flex items-center mr-5 mb-2"> <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> <a href="#0">1 Comment</a>
</li> </li>
</ul> </ul>

8
wp-content/themes/wp-tailwind/src/css/style.css
View file

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

10
wp-content/themes/wp-tailwind/tailwind.config.js
View file

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

2
wp-content/themes/wp-tailwind/webpack.mix.js
View file

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