Skip to content

Commit 9adcea7

Browse files
sergiokopplinsergiokopplin
committed
moving to sass
1 parent e63f726 commit 9adcea7

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+1498
-2404
lines changed

‎_config.yml‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,10 @@ related: true
6666
# do you want some animations?
6767
animation: true
6868

69+
sass:
70+
sass_dir: _sass
71+
style: :compressed
72+
6973
gems:
7074
- jemoji
7175
- jekyll-mentions

‎_sass/base/general.sass‎

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
body, html
2+
font-size: 62.5%
3+
4+
body
5+
line-height: 1
6+
font: 16px $fontSans
7+
color: $alpha
8+
-webkit-font-smoothing: antialiased
9+
text-rendering: optimizeLegibility
10+
11+
h1, h2, h3, h4
12+
font-family: $fontSans
13+
color: $beta
14+
-webkit-font-smoothing: antialiased
15+
text-rendering: optimizeLegibility
16+
17+
h1
18+
font-size: 3rem
19+
letter-spacing: -1px
20+
color: $beta
21+
font-weight: 700
22+
23+
h2
24+
font-size: 2.2rem
25+
26+
h3
27+
font-size: 2rem
28+
29+
h4
30+
font-size: 1.6rem
31+
32+
a
33+
color: $delta
34+
text-decoration: underline
35+
36+
p
37+
line-height: 1.7
38+
color: $alpha
39+
font-weight: 300
40+
margin-bottom: 20px
41+
letter-spacing: 0.4px
42+
43+
// @media #{$mobile}
44+
// letter-spacing: 0.2px
45+
46+
strong
47+
font-weight: 400
48+
color: #000
49+
50+
ul,
51+
ol
52+
li
53+
line-height: 2.4rem
54+
font-weight: 300
55+
color: $alpha
56+
57+
img,
58+
pre,
59+
iframe
60+
max-width: 100%
61+
62+
img,
63+
pre
64+
border-radius: 4px
65+
66+
figcaption
67+
position: relative
68+
top: -20px
69+
left: 0
70+
right: 0
71+
margin: 0 auto
72+
width: 100%
73+
text-align: center
74+
font-size: 1.3rem
75+
color: $gama
76+
font-weight: 300
77+
78+
// @media #{$mobile}
79+
// font-size: 1.2rem
80+
81+
blockquote
82+
padding-left: 15px
83+
border-left: 3px solid #eee
84+
85+
hr
86+
border: none
87+
height: 1px
88+
margin: 40px auto
89+
background: #eee
90+
width: 100%
91+
92+
figure.highlight
93+
width: 100%
94+
margin: 0
95+
96+
code,
97+
tt
98+
padding: 1px 0
99+
font-family: $fontMonospace
100+
font-size: 12px
101+
line-height: 20px
102+
background: #fff
103+
border-radius: 2px
104+
border-radius: 2px
105+
106+
pre
107+
box-sizing: border-box
108+
margin: 0 0 1.75em 0
109+
width: 100%
110+
padding: 5px 10px
111+
font-family: $fontMonospace
112+
font-size: 1.2rem
113+
line-height: 2rem
114+
overflow: auto
115+
background: #fff
116+
border: 1px solid $epsilon
117+
border-radius: 2px
118+
119+
.wrapper-normal,
120+
.wrapper-large
121+
height: 100%
122+
width: 96%
123+
margin: 0 auto
124+
125+
// @media #{$mobile}
126+
// width: 88%
127+
//
128+
// @media #{$tablet}
129+
// width: 88%
130+
131+
.wrapper-normal
132+
max-width: 560px
133+
134+
.wrapper-large
135+
max-width: 810px

‎_sass/base/helpers.sass‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
/*
2+
* general helpers
3+
*/
4+
5+
.text-center
6+
text-align: center
7+
8+
.clearfix:before,
9+
.clearfix:after
10+
content: ""
11+
display: table
12+
13+
.clearfix:after
14+
clear: both
15+
16+
/*
17+
* animations
18+
*/
19+
20+
.animated
21+
animation: fade-in-down 0.6s
22+
animation-delay: 0.3s
23+
animation-fill-mode: both
24+
25+
@keyframes fade-in-down
26+
0%
27+
opacity: 0
28+
transform: translateY(-10px)
29+
30+
100%
31+
opacity: 1
32+
transform: translateY(0)

0 commit comments

Comments
 (0)