mirror of https://github.com/onweru/compose.git

weru
30.04.2020 dfad1ec43b34f84ddcee2b94ea2641fe0d798a6c
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
*
  box-sizing: border-box
  -webkit-appearance: none
  margin: 0
  padding: 0
 
body, html 
  scroll-behavior: smooth
 
body
  font-family: var(--font)
  background-color: var(--bg)
  color: var(--text)
  font-size: 16px
  line-height: 1.5
  max-width: 1440px
  margin: 0 auto
  position: relative
  font-kerning: normal
  display: flex
  flex-direction: column
  justify-content: space-between
  min-height: 100vh
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
 
a
  text-decoration: none
  color: inherit
p
  padding: 1rem 0
li 
  padding: 0.25rem 0
  p
    padding: 0.5rem 0
blockquote 
  opacity: 0.8
  padding: 1rem
  position: relative
  quotes: '\201C''\201D''\2018''\2019'
  margin: 0.75rem 0
  display: flex
  flex-flow: row wrap
  background-repeat: no-repeat
  background-size: 5rem
  background-position: 50% 50%
  position: relative
  &::before 
    content: ""
    padding: 1px
    position: absolute
    top: 0
    bottom: 0
    left: 0
    background: var(--theme)
  
  p
    padding-left: 0.5rem 0 !important
    font-size: 1.1rem !important
    width: 100%
    font-weight: 300
    font-style: italic
 
h1,h2,h3,h4,h5
  font-family: inherit
  font-weight: 500
  padding: 0.33rem 0
  color: inherit
  line-height: 1.35
 
h1
  font-size: 200%
h2
  font-size: 175%
h3
  font-size: 150%
h4
  font-size: 125%
h5
  font-size: 120%
h6
  font-size: 100%
 
img, svg, figure
  max-width: 100%
  vertical-align: middle
img 
  height: auto
  margin: 1rem auto
  padding: 0
 
main
  padding-bottom: 45px
  flex: 1
 
 
ol, ul
  list-style: none
 
b, strong 
  font-weight: 500
 
hr 
  border: none
  padding: 0.5px
  background: var(--text)
  opacity: 0.5
  margin: 1rem 0
 
aside 
  position: sticky
  top: 7rem
  h3
    position: relative
  ul
    padding: 0
    list-style: none
 
th, td 
  padding: 0.5rem
  font-weight: 400 !important
  &:not(:first-child) 
    padding-left: 1.5rem
 
thead
  background: var(--theme)
  color: var(--light)
  font-weight: 400 
  text-align: left
 
tbody 
  tr 
    &:nth-child(even) 
      background-color: var(--gray)
      box-shadow: 0 1rem 0.75rem -0.75rem rgba(0,0,0,0.07)
    
table
  margin: 1.5rem 0
  width:  100%
 
.main
  flex: 1
 
.page
  &-home
    h1
      font-weight: 300
  &r
    display: flex
    justify-content: space-between
    margin: 2.5rem 0
 
.content
  ul, ol
    padding-left: 1.1rem
  ul
    list-style: initial
  ol
    list-style: decimal
 
::placeholder
  font-size: 1rem