From d7b39a18e909718758c373126077a77193e569e8 Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Fri, 11 Dec 2020 20:22:18 +0000 Subject: [PATCH] Split custom base classes into partials --- .../opdavies/assets/css/base/blockquote.pcss | 5 +++ .../opdavies/assets/css/base/forms.pcss | 5 +++ .../opdavies/assets/css/base/iframe.pcss | 13 +++++++ .../opdavies/assets/css/base/images.pcss | 5 +++ .../opdavies/assets/css/base/links.pcss | 5 +++ .../opdavies/assets/css/base/tables.pcss | 5 +++ .../opdavies/assets/css/base/typography.pcss | 13 +++++++ .../opdavies/assets/css/custom-base.pcss | 35 ------------------- .../custom/opdavies/assets/css/tailwind.pcss | 2 +- 9 files changed, 52 insertions(+), 36 deletions(-) create mode 100644 web/themes/custom/opdavies/assets/css/base/blockquote.pcss create mode 100644 web/themes/custom/opdavies/assets/css/base/forms.pcss create mode 100644 web/themes/custom/opdavies/assets/css/base/iframe.pcss create mode 100644 web/themes/custom/opdavies/assets/css/base/images.pcss create mode 100644 web/themes/custom/opdavies/assets/css/base/links.pcss create mode 100644 web/themes/custom/opdavies/assets/css/base/tables.pcss create mode 100644 web/themes/custom/opdavies/assets/css/base/typography.pcss delete mode 100644 web/themes/custom/opdavies/assets/css/custom-base.pcss diff --git a/web/themes/custom/opdavies/assets/css/base/blockquote.pcss b/web/themes/custom/opdavies/assets/css/base/blockquote.pcss new file mode 100644 index 0000000..d91bf2d --- /dev/null +++ b/web/themes/custom/opdavies/assets/css/base/blockquote.pcss @@ -0,0 +1,5 @@ +@layer base { + iframe { + @apply max-w-full + } +} diff --git a/web/themes/custom/opdavies/assets/css/base/forms.pcss b/web/themes/custom/opdavies/assets/css/base/forms.pcss new file mode 100644 index 0000000..d50d00b --- /dev/null +++ b/web/themes/custom/opdavies/assets/css/base/forms.pcss @@ -0,0 +1,5 @@ +@layer base { + input { + @apply dark:text-gray-900 + } +} diff --git a/web/themes/custom/opdavies/assets/css/base/iframe.pcss b/web/themes/custom/opdavies/assets/css/base/iframe.pcss new file mode 100644 index 0000000..7a7c627 --- /dev/null +++ b/web/themes/custom/opdavies/assets/css/base/iframe.pcss @@ -0,0 +1,13 @@ +@layer base { + h1, h2, h3 { + @apply font-bold + } + + h1 { + @apply text-3xl leading-normal + } + + h2 { + @apply text-2xl leading-normal + } +} diff --git a/web/themes/custom/opdavies/assets/css/base/images.pcss b/web/themes/custom/opdavies/assets/css/base/images.pcss new file mode 100644 index 0000000..a18080d --- /dev/null +++ b/web/themes/custom/opdavies/assets/css/base/images.pcss @@ -0,0 +1,5 @@ +@layer base { + img { + @apply max-w-full h-auto + } +} diff --git a/web/themes/custom/opdavies/assets/css/base/links.pcss b/web/themes/custom/opdavies/assets/css/base/links.pcss new file mode 100644 index 0000000..c4827b9 --- /dev/null +++ b/web/themes/custom/opdavies/assets/css/base/links.pcss @@ -0,0 +1,5 @@ +@layer base { + a { + @apply text-blue-500 no-underline hover:underline + } +} diff --git a/web/themes/custom/opdavies/assets/css/base/tables.pcss b/web/themes/custom/opdavies/assets/css/base/tables.pcss new file mode 100644 index 0000000..710c7b0 --- /dev/null +++ b/web/themes/custom/opdavies/assets/css/base/tables.pcss @@ -0,0 +1,5 @@ +@layer base { + th { + @apply dark:text-white + } +} diff --git a/web/themes/custom/opdavies/assets/css/base/typography.pcss b/web/themes/custom/opdavies/assets/css/base/typography.pcss new file mode 100644 index 0000000..7a7c627 --- /dev/null +++ b/web/themes/custom/opdavies/assets/css/base/typography.pcss @@ -0,0 +1,13 @@ +@layer base { + h1, h2, h3 { + @apply font-bold + } + + h1 { + @apply text-3xl leading-normal + } + + h2 { + @apply text-2xl leading-normal + } +} diff --git a/web/themes/custom/opdavies/assets/css/custom-base.pcss b/web/themes/custom/opdavies/assets/css/custom-base.pcss deleted file mode 100644 index 3fb2802..0000000 --- a/web/themes/custom/opdavies/assets/css/custom-base.pcss +++ /dev/null @@ -1,35 +0,0 @@ -h1, h2, h3 { - @apply font-bold -} - -h1 { - @apply text-3xl leading-normal -} - -h2 { - @apply text-2xl leading-normal -} - -img { - @apply max-w-full h-auto -} - -a { - @apply text-blue-500 no-underline hover:underline -} - -blockquote { - @apply pl-5 border-l-4 border-gray-200 italic dark:text-gray-200 -} - -iframe { - @apply max-w-full -} - -input { - @apply dark:text-gray-900 -} - -th { - @apply dark:text-white -} diff --git a/web/themes/custom/opdavies/assets/css/tailwind.pcss b/web/themes/custom/opdavies/assets/css/tailwind.pcss index 661595d..d32b50e 100644 --- a/web/themes/custom/opdavies/assets/css/tailwind.pcss +++ b/web/themes/custom/opdavies/assets/css/tailwind.pcss @@ -1,5 +1,5 @@ @import 'tailwindcss/base'; -@import './custom-base.pcss'; +@import './base/*.pcss'; @import 'tailwindcss/components'; @import './components/*.pcss';