2016-12-01 00:29:36 +09:00
|
|
|
mixin default-transition
|
|
|
|
|
transition all transition-speed ease
|
|
|
|
|
|
2016-11-29 12:37:36 +09: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-30 00:50:50 +09:00
|
|
|
flex-flow column wrap
|
|
|
|
|
|
|
|
|
|
mixin ui-element
|
|
|
|
|
border ui-border
|
|
|
|
|
background ui-background
|
|
|
|
|
border-radius 3px
|
2017-06-19 21:14:54 +02:00
|
|
|
transition border transition-speed ease, background transition-speed ease
|
2016-11-30 21:33:11 +09:00
|
|
|
:hover
|
2016-11-30 00:50:50 +09:00
|
|
|
border ui-hover-border
|
|
|
|
|
background ui-hover-background
|
2016-12-06 12:36:31 +09:00
|
|
|
// box-shadow outline-shadow-medium
|
2016-11-30 21:33:11 +09:00
|
|
|
|
2016-12-02 00:27:53 +09:00
|
|
|
mixin ui-disabled
|
|
|
|
|
background-color ui-disabled-color
|
|
|
|
|
cursor not-allowed
|
|
|
|
|
|
2017-06-08 01:14:45 +02:00
|
|
|
mixin clip-long-text
|
|
|
|
|
overflow hidden
|
|
|
|
|
white-space nowrap
|
|
|
|
|
text-overflow ellipsis
|
|
|
|
|
|
2016-11-30 21:33:11 +09: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 02:33:22 +02:00
|
|
|
transform scale(1.06)
|
2016-11-30 21:33:11 +09:00
|
|
|
|
|
|
|
|
mixin shadow-up
|
|
|
|
|
box-shadow shadow-light
|
|
|
|
|
:hover
|
2016-12-01 00:29:36 +09:00
|
|
|
box-shadow shadow-medium
|
|
|
|
|
|
|
|
|
|
mixin outline-shadow-up
|
|
|
|
|
box-shadow outline-shadow-light
|
|
|
|
|
:hover
|
|
|
|
|
box-shadow outline-shadow-medium
|
