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
|
|
|
|
|
|
2017-11-03 12:02:13 +01:00
|
|
|
mixin horizontal-wrap-center
|
|
|
|
|
horizontal-wrap
|
|
|
|
|
justify-content center
|
|
|
|
|
|
2016-11-29 12:37:36 +09:00
|
|
|
mixin vertical
|
|
|
|
|
display flex
|
|
|
|
|
flex-direction column
|
|
|
|
|
|
|
|
|
|
mixin vertical-wrap
|
|
|
|
|
display flex
|
2016-11-30 00:50:50 +09:00
|
|
|
flex-flow column wrap
|
|
|
|
|
|
2017-11-03 12:02:13 +01:00
|
|
|
mixin vertical-wrap-center
|
|
|
|
|
horizontal-wrap
|
|
|
|
|
align-items center
|
|
|
|
|
|
2017-07-22 16:31:25 +02:00
|
|
|
mixin noise-light
|
2017-11-28 21:48:12 +01:00
|
|
|
background-image url("//media.notify.moe/images/elements/noise-light.png")
|
2017-07-22 16:31:25 +02:00
|
|
|
|
|
|
|
|
mixin noise-strong
|
2017-11-28 21:48:12 +01:00
|
|
|
background-image url("//media.notify.moe/images/elements/noise-strong.png")
|
2017-07-22 16:31:25 +02:00
|
|
|
|
2016-11-30 00:50:50 +09:00
|
|
|
mixin ui-element
|
2017-06-26 15:17:53 +02:00
|
|
|
border 1px solid ui-border-color
|
2016-11-30 00:50:50 +09:00
|
|
|
background ui-background
|
2017-10-18 18:18:15 +02:00
|
|
|
border-radius ui-element-border-radius
|
2017-06-19 23:06:48 +02:00
|
|
|
default-transition
|
2016-11-30 21:33:11 +09:00
|
|
|
:hover
|
2017-06-26 15:17:53 +02:00
|
|
|
border-color ui-hover-border-color
|
|
|
|
|
// 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
|
|
|
|
|
|
2017-10-17 16:58:28 +02:00
|
|
|
mixin anime-mini-item
|
|
|
|
|
margin 0.25rem
|
|
|
|
|
|
2018-03-21 05:31:27 +01:00
|
|
|
mixin anime-generic-item-image
|
2017-11-12 11:51:34 +01:00
|
|
|
object-fit cover
|
2017-10-16 01:26:41 +02:00
|
|
|
border-radius 2px
|
|
|
|
|
filter none
|
|
|
|
|
transition filter transition-speed ease, opacity transition-speed ease
|
2017-11-12 11:49:06 +01:00
|
|
|
|
2017-10-16 01:26:41 +02:00
|
|
|
:hover
|
|
|
|
|
filter saturate(1.3)
|
|
|
|
|
|
2018-03-21 05:31:27 +01:00
|
|
|
mixin anime-mini-item-image
|
2018-03-22 20:15:21 +01:00
|
|
|
width anime-image-small-width !important
|
|
|
|
|
height anime-image-small-height !important
|
2018-03-21 05:31:27 +01:00
|
|
|
anime-generic-item-image
|
|
|
|
|
|
2018-03-22 22:41:45 +01:00
|
|
|
// Make it easier for the browser to layout by specifying max size as well
|
2018-03-22 20:15:21 +01:00
|
|
|
max-width anime-image-small-width
|
2018-03-22 22:41:45 +01:00
|
|
|
max-height anime-image-small-height
|
2018-03-22 20:15:21 +01:00
|
|
|
|
2018-03-08 17:36:55 +01:00
|
|
|
mixin anime-list-item-image
|
2018-03-22 20:15:21 +01:00
|
|
|
width anime-image-tiny-width
|
|
|
|
|
height anime-image-tiny-height
|
2018-03-08 17:36:55 +01:00
|
|
|
border-radius 2px
|
|
|
|
|
object-fit cover
|
|
|
|
|
|
2018-03-22 22:41:45 +01:00
|
|
|
// Make it easier for the browser to layout by specifying max size as well
|
2018-03-22 20:15:21 +01:00
|
|
|
max-width anime-image-tiny-width
|
2018-03-22 22:41:45 +01:00
|
|
|
max-height anime-image-tiny-height
|
2018-03-22 20:15:21 +01:00
|
|
|
|
2017-11-29 15:36:44 +01:00
|
|
|
mixin sidebar
|
2017-11-29 16:29:30 +01:00
|
|
|
vertical
|
|
|
|
|
margin-left 0
|
|
|
|
|
margin-top 1rem
|
|
|
|
|
flex-shrink 0
|
|
|
|
|
|
|
|
|
|
mixin sidebar-medium
|
2017-11-29 15:36:44 +01:00
|
|
|
margin-left content-padding
|
|
|
|
|
margin-top 0
|
2017-11-29 16:29:30 +01:00
|
|
|
flex-basis 270px
|
|
|
|
|
|
|
|
|
|
mixin sidebar-big
|
|
|
|
|
flex-basis 300px
|
2017-11-29 15:36:44 +01:00
|
|
|
|
2017-06-28 19:30:09 +02:00
|
|
|
mixin bg-dark-up
|
|
|
|
|
background-color transparent
|
|
|
|
|
:hover
|
|
|
|
|
background-color rgba(0, 0, 0, 0.015)
|
|
|
|
|
|
2017-11-03 09:34:21 +01:00
|
|
|
mixin bg-light-up
|
|
|
|
|
background-color transparent
|
|
|
|
|
:hover
|
|
|
|
|
background-color rgba(255, 255, 255, 0.015)
|
|
|
|
|
|
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-11-11 21:54:15 +01:00
|
|
|
transform scale(1.056338)
|
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
|
2017-11-11 21:54:15 +01:00
|
|
|
box-shadow outline-shadow-medium
|
