Files
blog/assets/css/custom.css
2022-02-13 17:32:18 +01:00

194 lines
2.2 KiB
CSS

.static {
position: static
}
.mt-0 {
margin-top: 0px
}
.mb-12 {
margin-bottom: 3rem
}
.mb-8 {
margin-bottom: 2rem
}
.mb-2 {
margin-bottom: 0.5rem
}
.mt-1 {
margin-top: 0.25rem
}
.inline-block {
display: inline-block
}
.flex {
display: flex
}
.grid {
display: grid
}
.contents {
display: contents
}
.h-full {
height: 100%
}
.h-36 {
height: 9rem
}
.w-36 {
width: 9rem
}
.flex-grow {
flex-grow: 1
}
.flex-col {
flex-direction: column
}
.items-center {
align-items: center
}
.justify-end {
justify-content: flex-end
}
.justify-center {
justify-content: center
}
.gap-4 {
gap: 1rem
}
.rounded {
border-radius: 0.25rem
}
.\!rounded-md {
border-radius: 0.375rem !important
}
.rounded-full {
border-radius: 9999px
}
.border-2 {
border-width: 2px
}
.border-b-8 {
border-bottom-width: 8px
}
.border-b-2 {
border-bottom-width: 2px
}
.border-purple-500 {
--tw-border-opacity: 1;
border-color: rgb(168 85 247 / var(--tw-border-opacity))
}
.p-4 {
padding: 1rem
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem
}
.pb-2 {
padding-bottom: 0.5rem
}
.pb-1 {
padding-bottom: 0.25rem
}
.text-center {
text-align: center
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem
}
.font-extrabold {
font-weight: 800
}
.font-bold {
font-weight: 700
}
.text-neutral-900 {
--tw-text-opacity: 1;
color: rgb(23 23 23 / var(--tw-text-opacity))
}
.text-neutral-500 {
--tw-text-opacity: 1;
color: rgb(115 115 115 / var(--tw-text-opacity))
}
.\!no-underline {
-webkit-text-decoration-line: none !important;
text-decoration-line: none !important
}
@media (prefers-color-scheme: dark) {
.dark\:text-neutral-400 {
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity))
}
}
@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))
}
}
@media (min-width: 1024px) {
.lg\:flex-row {
flex-direction: row
}
}