Add ALT text to images

Correct static methods
Tidy up code
This commit is contained in:
Michał Gdula 2023-03-11 22:14:03 +00:00
parent e192554a0b
commit 3ee287d6e3
23 changed files with 427 additions and 430 deletions

View file

@ -44,35 +44,33 @@
transform: scale(1.05) // scale up
transition: all 0.3s cubic-bezier(.79, .14, .15, .86)
> h2
margin: 0
padding: 0
.image-title
margin: 0
font-size: 1rem
font-weight: 600
font-size: 1rem
font-weight: 600
color: $primary
color: $primary
text-overflow: ellipsis
overflow: hidden
text-overflow: ellipsis
overflow: hidden
opacity: 0 // hide
transition: all 0.2s ease-in-out
opacity: 0 // hide
transition: all 0.2s ease-in-out
> p
margin: 0
padding: 0
.image-subtitle
margin: 0
font-size: 0.8rem
font-weight: 500
font-size: 0.8rem
font-weight: 500
color: $white
color: $white
text-overflow: ellipsis
overflow: hidden
text-overflow: ellipsis
overflow: hidden
opacity: 0 // hide
transition: all 0.2s ease-in-out
opacity: 0 // hide
transition: all 0.2s ease-in-out
img
width: 100%
@ -95,13 +93,14 @@
padding-bottom: 100%
&:hover
span
.image-filter
bottom: 0
opacity: 1
transform: scale(1)
> h2, > p
opacity: 1
.image-title,
.image-subtitle
opacity: 1
img
transform: scale(1)

View file

@ -173,14 +173,14 @@
margin: 0
padding: 0
width: 100%
height: 2rem
width: 1.5rem
height: 1.5rem
display: flex
justify-content: center
align-items: center
border-radius: $rad-inner
border-radius: 50%
// border: 1px solid $white
.img-groups

View file

@ -48,7 +48,7 @@ html, body
color: $black
.big-text
height: 60vh
height: 20rem
display: flex
flex-direction: column
@ -102,38 +102,8 @@ html, body
color: $white
footer
margin: 0
padding: 0.25rem 1rem
width: 100%
display: flex
justify-content: center
align-items: center
gap: 1rem
background-color: $white
p
margin: 0
padding: 0
font-size: 0.75rem
font-weight: 400
text-align: center
color: $black
a
margin: 0
padding: 0
font-size: 0.75rem
font-weight: 400
text-align: center
color: $primary
#contrast-check
transition: color 0.15s ease-in-out
@media (max-width: $breakpoint)