-
Notifications
You must be signed in to change notification settings - Fork 276
/
_header.styl
70 lines (66 loc) · 1.07 KB
/
_header.styl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
html,
body
height 100%
$bg
background-color main
.content
width 95%
text-align center
padding rem(140px) 0 rem(66px)
.bar-header
background sec
padding rem(10px) rem(20px)
box-shadow 0 -3px 9px #000
position fixed
width 100%
z-index 10
.logo
margin 0
line-height rem(35px)
.logo a
color main
text-decoration none
font-size rem(28px)
&:after
transition all .4s
content '</> AD'
+above(cut)
content '</> Anon Developer'
// Header Post
.header-post
@extends $bg
min-height rem(500px)
position fixed
width 100%
.content
margin auto
max-width rem(800px)
.subheader
display table
padding 20px
a
border 2px solid sec
border-radius 20px
padding 0 10px
+above(cut)
padding 0 10px
.date
mainFont(300)
font-size rem(16px)
h1
font-size rem(30px)
margin 0 0 30px
text-shadow 3px 3px darken(main, 20%)
+above(cut)
font-size rem(60px)
.subtitle
mainFont(300)
font-size rem(20px)
h1,.subtitle, .date
color sec
text-align center
a,p
color sec
text-decoration none
mainFont(300)
font-size rem(18px)