web/notify.moe
Code Issues Pull Requests Activity

Group up existing components into elements

Browse Source
This commit is contained in:
Eduard Urbach
2019-11-19 16:12:52 +09:00
parent dc4fc1410d
commit c542bcdcd6
77 changed files with 291 additions and 349 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
pages/animelist/animelist.scarlet
View File

@ -94,17 +94,17 @@
:focus
transform scale(1.5)
.anime-list-item-actions
display none
// .anime-list-item-actions
// display none
> 740px
.anime-list-item-actions
display flex
flex-basis 30px
flex-shrink 1
// > 740px
// .anime-list-item-actions
// display flex
// flex-basis 30px
// flex-shrink 1
:empty
display none
// :empty
// display none
.anime-list-item-airing-date
display none
@ -123,4 +123,4 @@
< 1100px
.anime-list-item-rating-container
display none
display none

17
pages/character/character.scarlet
View File

@ -43,23 +43,6 @@
list-style-type none
margin 0
.character-anime
horizontal-wrap
.character-anime-item
horizontal
width 100%
max-width 440px
.character-anime-item-overview
anime-mini-item
.character-anime-item-image
anime-mini-item-image
.character-anime-item-details
margin-left 1rem
.character-spoiler
margin typography-margin 0

6
pages/groups/groups.scarlet
View File

@ -1,10 +1,6 @@
const group-padding-y = 0.75rem
const group-padding-x = 0.75rem
.groups-beta-message
text-align center
margin-bottom 1rem
.groups
display grid
grid-gap content-padding-half
@ -47,4 +43,4 @@ const group-padding-x = 0.75rem
right 1rem
text-align right
font-size 0.8rem
opacity 0.5
opacity 0.5

9
pages/profile/profile.scarlet
View File

@ -121,13 +121,6 @@ const profile-image-size = 280px
display grid
grid-template-columns 27% 46% 27%
.profile-pro-status
position absolute
right 0
bottom 0
padding content-padding
margin-top 0
.profile-introduction
h1, h2, h3, h4, h5, h6
text-align left
@ -241,4 +234,4 @@ const box-margin = 2px
.no-data
width 100%
text-align center
text-align center

57
pages/quotes/quotes.scarlet
View File

@ -1,60 +1,3 @@
const quote-margin = 1rem
.quotes
horizontal-wrap
justify-content space-around
.quote
vertical
flex 1
flex-basis 500px
margin quote-margin 0
> 500px
.quote
margin quote-margin
.quote-content
vertical
ui-element
border-left 5px solid quote-side-border-color !important
box-shadow shadow-light
.quote-line
// ...
.quote-character
horizontal
align-self flex-end
margin 0 1em 1em 0
.character
margin 0
.quote-footer
media-footer
blockquote
flex-grow 1
padding 1em
p
line-height 2em
quotes "\201C""\201D"
color text-color
:before
color quote-color
content open-quote
font-size 4em
line-height 0.1em
margin-right 0.25em
vertical-align -0.4em
:after
color quote-color
content close-quote
font-size 4em
line-height 0.1em
margin-left 0.25em
vertical-align -0.4em