opdavies/oliverdavies.uk-drupal-old
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Wrap all custom components in layers

Browse source
This commit is contained in:
Oliver Davies 2020-12-17 01:51:53 +00:00
parent 4cfc932f77
commit 9fba0b7292
11 changed files with 70 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/themes/custom/opdavies/assets/css/components/block.pcss
View file

@ -1,3 +1,5 @@
@layer components {
.sidebar .block {
@apply p-6 rounded bg-gray-100 dark:bg-gray-750
}
}

2
web/themes/custom/opdavies/assets/css/components/button.pcss
View file

@ -1,3 +1,4 @@
@layer components {
.button {
@apply py-2 px-3 inline-block border border-blue-600;
@apply text-sm text-white no-underline bg-blue-600 rounded;
@ -8,3 +9,4 @@
@apply bg-white text-blue-600
}
}
}

2
web/themes/custom/opdavies/assets/css/components/container.pcss
View file

@ -1,3 +1,5 @@
@layer components {
.container {
@apply w-full max-w-5xl px-4 mx-auto
}
}

4
web/themes/custom/opdavies/assets/css/components/lead.pcss
View file

@ -1,5 +1,5 @@
@layer components {
p.lead {
@screen md {
@apply text-lg
@apply md:text-lg
}
}

6
web/themes/custom/opdavies/assets/css/components/logo.pcss
View file

@ -1,7 +1,5 @@
@layer components {
#block-opdavies-branding img {
@apply h-8;
@screen md {
@apply h-12
@apply h-8 md:h-12
}
}

2
web/themes/custom/opdavies/assets/css/components/note.pcss
View file

@ -1,3 +1,4 @@
@layer components {
.note {
@apply max-w-full prose bg-blue-200 border-blue-600 border-l-4 mb-4 p-4 rounded dark:prose-dark;
@ -9,3 +10,4 @@
@apply underline hover:no-underline
}
}
}

2
web/themes/custom/opdavies/assets/css/components/recommendation.pcss
View file

@ -1,5 +1,7 @@
@layer components {
.recommendation {
.photo img {
@apply rounded-full
}
}
}

2
web/themes/custom/opdavies/assets/css/components/table.pcss
View file

@ -1,3 +1,4 @@
@layer components {
.table {
@apply w-full;
@ -16,3 +17,4 @@ table.is-striped {
@apply bg-gray-100
}
}
}

2
web/themes/custom/opdavies/assets/css/components/video.pcss
View file

@ -1,3 +1,4 @@
@layer components {
.video-full {
@apply w-full relative;
padding-top: 56.25%;
@ -7,3 +8,4 @@
@apply absolute h-full left-0 top-0 w-full
}
}
}

2
web/themes/custom/opdavies/assets/css/components/widget.pcss
View file

@ -1,3 +1,5 @@
@layer components {
.widget {
@apply block mb-6
}
}

2
web/themes/custom/opdavies/assets/css/components/wrap.pcss
View file

@ -1,3 +1,4 @@
@layer components {
.wrap {
@apply w-full max-w-3xl mx-auto;
@ -5,3 +6,4 @@
@apply max-w-5xl
}
}
}