fixes
All checks were successful
deploy to production / deploy (push) Successful in 35s

This commit is contained in:
Robin Grenzdörfer 2023-09-01 13:46:53 +00:00
parent 190c83f4b0
commit e02ac8e1f7
7 changed files with 16 additions and 11 deletions

View File

@ -118,6 +118,7 @@
.lower { .lower {
color: @font-color-secondary; color: @font-color-secondary;
font-size: 22px; font-size: 22px;
font-family: "Libre Caslon Text", serif;
@media @tablet { @media @tablet {
font-size: 24px; font-size: 24px;
} }

View File

@ -83,9 +83,9 @@
& > .row { & > .row {
padding: 10px; padding: 10px;
padding-top: 30px; padding: 30px 10px;
@media @tablet { @media @tablet {
padding-top: 80px; padding: 80px 10px;
} }
width: 100%; width: 100%;
position: relative; position: relative;

View File

@ -65,6 +65,9 @@
display: block; display: block;
width: 100%; width: 100%;
} }
.short {
font-weight: 700;
}
.content { .content {
position: absolute; position: absolute;
&:hover { &:hover {
@ -152,7 +155,9 @@
max-width: 1000px; max-width: 1000px;
padding: 5px; padding: 5px;
background-color: white; background-color: white;
.short {
padding-left: 8px;
}
.long { .long {
padding-left: 15px; padding-left: 15px;
max-width: fit-content; max-width: fit-content;

View File

@ -34,6 +34,8 @@
border: 2px solid @bg-color; border: 2px solid @bg-color;
.abbriviation { .abbriviation {
padding-right: 10px; padding-right: 10px;
padding-left: 8px;
font-weight: 700;
} }
.name { .name {
padding-right: 10px; padding-right: 10px;

View File

@ -28,7 +28,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 150px; width: 150px;
gap: 20px;
max-width: 45%; max-width: 45%;
flex-grow: 1; flex-grow: 1;
font-size: 0.9rem; font-size: 0.9rem;
@ -37,12 +37,8 @@
max-width: initial; max-width: initial;
flex-grow: initial; flex-grow: initial;
width: 160px; width: 160px;
gap: 10px;
}
@media @desktop {
width: 230px;
gap: 40px;
} }
img { img {
width: 75%; width: 75%;
height: auto; height: auto;

View File

@ -33,7 +33,7 @@
.iconCycleSquares { .iconCycleSquares {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: flex-start;
gap: 10px; gap: 10px;
font-size: 0.8rem; font-size: 0.8rem;
transition: all 600ms; transition: all 600ms;

View File

@ -57,8 +57,9 @@
button { button {
background-color: @bg-color; background-color: @bg-color;
color: @font-color; color: @font-color;
height: 36px;
padding: 2px 15px; padding: 2px 15px;
font-size: 14px; font-size: 20px;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
} }