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

refactor: move into a website directory

Browse source
This commit is contained in:
Oliver Davies 2022-07-13 18:09:09 +01:00
parent 86529d7148
commit 3c5c0e808a
747 changed files with 133 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

26
assets/css/base.pcss
View file

@ -1,26 +0,0 @@
@layer base {
h2 {
@apply font-bold
}
blockquote {
@apply pl-4 border-l-3 border-blue-primary dark:border-blue-400;
}
code {
@apply px-2 py-1 text-sm rounded-md text-gray-700 bg-gray-200 dark:bg-gray-800 dark:text-gray-100;
}
pre {
@apply p-4 my-8 overflow-auto rounded-md text-gray-700 bg-gray-200 dark:bg-gray-800 dark:text-gray-100;
}
iframe {
@apply w-full;
}
a:focus {
@apply outline-black dark:outline-white;
outline-offset: 2px !important;
}
}

66
assets/css/components.pcss
View file

@ -1,66 +0,0 @@
@layer components {
.link {
@apply underline text-blue-primary hover:text-blue-900 dark:text-blue-400 dark:hover:text-white;
text-decoration-thickness: 1px;
text-underline-offset: 0.1em;
}
.markdown {
> * + * {
@apply mt-4;
}
> *:first-child {
@apply mt-0;
}
h2 + * {
@apply mt-2;
}
h2 {
@apply mt-6;
}
h3 {
@apply mt-8 font-bold;
}
h2 + h3 {
@apply mt-2
}
blockquote {
@apply my-8;
}
ul {
@apply pl-6 list-disc;
}
li {
@apply mt-1 first:mt-0;
}
a {
@apply link;
}
pre {
@apply my-8;
}
.media--type-image {
@apply my-8;
}
.speakerdeck-embed-wrapper,
.video-full {
@apply my-8 aspect-w-4 aspect-h-3;
}
}
.visually-hidden {
@apply sr-only;
}
}

7
assets/css/tailwind.pcss
View file

@ -1,7 +0,0 @@
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import './base.pcss';
@import './components.pcss';
@import './utilities.pcss';

15
assets/css/utilities.pcss
View file

@ -1,15 +0,0 @@
@layer utilities {
@variants dark {
.text-decoration-blue-400 {
text-decoration-color: theme('colors.blue.400');
}
.text-decoration-blue-primary {
text-decoration-color: theme('colors.blue.800');
}
.text-decoration-white {
text-decoration-color: theme('colors.white');
}
}
}