diff --git a/assets/css/custom.css b/assets/css/custom.css index 84152b4..7272ad2 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,633 +1,214 @@ -/* -! tailwindcss v3.0.7 | MIT License | https://tailwindcss.com -*/ - -/* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: currentColor; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -*/ - -html { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr[title] { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input:-ms-input-placeholder, textarea:-ms-input-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -/* -Ensure the default browser behavior of the `hidden` attribute. -*/ - -[hidden] { - display: none; -} - *, ::before, ::after { - border-color: currentColor; + border-color: currentColor } .container { - width: 100%; + width: 100% } @media (min-width: 640px) { .container { - max-width: 640px; + max-width: 640px } } @media (min-width: 768px) { .container { - max-width: 768px; + max-width: 768px } } @media (min-width: 1024px) { .container { - max-width: 1024px; + max-width: 1024px } } @media (min-width: 1280px) { .container { - max-width: 1280px; + max-width: 1280px } } @media (min-width: 1536px) { .container { - max-width: 1536px; + max-width: 1536px } } .static { - position: static; + position: static } .absolute { - position: absolute; + position: absolute } .relative { - position: relative; + position: relative } .top-0 { - top: 0px; + top: 0px } .right-0 { - right: 0px; + right: 0px } .mt-0 { - margin-top: 0px; + margin-top: 0px } .mb-12 { - margin-bottom: 3rem; + margin-bottom: 3rem } .mb-8 { - margin-bottom: 2rem; + margin-bottom: 2rem } .inline-block { - display: inline-block; + display: inline-block } .flex { - display: flex; + display: flex } .grid { - display: grid; + display: grid } .contents { - display: contents; + display: contents } .flex-grow { - flex-grow: 1; + flex-grow: 1 } .flex-col { - flex-direction: column; + flex-direction: column } .justify-center { - justify-content: center; + justify-content: center } .gap-4 { - gap: 1rem; + gap: 1rem } .rounded { - border-radius: 0.25rem; + border-radius: 0.25rem } .\!rounded-md { - border-radius: 0.375rem !important; + border-radius: 0.375rem !important } .border-2 { - border-width: 2px; + border-width: 2px } .border-b-8 { - border-bottom-width: 8px; + border-bottom-width: 8px } .border-b-2 { - border-bottom-width: 2px; + border-bottom-width: 2px } .border-primary-500 { - border-color: var(--color-primary-500); + border-color: var(--color-primary-500) } .bg-primary-600 { - background-color: var(--color-primary-600); + background-color: var(--color-primary-600) } .p-4 { - padding: 1rem; + padding: 1rem } .px-4 { padding-left: 1rem; - padding-right: 1rem; + padding-right: 1rem } .py-2 { padding-top: 0.5rem; - padding-bottom: 0.5rem; + padding-bottom: 0.5rem } .pb-2 { - padding-bottom: 0.5rem; + padding-bottom: 0.5rem } .pb-1 { - padding-bottom: 0.25rem; + padding-bottom: 0.25rem } .text-center { - text-align: center; + text-align: center } .text-4xl { font-size: 2.25rem; - line-height: 2.5rem; + line-height: 2.5rem } .text-xl { font-size: 1.25rem; - line-height: 1.75rem; + line-height: 1.75rem } .font-extrabold { - font-weight: 800; + font-weight: 800 } .font-bold { - font-weight: 700; + font-weight: 700 } .text-neutral-900 { - color: var(--color-neutral-900); + color: var(--color-neutral-900) } .\!text-neutral { - color: var(--color-neutral) !important; + color: var(--color-neutral) !important } .\!no-underline { -webkit-text-decoration-line: none !important; - text-decoration-line: none !important; + text-decoration-line: none !important } .hover\:\!bg-primary-500:hover { - background-color: var(--color-primary-500) !important; + background-color: var(--color-primary-500) !important } .dark .dark\:bg-primary-800 { - background-color: var(--color-primary-800); + background-color: var(--color-primary-800) } .dark .dark\:text-neutral { - color: var(--color-neutral); + color: var(--color-neutral) } .dark .dark\:hover\:\!bg-primary-700:hover { - background-color: var(--color-primary-700) !important; + background-color: var(--color-primary-700) !important +} + +@media (min-width: 640px) { + .sm\:flex-row { + flex-direction: row + } } @media (min-width: 768px) { .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-template-columns: repeat(2, minmax(0, 1fr)) } } \ No newline at end of file diff --git a/layouts/works/single.html b/layouts/works/single.html index ffc7ee1..251276b 100644 --- a/layouts/works/single.html +++ b/layouts/works/single.html @@ -28,9 +28,11 @@ + {{ if .date }}
{{ partial "badge.html" (print "Date : " .date) }}
+ {{ end }}
{{ readFile (print "_data/works/" .name ".md") | markdownify }} diff --git a/tailwind.config.js b/tailwind.config.js index 57c28ad..f3887f0 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,5 +1,8 @@ module.exports = { mode: "jit", + corePlugins: { + preflight: false + }, content: [ "./layouts/**/*.html", "./content/**/*.{html,md}",