web/notify.moe
Code Issues Pull Requests Activity

New style for groups

Browse Source
This commit is contained in:
Eduard Urbach
2018-11-22 16:52:29 +09:00
parent e4df90bf17
commit eb38a65f78
20 changed files with 107 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
styles/content.scarlet
View File

@ -1,5 +1,4 @@
#content
vertical
padding content-padding
padding-top content-padding-top
line-height content-line-height

2
styles/include/config.scarlet
View File

@ -121,8 +121,8 @@ outline-shadow-heavy = 0 0 6px rgba(0, 0, 0, 0.6)
// Distances
const content-padding = 1.6rem
const content-padding-top = 1.6rem
const content-padding-half = calc(content-padding / 2)
const content-padding-negative = calc(content-padding * -1)
const content-line-height = 1.7em
const typography-margin = 0.4rem
const media-bottom-margin = 2rem

9
styles/mixins/cover-image.scarlet Normal file
View File

@ -0,0 +1,9 @@
mixin cover-image-container
position relative
left content-padding-negative
top content-padding-negative
min-width calc(100% + content-padding * 2)
padding calc(content-padding * 2)
color white
text-shadow 0px 0px 2px rgb(0, 0, 0, 0.5)
overflow hidden

4
styles/status-message.scarlet
View File

@ -4,6 +4,7 @@
bottom 0
left 0
width 100%
line-height content-line-height
padding content-padding-half content-padding
pointer-events none
z-index 1000
@ -18,6 +19,9 @@
.status-message-action
color white !important
pointer-events auto !important
display flex
justify-content center
align-items center
.error-message
color white