LingoSynth/lingosynth/app/static/css/utils.sass

28 lines
518 B
Sass
Raw Permalink Normal View History

2023-05-11 21:48:16 +02:00
@import '_vars'
div.alert
margin-block: 1rem
padding: 1rem
border-radius: 0.5rem
border-left: 0.5rem solid $accent
background: $surface1
transition: opacity 0.5s ease-in-out
2023-05-11 23:28:39 +02:00
position: relative
2023-05-11 21:48:16 +02:00
&.effect
opacity: 0
&.error
border-left-color: $red
2023-05-11 23:28:39 +02:00
i.ti.ti-x
position: absolute
top: 0.5rem
right: 0.5rem
font-size: 1.5rem
cursor: pointer
transition: color 0.1s ease-in-out
&:hover
color: $red