Skip to content

Instantly share code, notes, and snippets.

@corvusdeinanis
Created May 13, 2023 16:45
Show Gist options
  • Save corvusdeinanis/6d1e50c79f3164f53be28d737ff23c9d to your computer and use it in GitHub Desktop.
Save corvusdeinanis/6d1e50c79f3164f53be28d737ff23c9d to your computer and use it in GitHub Desktop.
/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,
::after,
::before {
box-sizing: border-box
}
:root {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
body {
font-family: system-ui;
}
hr {
height: 0;
color: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
pre,
samp {
font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
table {
text-indent: 0;
border-color: inherit
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
select {
text-transform: none
}
[type=button],
button {
-webkit-appearance: button
}
legend {
padding: 0
}
progress {
vertical-align: baseline
}
summary {
display: list-item
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
margin: 0
}
button {
background-color: transparent;
background-image: none
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
fieldset {
margin: 0;
padding: 0
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0
}
html {
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";
line-height: 1.5
}
body {
font-family: inherit;
line-height: inherit
}
*,
::after,
::before {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb
}
hr {
border-top-width: 1px
}
img {
border-style: solid
}
textarea {
resize: vertical
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
opacity: 1;
color: #9ca3af
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af
}
button {
cursor: pointer
}
table {
border-collapse: collapse
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit
}
a {
color: inherit;
text-decoration: inherit
}
button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit
}
code,
kbd,
pre,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
vertical-align: middle
}
img,
video {
max-width: 100%;
height: auto
}
.bg-transparent {
background-color: transparent
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity))
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgba(59, 130, 246, var(--tw-bg-opacity))
}
.dark .dark\:bg-transparent {
background-color: transparent
}
.dark .dark\:bg-gray-500 {
--tw-bg-opacity: 1;
background-color: rgba(107, 114, 128, var(--tw-bg-opacity))
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}
.dark .dark\:border-gray-100 {
--tw-border-opacity: 1;
border-color: rgba(243, 244, 246, var(--tw-border-opacity))
}
.rounded {
border-radius: .25rem
}
.border {
border-width: 1px
}
.border-l-2 {
border-left-width: 2px
}
.dark .dark\:border {
border-width: 1px
}
.block {
display: block
}
.flex {
display: flex
}
.table {
display: table
}
.grid {
display: grid
}
.items-center {
align-items: center
}
.font-medium {
font-weight: 500
}
.font-bold {
font-weight: 700
}
.h-24 {
height: 6rem
}
.text-xs {
font-size: .75rem;
line-height: 1rem
}
.text-sm {
font-size: .875rem;
line-height: 1.25rem
}
.my-2 {
margin-top: .5rem;
margin-bottom: .5rem
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem
}
.mr-2 {
margin-right: .5rem
}
.mb-2 {
margin-bottom: .5rem
}
.mt-4 {
margin-top: 1rem
}
.mb-4 {
margin-bottom: 1rem
}
.dark .dark\:outline-none {
outline: 2px solid transparent;
outline-offset: 2px
}
.p-2 {
padding: .5rem
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.py-1 {
padding-top: .25rem;
padding-bottom: .25rem
}
.px-1 {
padding-left: .25rem;
padding-right: .25rem
}
.py-2 {
padding-top: .5rem;
padding-bottom: .5rem
}
.px-2 {
padding-left: .5rem;
padding-right: .5rem
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.py-0\.5 {
padding-top: .125rem;
padding-bottom: .125rem
}
.pl-4 {
padding-left: 1rem
}
* {
--tw-shadow: 0 0 #0000
}
* {
--tw-ring-inset: var(--tw-empty, );
/*!*/
/*!*/
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000
}
.text-center {
text-align: center
}
.text-white {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity))
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgba(107, 114, 128, var(--tw-text-opacity))
}
.text-gray-900 {
--tw-text-opacity: 1;
color: rgba(17, 24, 39, var(--tw-text-opacity))
}
.dark .dark\:text-gray-100 {
--tw-text-opacity: 1;
color: rgba(243, 244, 246, var(--tw-text-opacity))
}
.dark .dark\:text-gray-200 {
--tw-text-opacity: 1;
color: rgba(229, 231, 235, var(--tw-text-opacity))
}
.dark .dark\:text-gray-400 {
--tw-text-opacity: 1;
color: rgba(156, 163, 175, var(--tw-text-opacity))
}
.underline {
text-decoration: underline
}
.w-full {
width: 100%
}
.gap-4 {
gap: 1rem
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
@-webkit-keyframes spin {
to {
transform: rotate(360deg)
}
}
@keyframes spin {
to {
transform: rotate(360deg)
}
}
@-webkit-keyframes ping {
100%,
75% {
transform: scale(2);
opacity: 0
}
}
@keyframes ping {
100%,
75% {
transform: scale(2);
opacity: 0
}
}
@-webkit-keyframes pulse {
50% {
opacity: .5
}
}
@keyframes pulse {
50% {
opacity: .5
}
}
@-webkit-keyframes bounce {
0%,
100% {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
animation-timing-function: cubic-bezier(.8, 0, 1, 1)
}
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
animation-timing-function: cubic-bezier(0, 0, .2, 1)
}
}
@keyframes bounce {
0%,
100% {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
animation-timing-function: cubic-bezier(.8, 0, 1, 1)
}
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
animation-timing-function: cubic-bezier(0, 0, .2, 1)
}
}
blockquote {
--tw-bg-opacity: 1;
background-color: rgba(243, 244, 246, var(--tw-bg-opacity))
}
.dark blockquote {
--tw-bg-opacity: 1;
background-color: rgba(17, 24, 39, var(--tw-bg-opacity))
}
blockquote {
margin-top: 1rem;
margin-bottom: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
padding-right: 1rem
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment