From ef159e7b7dcf96c43aa664d55c997854f4c9663f Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 21 Mar 2019 07:50:29 +0000
Subject: [PATCH] Change *-blue to *-blue-600
---
assets/css/app.css | 2 +-
assets/css/components/blockquote.css | 2 +-
assets/css/components/button.css | 4 ++--
assets/css/components/note.css | 2 +-
assets/js/components/Navbar.vue | 2 +-
source/_layouts/default.html.twig | 2 +-
source/_partials/pages/book/signup-form.html.twig | 2 +-
source/_partials/post-pager.html.twig | 2 +-
source/_partials/post/old-post-message.html.twig | 2 +-
...20-rebuilding-bartik-with-vuejs-tailwind-css.md | 2 +-
...ilding-bartik-with-vuejs-tailwind-css-part-2.md | 4 ++--
source/testimonials.html.twig | 14 +++++++-------
12 files changed, 20 insertions(+), 20 deletions(-)
diff --git a/assets/css/app.css b/assets/css/app.css
index 645b5998..54381dcb 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -19,7 +19,7 @@ img {
}
a {
- @apply text-blue no-underline;
+ @apply text-blue-600 no-underline;
&:hover {
@apply underline
diff --git a/assets/css/components/blockquote.css b/assets/css/components/blockquote.css
index ebd9152a..61c751e7 100644
--- a/assets/css/components/blockquote.css
+++ b/assets/css/components/blockquote.css
@@ -1,3 +1,3 @@
blockquote {
- @apply border-l-4 border-blue pl-4 px-6 py-2
+ @apply border-l-4 border-blue-600 pl-4 px-6 py-2
}
diff --git a/assets/css/components/button.css b/assets/css/components/button.css
index 3ccbabca..33e1b668 100644
--- a/assets/css/components/button.css
+++ b/assets/css/components/button.css
@@ -1,5 +1,5 @@
.button {
- @apply bg-blue border-blue border inline-block text-white no-underline py-2 px-3 rounded text-sm;
+ @apply bg-blue-600 border-blue-600 border inline-block text-white no-underline py-2 px-3 rounded text-sm;
&:focus {
@apply py-2 px-3 m-0
@@ -8,6 +8,6 @@
&:active,
&:focus,
&:hover {
- @apply bg-white text-blue
+ @apply bg-white text-blue-600
}
}
diff --git a/assets/css/components/note.css b/assets/css/components/note.css
index 0d8f1174..3d5c716a 100644
--- a/assets/css/components/note.css
+++ b/assets/css/components/note.css
@@ -1,5 +1,5 @@
.note {
- @apply bg-blue-lighter border-blue border-l-4 mb-4 p-4 rounded;
+ @apply bg-blue-lighter border-blue-600 border-l-4 mb-4 p-4 rounded;
> *:not(:first-child) {
@apply mt-6
diff --git a/assets/js/components/Navbar.vue b/assets/js/components/Navbar.vue
index b6462dcc..ff22268d 100644
--- a/assets/js/components/Navbar.vue
+++ b/assets/js/components/Navbar.vue
@@ -21,7 +21,7 @@
<a
v-for="item in items"
class="block text-black no-underline focus:outline-none p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-grey-light focus:border-grey-light focus:bg-white sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline text-sm -mb-px"
- :class="{'border-blue hover:border-blue': isActive(item)}"
+ :class="{'border-blue-600 hover:border-blue-600': isActive(item)}"
:href="item.href"
>
<span class="flex items-center h-full">{{ item.title }}</span>
diff --git a/source/_layouts/default.html.twig b/source/_layouts/default.html.twig
index 3ad236cf..f85264eb 100644
--- a/source/_layouts/default.html.twig
+++ b/source/_layouts/default.html.twig
@@ -1,7 +1,7 @@
{% extends 'app' %}
{% block body %}
- <a href="#main-content" class="skip-link absolute top-0 left-0 text-white bg-blue p-4 focus:outline-none">
+ <a href="#main-content" class="skip-link absolute top-0 left-0 text-white bg-blue-600 p-4 focus:outline-none">
Skip to main content
</a>
diff --git a/source/_partials/pages/book/signup-form.html.twig b/source/_partials/pages/book/signup-form.html.twig
index a1d7cec8..3e01d451 100644
--- a/source/_partials/pages/book/signup-form.html.twig
+++ b/source/_partials/pages/book/signup-form.html.twig
@@ -7,7 +7,7 @@
<div class="flex overflow-hidden">
<input type="email" value="" name="EMAIL" class="required email block w-full border border-grey p-3 pl-5 rounded-l-full" placeholder="enter your email" aria-label="Email">
- <button type="submit" name="subscribe" class="block w-auto border border-grey border-l-0 py-3 pl-5 pr-6 rounded-r-full bg-blue text-white">Subscribe</button>
+ <button type="submit" name="subscribe" class="block w-auto border border-grey border-l-0 py-3 pl-5 pr-6 rounded-r-full bg-blue-600 text-white">Subscribe</button>
</div>
</div>
</form>
diff --git a/source/_partials/post-pager.html.twig b/source/_partials/post-pager.html.twig
index c6a28654..44262630 100644
--- a/source/_partials/post-pager.html.twig
+++ b/source/_partials/post-pager.html.twig
@@ -15,7 +15,7 @@
{% for i in range(1, page.pagination.total_pages) %}
<li class="{{ i > (page.pagination.page + 2) or i < (page.pagination.page - 2) ? 'hidden sm:block' }}">
{% if i == page.pagination.page %}
- <span class="p-3 border border-grey text-white bg-blue -mr-px">
+ <span class="p-3 border border-grey text-white bg-blue-600 -mr-px">
{{ i }}
</span>
{% else %}
diff --git a/source/_partials/post/old-post-message.html.twig b/source/_partials/post/old-post-message.html.twig
index 4e0fa4ac..fc4ff660 100644
--- a/source/_partials/post/old-post-message.html.twig
+++ b/source/_partials/post/old-post-message.html.twig
@@ -1,5 +1,5 @@
{% if page.date|date('U') < 'now'|date_modify('-12 months')|date('U') %}
- <div class="border-2 border-blue p-4 mb-6">
+ <div class="border-2 border-blue-600 p-4 mb-6">
<p class="text-sm mb-0">
<span class="font-bold">Warning:</span>
This post is over a year old. I don't always update old posts with new information, so some of this information may be out of date.
diff --git a/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md b/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md
index eab5e8be..59371509 100644
--- a/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md
+++ b/source/_posts/2018-11-20-rebuilding-bartik-with-vuejs-tailwind-css.md
@@ -93,7 +93,7 @@ export default {
<div class="font-serif">
<h1 class="font-normal">Welcome to {{ title }}</h1>
<p>No front page content has been created yet.</p>
- <p>Follow the <a href="#0" class="text-blue-dark hover:text-blue no-underline border-b border-blue border-dotted hover:bg-solid">User Guide</a> to start building your site.</p>
+ <p>Follow the <a href="#0" class="text-blue-dark hover:text-blue-600 no-underline border-b border-blue-600 border-dotted hover:bg-solid">User Guide</a> to start building your site.</p>
</div>
<div class="mt-10">
diff --git a/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md b/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md
index b503c73a..1c9e1c61 100644
--- a/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md
+++ b/source/_posts/2018-12-27-rebuilding-bartik-with-vuejs-tailwind-css-part-2.md
@@ -90,11 +90,11 @@ Within the `style` section, I’m able to use Tailwind’s custom `@apply` direc
@apply underline
#main a
- @apply text-blue-dark no-underline border-b border-blue border-dotted
+ @apply text-blue-dark no-underline border-b border-blue-600 border-dotted
&:hover,
&:focus
- @apply text-blue border-solid
+ @apply text-blue-600 border-solid
#footer a
@apply text-white no-underline border-b border-dotted border-white
diff --git a/source/testimonials.html.twig b/source/testimonials.html.twig
index 53ea573f..0181621e 100644
--- a/source/testimonials.html.twig
+++ b/source/testimonials.html.twig
@@ -5,13 +5,13 @@ use: [posts]
testimonials:
- name: Ed Welsby
image: ed-welsby.png
- role: Senior Developer at <a class="text-blue inline-block" href="http://www.proctors.co.uk">Proctor & Stevenson</a>
+ role: Senior Developer at <a class="text-blue-600 inline-block" href="http://www.proctors.co.uk">Proctor & Stevenson</a>
text: |
Oliver was great to work with, he has a solid knowledge of the various aspects of web development and never minded helping me out with Linux commands!
- name: Brian Healy
image: brian-healy.png
- role: Director of Business Development at <a class="text-blue inline-block" href="http://tincan.co.uk">Tincan</a>.
+ role: Director of Business Development at <a class="text-blue-600 inline-block" href="http://tincan.co.uk">Tincan</a>.
text: |
Oliver was fantastic to work with - pro-active and highly responsive, he worked well remotely and as part of a project team. His understanding of the project requirement(s) and ability to translate it into working code was essential and he delivered.
@@ -31,21 +31,21 @@ testimonials:
Oliver is seasoned Drupal and all round highly skilled and experienced web developer. I have worked with Oliver on an important project where he was reliable, prompt and ensured strict client deadline delivery and confidentiality at all times.
- name: James Chapman
- role: Director at <a class="text-blue inline-block" href="http://www.developmentdoneright.co.uk">Development Done Right</a>
+ role: Director at <a class="text-blue-600 inline-block" href="http://www.developmentdoneright.co.uk">Development Done Right</a>
image: james-chapman.png
text: |
We used Oliver on a number of occasions throughout 2012 and I have to say we've been delighted with his work. His skills working with Drupal are excellent particularly with custom module development and we wouldn’t hesitate to recommend him others.
- name: Léonie Watson
role: >
- Director of Accessibility at <a class="text-blue inline-block" href="http://www.nomensa.com">Nomensa</a>
+ Director of Accessibility at <a class="text-blue-600 inline-block" href="http://www.nomensa.com">Nomensa</a>
image: leonie-watson.jpg
text: |
Oliver is a flexible and hardworking developer, with a terrific knowledge of Drupal. He promotes accessibility best practice within the Drupal community, and is always happy to share his knowledge with other people.
- name: Holly Ross
role: >
- Executive Director at the <a class="text-blue inline-block" href="https://assoc.drupal.org">Drupal Association</a>
+ Executive Director at the <a class="text-blue-600 inline-block" href="https://assoc.drupal.org">Drupal Association</a>
image: holly-ross.png
text: |
Oliver has been an outstanding contributor to the Drupal Association team. He is a talented developer who writes great code and applies his curiosity and love of learning to every project. He is also a fantastic team member, who gives to the team as much as he gets.
@@ -53,7 +53,7 @@ testimonials:
Oliver is the embodiment of everything good about the Drupal community.
- name: Josh Mitchell
- role: CTO at the <a class="text-blue inline-block" href="https://assoc.drupal.org">Drupal Association</a>
+ role: CTO at the <a class="text-blue-600 inline-block" href="https://assoc.drupal.org">Drupal Association</a>
image: josh-mitchell.png
text: |
Oliver is a skilled Drupal developer with a passion for the Drupal community. As his direct supervisor, I was able to watch Oliver grow with the Drupal Association and contribute an amazing amount of effort and integrity to all of his work.
@@ -62,7 +62,7 @@ testimonials:
- name: Chris Jarvis
image: chris-jarvis.jpg
- role: Developer at <a class="text-blue inline-block" href="https://microserve.io">Microserve</a>
+ role: Developer at <a class="text-blue-600 inline-block" href="https://microserve.io">Microserve</a>
text: |
Oliver is an amazing colleague, he's professional, full of knowledge and I could not recommend him more.
---