2016-11-30 15:29:36 +00:00
|
|
|
mixin default-transition
|
|
|
|
|
transition all transition-speed ease
|
|
|
|
|
|
2016-11-29 03:37:36 +00:00
|
|
|
mixin horizontal
|
|
|
|
|
display flex
|
|
|
|
|
flex-direction row
|
|
|
|
|
|
|
|
|
|
mixin horizontal-wrap
|
|
|
|
|
display flex
|
|
|
|
|
flex-flow row wrap
|
|
|
|
|
|
|
|
|
|
mixin vertical
|
|
|
|
|
display flex
|
|
|
|
|
flex-direction column
|
|
|
|
|
|
|
|
|
|
mixin vertical-wrap
|
|
|
|
|
display flex
|
2016-11-29 15:50:50 +00:00
|
|
|
flex-flow column wrap
|
|
|
|
|
|
|
|
|
|
mixin ui-element
|
|
|
|
|
border ui-border
|
|
|
|
|
background ui-background
|
|
|
|
|
border-radius 3px
|
2017-06-19 19:14:54 +00:00
|
|
|
transition border transition-speed ease, background transition-speed ease
|
2016-11-30 12:33:11 +00:00
|
|
|
:hover
|
2016-11-29 15:50:50 +00:00
|
|
|
border ui-hover-border
|
|
|
|
|
background ui-hover-background
|
2016-12-06 03:36:31 +00:00
|
|
|
// box-shadow outline-shadow-medium
|
2016-11-30 12:33:11 +00:00
|
|
|
|
2016-12-01 15:27:53 +00:00
|
|
|
mixin ui-disabled
|
|
|
|
|
background-color ui-disabled-color
|
|
|
|
|
cursor not-allowed
|
|
|
|
|
|
2017-06-07 23:14:45 +00:00
|
|
|
mixin clip-long-text
|
|
|
|
|
overflow hidden
|
|
|
|
|
white-space nowrap
|
|
|
|
|
text-overflow ellipsis
|
|
|
|
|
|
2016-11-30 12:33:11 +00:00
|
|
|
mixin light-up
|
|
|
|
|
filter brightness(0.4) saturate(1)
|
|
|
|
|
:hover
|
|
|
|
|
filter brightness(1) saturate(1.3)
|
|
|
|
|
|
|
|
|
|
mixin saturate-up
|
|
|
|
|
filter saturate(1)
|
|
|
|
|
:hover
|
|
|
|
|
filter saturate(1.3)
|
|
|
|
|
|
|
|
|
|
mixin saturate-up
|
|
|
|
|
filter saturate(1)
|
|
|
|
|
:hover
|
|
|
|
|
filter saturate(1.3)
|
|
|
|
|
|
|
|
|
|
mixin scale-up
|
|
|
|
|
transform scale(1)
|
|
|
|
|
:hover
|
2017-06-17 00:33:22 +00:00
|
|
|
transform scale(1.06)
|
2016-11-30 12:33:11 +00:00
|
|
|
|
|
|
|
|
mixin shadow-up
|
|
|
|
|
box-shadow shadow-light
|
|
|
|
|
:hover
|
2016-11-30 15:29:36 +00:00
|
|
|
box-shadow shadow-medium
|
|
|
|
|
|
|
|
|
|
mixin outline-shadow-up
|
|
|
|
|
box-shadow outline-shadow-light
|
|
|
|
|
:hover
|
|
|
|
|
box-shadow outline-shadow-medium
|
