mirror of https://github.com/Trivernis/whooshy.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
845 B
Sass
52 lines
845 B
Sass
@import vars
|
|
@import animations
|
|
|
|
.tableRow
|
|
display: table-row
|
|
|
|
.hidden
|
|
display: None !important
|
|
|
|
.popup
|
|
height: 60%
|
|
width: 40%
|
|
z-index: 1000
|
|
position: fixed
|
|
top: 20%
|
|
left: 30%
|
|
|
|
.grid
|
|
display: grid
|
|
|
|
.inline-grid
|
|
display: inline-grid
|
|
|
|
.statusIndicator
|
|
min-height: 1em
|
|
min-width: 1em
|
|
border-radius: 1em
|
|
transition-duration: 1s
|
|
|
|
.statusIndicator:before
|
|
content: ""
|
|
|
|
.statusIndicator[status='success']:before
|
|
content: "✓"
|
|
color: $success
|
|
|
|
.statusIndicator[status='error']:before
|
|
content: "❌"
|
|
color: $error
|
|
|
|
.statusIndicator[status='pending']
|
|
background-color: $pending
|
|
animation-name: pulse-opacity
|
|
animation-duration: 5s
|
|
animation-iteration-count: infinite
|
|
|
|
.idle
|
|
background-color: $pending !important
|
|
animation-name: pulse-opacity
|
|
animation-duration: 2s
|
|
animation-iteration-count: infinite
|