michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Contact page favicon
Some checks failed
test / cargo test (push) Failing after 1m3s
Details

Browse Source
This commit is contained in:
Michal Vanko
2024-09-20 12:35:30 +02:00
parent 377aee315e
commit 52bd4e5590
13 changed files with 127 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
axum_server/styles/input.css
View File

@ -69,11 +69,11 @@
}
a {
@apply text-pink-800 underline underline-offset-2;
@apply text-pink-800 underline underline-offset-2 hover:transition hover:text-blue-500;
&:hover {
@apply transition text-blue-500;
}
/* &:hover { */
/* @apply transition text-blue-500; */
/* } */
}
strong {
@ -103,9 +103,11 @@ img[height] {
p {
@apply px-4 my-2 text-slate-950 text-justify mx-auto max-w-read md:text-lg md:my-8 lg:text-readxl;
}
pre {
@apply p-4 my-1 overflow-auto text-sm mx-auto max-w-read;
}
figure {
@apply p-4;
@ -164,6 +166,10 @@ img[height] {
}
}
article a {
@apply visited:text-purple-700;
}
.video-embed {
@apply m-4 mx-auto max-w-image aspect-video;
}

95
axum_server/styles/output.css
View File

@ -815,6 +815,22 @@ video {
max-width: 64rem;
}
.max-w-96 {
max-width: 24rem;
}
.max-w-\[64rem\] {
max-width: 64rem;
}
.max-w-\[48rem\] {
max-width: 48rem;
}
.max-w-\[32rem\] {
max-width: 32rem;
}
.flex-grow {
flex-grow: 1;
}
@ -877,6 +893,10 @@ video {
gap: 1rem;
}
.self-start {
align-self: flex-start;
}
.self-center {
align-self: center;
}
@ -944,6 +964,10 @@ video {
fill: #0b2746;
}
.fill-blue-900 {
fill: #103e6a;
}
.p-0 {
padding: 0px;
}
@ -1099,6 +1123,11 @@ video {
color: rgb(30 41 59 / var(--tw-text-opacity));
}
.text-blue-800 {
--tw-text-opacity: 1;
color: rgb(12 73 128 / var(--tw-text-opacity));
}
.no-underline {
text-decoration-line: none;
}
@ -1114,17 +1143,22 @@ a {
color: rgb(146 22 110 / var(--tw-text-opacity));
text-decoration-line: underline;
text-underline-offset: 2px;
&:hover {
--tw-text-opacity: 1;
color: rgb(23 137 224 / var(--tw-text-opacity));
}
&:hover {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
}
a:hover {
--tw-text-opacity: 1;
color: rgb(23 137 224 / var(--tw-text-opacity));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, 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-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
a {
/* &:hover { */
/* @apply transition text-blue-500; */
/* } */
}
strong {
@ -1752,6 +1786,10 @@ img[height] {
}
}
article a:visited {
color: rgb(68 30 115 );
}
.video-embed {
margin: 1rem;
margin-left: auto;
@ -1760,11 +1798,36 @@ img[height] {
max-width: min(70rem, 95vw);
}
.visited\:text-purple-700:visited {
color: rgb(68 30 115 );
}
.hover\:bg-pink-200:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 207 247 / var(--tw-bg-opacity));
}
.hover\:fill-blue-400:hover {
fill: #42a6f0;
}
.hover\:text-blue-400:hover {
--tw-text-opacity: 1;
color: rgb(66 166 240 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
.sm\:my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.sm\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 768px) {
.md\:my-8 {
margin-top: 2rem;
@ -1853,6 +1916,16 @@ img[height] {
grid-row-start: 2;
}
.lg\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.lg\:my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.lg\:mt-20 {
margin-top: 5rem;
}