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

animated logo in portfolio

Browse Source
This commit is contained in:
Michal Vanko
2024-10-25 20:29:49 +02:00
parent a2fdec755b
commit 85e86b28bb
6 changed files with 233 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
styles/output.css
View File

@ -624,10 +624,6 @@ video {
grid-column: span 2 / span 2;
}
.col-auto {
grid-column: auto;
}
.row-span-3 {
grid-row: span 3 / span 3;
}
@ -636,6 +632,10 @@ video {
float: inline-start;
}
.float-right {
float: right;
}
.clear-both {
clear: both;
}
@ -656,8 +656,8 @@ video {
margin: 1.5rem;
}
.m-3 {
margin: 0.75rem;
.m-10 {
margin: 2.5rem;
}
.mx-0\.5 {
@ -695,6 +695,11 @@ video {
margin-right: auto;
}
.my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
@ -715,11 +720,6 @@ video {
margin-bottom: 1.25rem;
}
.my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
@ -800,6 +800,14 @@ video {
height: auto;
}
.h-\[256px\] {
height: 256px;
}
.h-\[320px\] {
height: 320px;
}
.max-h-\[236px\] {
max-height: 236px;
}
@ -824,6 +832,18 @@ video {
width: 180px;
}
.w-\[256px\] {
width: 256px;
}
.w-\[320px\] {
width: 320px;
}
.max-w-\[24rem\] {
max-width: 24rem;
}
.max-w-\[32rem\] {
max-width: 32rem;
}
@ -840,30 +860,6 @@ video {
max-width: 64rem;
}
.max-w-20 {
max-width: 5rem;
}
.max-w-60 {
max-width: 15rem;
}
.max-w-\[16rem\] {
max-width: 16rem;
}
.max-w-\[20rem\] {
max-width: 20rem;
}
.max-w-\[24rem\] {
max-width: 24rem;
}
.max-w-\[36rem\] {
max-width: 36rem;
}
.flex-1 {
flex: 1 1 0%;
}
@ -886,10 +882,22 @@ video {
break-inside: avoid;
}
.auto-cols-auto {
grid-auto-columns: auto;
}
.grid-flow-row {
grid-auto-flow: row;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[1fr_auto\] {
grid-template-columns: 1fr auto;
}
.flex-row {
flex-direction: row;
}
@ -902,10 +910,6 @@ video {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.place-content-center {
place-content: center;
}
@ -938,14 +942,14 @@ video {
gap: 0.5rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-4 {
gap: 1rem;
}
.gap-6 {
gap: 1.5rem;
}
.self-start {
align-self: flex-start;
}
@ -978,6 +982,11 @@ video {
border-width: 2px;
}
.border-blue-300 {
--tw-border-opacity: 1;
border-color: rgb(130 195 247 / var(--tw-border-opacity));
}
.border-blue-500 {
--tw-border-opacity: 1;
border-color: rgb(23 137 224 / var(--tw-border-opacity));
@ -993,11 +1002,6 @@ video {
border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.border-blue-300 {
--tw-border-opacity: 1;
border-color: rgb(130 195 247 / var(--tw-border-opacity));
}
.bg-blue-100 {
--tw-bg-opacity: 1;
background-color: rgb(225 239 253 / var(--tw-bg-opacity));
@ -1030,6 +1034,10 @@ video {
padding: 0.125rem;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
@ -1038,10 +1046,6 @@ video {
padding: 1rem;
}
.p-2 {
padding: 0.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
@ -1174,6 +1178,11 @@ video {
color: rgb(11 39 70 / var(--tw-text-opacity));
}
.text-pink-900 {
--tw-text-opacity: 1;
color: rgb(119 24 89 / var(--tw-text-opacity));
}
.text-pink-950 {
--tw-text-opacity: 1;
color: rgb(80 2 56 / var(--tw-text-opacity));
@ -1189,16 +1198,6 @@ 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));
}
.text-pink-900 {
--tw-text-opacity: 1;
color: rgb(119 24 89 / var(--tw-text-opacity));
}
.no-underline {
text-decoration-line: none;
}
@ -2069,6 +2068,10 @@ article a:visited {
grid-template-columns: max-content 1fr;
}
.sm\:grid-cols-\[1fr_auto\] {
grid-template-columns: 1fr auto;
}
.sm\:grid-rows-\[max-content_1fr_max-content\] {
grid-template-rows: max-content 1fr max-content;
}
@ -2084,19 +2087,22 @@ article a:visited {
}
@media (min-width: 768px) {
.md\:mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.md\:my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.md\:mx-0 {
margin-left: 0px;
margin-right: 0px;
.md\:block {
display: block;
}
.md\:mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
.md\:grid {
display: grid;
}
.md\:h-16 {
@ -2111,6 +2117,10 @@ article a:visited {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-\[1fr_auto\] {
grid-template-columns: 1fr auto;
}
.md\:grid-rows-\[masonry\] {
grid-template-rows: masonry;
}
@ -2143,6 +2153,11 @@ article a:visited {
line-height: 2.5rem;
}
.md\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.md\:text-6xl {
font-size: 3.75rem;
line-height: 1;
@ -2163,11 +2178,6 @@ article a:visited {
line-height: 1.75rem;
}
.md\:text-5xl {
font-size: 3rem;
line-height: 1;
}
.md\:leading-tight {
line-height: 1.25;
}
@ -2261,19 +2271,10 @@ article a:visited {
grid-row-start: auto;
}
.xl\:my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.xl\:mb-4 {
margin-bottom: 1rem;
}
.xl\:mt-6 {
margin-top: 1.5rem;
}
.xl\:mt-10 {
margin-top: 2.5rem;
}
@ -2286,10 +2287,6 @@ article a:visited {
display: grid;
}
.xl\:grid-flow-row {
grid-auto-flow: row;
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@ -2307,11 +2304,6 @@ article a:visited {
column-gap: 8rem;
}
.xl\:text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.xl\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
@ -2322,11 +2314,6 @@ article a:visited {
line-height: 1;
}
.xl\:text-9xl {
font-size: 8rem;
line-height: 1;
}
.xl\:font-medium {
font-weight: 500;
}