forked from github/pelican
feat: fancy subtitle, more whitespace between footer elements
This commit is contained in:
parent
f8ca328568
commit
e663b95c9e
3 changed files with 224 additions and 19 deletions
|
|
@ -1209,6 +1209,26 @@ code {
|
|||
}
|
||||
}
|
||||
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.z-10 {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.-z-10 {
|
||||
z-index: -10;
|
||||
}
|
||||
|
||||
.z-20 {
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.col-span-1 {
|
||||
grid-column: span 1 / span 1;
|
||||
}
|
||||
|
|
@ -1221,10 +1241,6 @@ code {
|
|||
grid-column: span 3 / span 3;
|
||||
}
|
||||
|
||||
.col-span-7 {
|
||||
grid-column: span 7 / span 7;
|
||||
}
|
||||
|
||||
.col-span-9 {
|
||||
grid-column: span 9 / span 9;
|
||||
}
|
||||
|
|
@ -1257,6 +1273,10 @@ code {
|
|||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.-mt-11 {
|
||||
margin-top: -2.75rem;
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -1290,6 +1310,30 @@ code {
|
|||
width: 2rem;
|
||||
}
|
||||
|
||||
.-rotate-45 {
|
||||
--tw-rotate: -45deg;
|
||||
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));
|
||||
}
|
||||
|
||||
.-rotate-12 {
|
||||
--tw-rotate: -12deg;
|
||||
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));
|
||||
}
|
||||
|
||||
.-rotate-6 {
|
||||
--tw-rotate: -6deg;
|
||||
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));
|
||||
}
|
||||
|
||||
.-rotate-3 {
|
||||
--tw-rotate: -3deg;
|
||||
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 {
|
||||
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));
|
||||
}
|
||||
|
||||
.list-outside {
|
||||
list-style-position: outside;
|
||||
}
|
||||
|
|
@ -1347,6 +1391,10 @@ code {
|
|||
border-top-width: 2px;
|
||||
}
|
||||
|
||||
.border-l-4 {
|
||||
border-left-width: 4px;
|
||||
}
|
||||
|
||||
.border-rp-dawn-gold {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(234 157 52 / var(--tw-border-opacity, 1));
|
||||
|
|
@ -1357,6 +1405,15 @@ code {
|
|||
border-color: rgb(242 233 225 / var(--tw-border-opacity, 1));
|
||||
}
|
||||
|
||||
.border-rp-dawn-rose {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(215 130 126 / var(--tw-border-opacity, 1));
|
||||
}
|
||||
|
||||
.border-transparent {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.bg-rp-dawn-base {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(250 244 237 / var(--tw-bg-opacity, 1));
|
||||
|
|
@ -1372,14 +1429,61 @@ code {
|
|||
background-color: rgb(255 250 243 / var(--tw-bg-opacity, 1));
|
||||
}
|
||||
|
||||
.bg-green-600 {
|
||||
.bg-rp-dawn-love {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
|
||||
background-color: rgb(180 99 122 / var(--tw-bg-opacity, 1));
|
||||
}
|
||||
|
||||
.bg-yellow-300 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
|
||||
.bg-gradient-to-r {
|
||||
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
||||
}
|
||||
|
||||
.from-indigo-500 {
|
||||
--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-rp-dawn-love {
|
||||
--tw-gradient-from: #b4637a var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(180 99 122 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-rp-dawn-gold {
|
||||
--tw-gradient-from: #ea9d34 var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(234 157 52 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-10\% {
|
||||
--tw-gradient-from-position: 10%;
|
||||
}
|
||||
|
||||
.via-sky-500 {
|
||||
--tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), #0ea5e9 var(--tw-gradient-via-position), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.via-rp-dawn-gold {
|
||||
--tw-gradient-to: rgb(234 157 52 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), #ea9d34 var(--tw-gradient-via-position), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.via-30\% {
|
||||
--tw-gradient-via-position: 30%;
|
||||
}
|
||||
|
||||
.to-emerald-500 {
|
||||
--tw-gradient-to: #10b981 var(--tw-gradient-to-position);
|
||||
}
|
||||
|
||||
.to-rp-dawn-pine {
|
||||
--tw-gradient-to: #286983 var(--tw-gradient-to-position);
|
||||
}
|
||||
|
||||
.to-90\% {
|
||||
--tw-gradient-to-position: 90%;
|
||||
}
|
||||
|
||||
.p-1 {
|
||||
|
|
@ -1398,6 +1502,10 @@ code {
|
|||
padding: 2rem;
|
||||
}
|
||||
|
||||
.p-10 {
|
||||
padding: 2.5rem;
|
||||
}
|
||||
|
||||
.pb-60 {
|
||||
padding-bottom: 15rem;
|
||||
}
|
||||
|
|
@ -1410,6 +1518,18 @@ code {
|
|||
padding-top: 5rem;
|
||||
}
|
||||
|
||||
.pb-5 {
|
||||
padding-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.pb-3 {
|
||||
padding-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.pb-4 {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -1438,6 +1558,16 @@ code {
|
|||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.text-lg {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.text-base {
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
|
@ -1470,6 +1600,21 @@ code {
|
|||
color: rgb(87 82 121 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
|
||||
.text-rp-dawn-gold {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(234 157 52 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
|
||||
.text-rp-dawn-base {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(250 244 237 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
|
||||
.text-rp-dawn-overlay {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(242 233 225 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
|
||||
.no-underline {
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
|
@ -2110,6 +2255,25 @@ code {
|
|||
}
|
||||
}
|
||||
|
||||
.hover\:border-l-4:hover {
|
||||
border-left-width: 4px;
|
||||
}
|
||||
|
||||
.hover\:border-rp-dawn-rose:hover {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(215 130 126 / var(--tw-border-opacity, 1));
|
||||
}
|
||||
|
||||
.hover\:border-red-700:hover {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
|
||||
}
|
||||
|
||||
.hover\:bg-rp-dawn-love:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(180 99 122 / var(--tw-bg-opacity, 1));
|
||||
}
|
||||
|
||||
.hover\:no-underline:hover {
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
|
@ -2136,10 +2300,6 @@ code {
|
|||
grid-column: span 7 / span 7;
|
||||
}
|
||||
|
||||
.md\:grid-cols-5 {
|
||||
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.md\:grid-cols-6 {
|
||||
grid-template-columns: repeat(6, minmax(0, 1fr));
|
||||
}
|
||||
|
|
@ -2172,6 +2332,11 @@ code {
|
|||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.md\:text-xl {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
|
|
@ -2231,4 +2396,24 @@ code {
|
|||
--tw-text-opacity: 1;
|
||||
color: rgb(224 222 244 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
|
||||
.dark\:text-rp-moon-gold {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(246 193 119 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
|
||||
.dark\:text-rp-moon-highlight-low {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(42 40 62 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
|
||||
.dark\:text-rp-moon-subtle {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(144 140 170 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
|
||||
.dark\:text-rp-moon-highlight-med {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(68 65 90 / var(--tw-text-opacity, 1));
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue