web/notify.moe
Code Issues Pull Requests Activity

Redesign

Browse Source
This commit is contained in:
Eduard Urbach
2017-07-22 15:04:54 +02:00
parent e9e0aa89eb
commit 16cbd5167f
29 changed files with 262 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
styles/base.scarlet
View File

@ -1,10 +1,7 @@
html
height 100%
font-family "Ubuntu", "Trebuchet MS", sans-serif
font-size 100%
.osx
font-size 95%
font-size 105%
body
tab-size 4
@ -12,7 +9,6 @@ body
height 100%
color text-color
background-color bg-color
font-size 1.05rem
a
color link-color

11
styles/include/config.scarlet
View File

@ -23,7 +23,8 @@ input-focus-border-color = rgb(248, 165, 130)
// Button
button-hover-color = link-hover-color
forum-tag-hover-color = rgb(46, 85, 160)
forum-tag-hover-color = #225db5
// forum-tag-hover-color = rgb(46, 85, 160)
// Forum
forum-width = 830px
@ -42,7 +43,7 @@ nav-link-hover-slide-color = main-color
// nav-link-hover-color = rgb(80, 80, 80)
// Tables
table-width-normal = 1200px
table-width-normal = 900px
// Loading animation
loading-anim-color = nav-link-hover-slide-color
@ -65,6 +66,6 @@ nav-height = 3.11rem
typography-margin = 0.4rem
// Timings
fade-speed = 200ms
transition-speed = 250ms
mountable-transition-speed = 300ms
fade-speed = 1ms
transition-speed = 200ms
// mountable-transition-speed = 300ms

6
styles/layout.scarlet
View File

@ -7,4 +7,8 @@
overflow-x hidden
overflow-y scroll
position relative
// will-change transform
// will-change transform
#columns
horizontal
height 100%

14
styles/mountable.scarlet
View File

@ -1,8 +1,8 @@
.mountable
opacity 0
transform translateY(0.85rem)
transition opacity mountable-transition-speed ease, transform mountable-transition-speed ease
// .mountable
// opacity 0
// transform translateY(0.85rem)
// transition opacity mountable-transition-speed ease, transform mountable-transition-speed ease
.mounted
opacity 1 !important
transform translateY(0)
// .mounted
// opacity 1 !important
// transform translateY(0)

6
styles/navigation.scarlet
View File

@ -68,9 +68,9 @@
.navigation-button, #search
font-size 1.3em
> 550px
#navigation
padding 0 content-padding
// > 550px
// #navigation
// padding 0 content-padding
> 930px
.navigation-button, #search

26
styles/sidebar.scarlet
View File

@ -1,11 +1,12 @@
sidebar-spacing-y = 0.75rem
sidebar-spacing-y = 0.7rem
#sidebar
vertical
position fixed
left 0
top 0
min-width 265px
z-index 10
min-width 200px
height 100%
background ui-background
transform translateX(-100%)
@ -22,23 +23,34 @@ sidebar-spacing-y = 0.75rem
justify-content center
margin 0.8rem 0
> 700px
#sidebar
opacity 1
transform none
position static
pointer-events all
box-shadow none
border-right ui-border
.sidebar-visible
transform translateX(0) !important
pointer-events all !important
opacity 1 !important
.sidebar-link
// color text-color
color text-color
&.active
.sidebar-button
background rgb(245, 245, 245)
background forum-tag-hover-color
color white
.sidebar-button
horizontal
align-items center
padding sidebar-spacing-y content-padding
padding sidebar-spacing-y 1rem
font-size 0.92rem
// background ui-background
.icon
font-size 1.3rem
margin-right content-padding
font-size 1rem
margin-right 0.75rem

2
styles/table.scarlet
View File

@ -1,7 +1,7 @@
table
width 100%
max-width table-width-normal
margin 0 auto
// margin 0 auto
tr
border-bottom-width 1px

16
styles/tabs.scarlet
View File

@ -1,10 +1,13 @@
.tab
color text-color !important
padding 0.5rem 1rem
border-right ui-border
background-color rgb(224, 224, 224) !important
:hover,
&.active
color white !important
background-color forum-tag-hover-color !important
background-color bg-color !important
transform none
// color text-color !important
// :hover
@ -22,6 +25,11 @@
display none
.tabs
horizontal
margin-left calc(content-padding * -1)
margin-top calc(content-padding * -1)
margin-right calc(content-padding * -2)
border-bottom ui-border
// justify-content flex-start !important
margin-bottom 1rem
margin-top -0.6rem
// margin-bottom 1rem
// margin-top -0.6rem