web/notify.moe
Code Issues Pull Requests Activity

Use content-padding-half constant

Browse Source
This commit is contained in:
Eduard Urbach
2018-11-21 16:43:41 +09:00
parent 7650137b4d
commit 45661b786c
14 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/anime/amvs.scarlet
View File

@ -5,4 +5,4 @@
.anime-amvs
.amv
max-width 200px
margin calc(content-padding / 2)
margin content-padding-half

2
pages/anime/soundtracks.scarlet
View File

@ -18,7 +18,7 @@
.soundtrack
max-width 200px
margin calc(content-padding / 2)
margin content-padding-half
.soundtrack-content
min-height 112px

4
pages/animelist/animelist.scarlet
View File

@ -1,7 +1,7 @@
.anime-list-user-avatar
position absolute
top calc(content-padding / 2)
left calc(content-padding / 2)
top content-padding-half
left content-padding-half
.anime-list-container
width 100%

2
pages/animelistitem/animelistitem.scarlet
View File

@ -3,7 +3,7 @@
width 100%
max-width 530px
margin 0 auto
margin-top calc(content-padding / 2)
margin-top content-padding-half
.anime-list-item-others
display grid

4
pages/companies/popular.scarlet
View File

@ -8,7 +8,7 @@ const popular-company-height = 246px
vertical
width 100%
margin 0
margin-bottom calc(content-padding / 2)
margin-bottom content-padding-half
padding 0.5rem 0.75rem
overflow hidden
ui-element
@ -40,7 +40,7 @@ const popular-company-height = 246px
height popular-company-height
max-height popular-company-height
padding 0.75rem 1rem
margin calc(content-padding / 2)
margin content-padding-half
.popular-company-body
display block

4
pages/explore/explore.scarlet
View File

@ -1,10 +1,10 @@
.explore-filters
horizontal
justify-content center
margin-bottom calc(content-padding / 2)
margin-bottom content-padding-half
.explore-anime
margin-top calc(content-padding / 2)
margin-top content-padding-half
.option-any
color reverse-light-hover-color

2
pages/groups/groups.scarlet
View File

@ -3,7 +3,7 @@ const group-padding-x = 0.75rem
.groups
display grid
grid-gap calc(content-padding / 2)
grid-gap content-padding-half
// grid-template-columns repeat(auto-fill, min(100%, 520px))
// justify-content center

2
pages/profile/profile.scarlet
View File

@ -46,7 +46,7 @@ const profile-image-size = 280px
.profile-column
// border 1px solid red
// height 100px
padding calc(content-padding / 2)
padding content-padding-half
.profile-column-header
font-style bold

2
pages/soundtrack/lyrics.scarlet
View File

@ -6,7 +6,7 @@
flex 1
min-width 300px
max-width 500px
padding calc(content-padding / 2)
padding content-padding-half
.lyrics-paragraph
margin 1rem 0

2
pages/users/users.scarlet
View File

@ -14,7 +14,7 @@
flex-basis 170px
flex-grow 0
height 230px
margin calc(content-padding / 2)
margin content-padding-half
position relative
border ui-border
box-shadow shadow-light