diff options
Diffstat (limited to 'assets/scss')
| -rw-r--r-- | assets/scss/input.css | 15 | ||||
| -rw-r--r-- | assets/scss/style.scss | 5 | ||||
| -rw-r--r-- | assets/scss/tailwind.css | 148 |
3 files changed, 154 insertions, 14 deletions
diff --git a/assets/scss/input.css b/assets/scss/input.css index 6e02371..198badf 100644 --- a/assets/scss/input.css +++ b/assets/scss/input.css @@ -24,10 +24,25 @@ blockquote::before { blockquote p:last-of-type { @apply text-center uppercase mt-4 tracking-wide; } + h1 { + @apply text-5xl font-bold my-4; + } + h2 { + @apply text-4xl font-bold my-4; + } + h3 { + @apply text-3xl font-bold my-4; + } + h4 { + @apply text-2xl font-bold my-4; + } } @layer components { #hero { text-shadow: 2px 2px 3px black; } + .main-content p { + @apply my-4 text-xl; + } } diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 9176d26..4f9547b 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -188,11 +188,6 @@ html { @extend .b; } } -footer { - a { - @extend .link, .near-white, .underline; - } -} // CV ENTRY .cv-entry, .cv-honor { diff --git a/assets/scss/tailwind.css b/assets/scss/tailwind.css index f6418e1..6b37b3f 100644 --- a/assets/scss/tailwind.css +++ b/assets/scss/tailwind.css @@ -593,10 +593,49 @@ blockquote p:last-of-type { letter-spacing: 0.025em; } +h1 { + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 3rem; + line-height: 1; + font-weight: 700; +} + +h2 { + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 2.25rem; + line-height: 2.5rem; + font-weight: 700; +} + +h3 { + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 1.875rem; + line-height: 2.25rem; + font-weight: 700; +} + +h4 { + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 1.5rem; + line-height: 2rem; + font-weight: 700; +} + #hero { text-shadow: 2px 2px 3px black; } +.main-content p { + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 1.25rem; + line-height: 1.75rem; +} + .absolute { position: absolute; } @@ -613,6 +652,10 @@ blockquote p:last-of-type { right: 0px; } +.float-right { + float: right; +} + .m-0 { margin: 0px; } @@ -650,11 +693,6 @@ blockquote p:last-of-type { margin-bottom: 1rem; } -.my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; -} - .ml-2 { margin-left: 0.5rem; } @@ -667,6 +705,10 @@ blockquote p:last-of-type { display: block; } +.inline { + display: inline; +} + .flex { display: flex; } @@ -687,10 +729,6 @@ blockquote p:last-of-type { max-width: 768px; } -.grow { - flex-grow: 1; -} - .items-center { align-items: center; } @@ -703,21 +741,56 @@ blockquote p:last-of-type { overflow: hidden; } +.rounded { + border-radius: 0.25rem; +} + +.rounded-full { + border-radius: 9999px; +} + +.border { + border-width: 1px; +} + .border-y { border-top-width: 1px; border-bottom-width: 1px; } +.border-t { + border-top-width: 1px; +} + +.border-current { + border-color: currentColor; +} + .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } +.border-gray-500 { + --tw-border-opacity: 1; + border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); +} + .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } +.bg-lime-500 { + --tw-bg-opacity: 1; + background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1)); +} + +.bg-red-100 { + --tw-bg-opacity: 1; + background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); +} + .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); @@ -774,6 +847,11 @@ blockquote p:last-of-type { padding-bottom: 0.5rem; } +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + .pb-2 { padding-bottom: 0.5rem; } @@ -809,15 +887,38 @@ blockquote p:last-of-type { line-height: 1; } +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + .text-sm { font-size: 0.875rem; line-height: 1.25rem; } +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + .font-bold { font-weight: 700; } +.font-semibold { + font-weight: 600; +} + +.uppercase { + text-transform: uppercase; +} + .leading-none { line-height: 1; } @@ -831,16 +932,34 @@ blockquote p:last-of-type { color: rgb(132 204 22 / var(--tw-text-opacity, 1)); } +.text-red-600 { + --tw-text-opacity: 1; + color: rgb(220 38 38 / var(--tw-text-opacity, 1)); +} + .text-slate-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); +} + .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } +.transition { + transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + .baskerville { font-family: baskerville, serif; } @@ -866,6 +985,17 @@ blockquote::before { background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } +.hover\:scale-105:hover { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + +.hover\:opacity-50:hover { + opacity: 0.5; +} + @media (min-width: 768px) { .md\:flex { display: flex; |