Change *-blue to *-blue-600

This commit is contained in:
Oliver Davies 2019-03-21 07:50:29 +00:00
parent 118c99fbaf
commit ef159e7b7d
12 changed files with 20 additions and 20 deletions

View file

@ -19,7 +19,7 @@ img {
}
a {
@apply text-blue no-underline;
@apply text-blue-600 no-underline;
&:hover {
@apply underline

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -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 %}

View file

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

View file

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

View file

@ -90,11 +90,11 @@ Within the `style` section, Im able to use Tailwinds 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

View file

@ -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 wouldnt 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.
---