web/notify.moe
Code Issues Pull Requests Activity

Improved styles

Browse Source
This commit is contained in:
Eduard Urbach
2016-12-01 00:29:36 +09:00
parent 4631a10d24
commit fe03d70095
15 changed files with 245 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pages/anime/anime.pixy
View File

@ -4,6 +4,8 @@ component Anime(anime *arn.Anime)
.anime-image-container
img.anime-cover-image(src=anime.Image, alt=anime.Title.Romaji)
.space
.anime-info
h2.anime-title(title=anime.Type)= anime.Title.Romaji
@ -55,7 +57,7 @@ component Anime(anime *arn.Anime)
.light-button-group
each studio in anime.Studios
a.light-button(href="https://anilist.co/studio/" + toString(studio.ID), target="_blank")
i.fa.fa-building.fa-fw
Icon("building")
span= studio.Name
//- //-if crunchy

21
pages/anime/anime.scarlet
View File

@ -1,3 +1,6 @@
.anime-section-name
font-weight bold
.anime-header
horizontal
@ -11,7 +14,7 @@
height auto
border-radius 3px
transition all transition-speed ease
default-transition
object-fit cover
saturate-up
@ -20,7 +23,10 @@
.anime-info
vertical
flex 1
margin-left content-padding
.space
width content-padding
height content-padding
.anime-title
text-align left
@ -47,4 +53,13 @@
.relation-image
width 100px
height 141px
height 141px
border-radius 3px
object-fit cover
default-transition
scale-up
shadow-up
< 800px
.anime-header
vertical

2
pages/anime/anime.styl
View File

@ -60,7 +60,7 @@
border-radius 3px
box-shadow 4px 4px 8px rgba(0, 0, 0, 0.12)
filter saturate(100%)
transition all transition-speed ease
default-transition
object-fit cover
:hover
filter saturate(130%)

4
pages/profile/profile.scarlet
View File

@ -13,7 +13,7 @@ profile-boot-duration = 2s
color white
text-shadow 0px 0px 2px rgb(0, 0, 0, 0.5)
transition all transition-speed ease
default-transition
animation-name appear
animation-duration transition-speed
@ -37,7 +37,7 @@ profile-boot-duration = 2s
background-size cover
overflow hidden
transition all transition-speed ease
default-transition
animation cover-animation profile-boot-duration
animation-fill-mode forwards

4
pages/profile/profile.styl
View File

@ -10,7 +10,7 @@ profileBootDuration = 2s
color white
text-shadow 0px 0px 2px rgb(0, 0, 0, 0.5)
transition all transition-speed ease
default-transition
animation-name appear
animation-duration transition-speed
@ -38,7 +38,7 @@ profileBootDuration = 2s
background-size cover
overflow hidden
transition all transition-speed ease
default-transition
animation cover-animation profileBootDuration
animation-fill-mode forwards

5
pages/search/popular.scarlet
View File

@ -13,4 +13,7 @@
.popular-anime-image
width 100px !important
height 141px !important
border-radius 3px
border-radius 3px
object-fit cover
default-transition
shadow-up