thesmoothie-jekyll-theme 0.1.5 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +3 -0
  3. data/_includes/header.html +12 -0
  4. data/_layouts/default.html +4 -2
  5. data/_layouts/page.html +3 -1
  6. data/_layouts/post.html +3 -1
  7. data/_sass/_layout.scss +52 -0
  8. data/_sass/_typography.scss +6 -4
  9. data/_sass/thesmoothie.scss +2 -10
  10. metadata +4 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: eda2fb91a1bf86840e929759329cfce5ac575dff
4
- data.tar.gz: 591566b9c1ef744cbf1bc278567e02702d27d756
3
+ metadata.gz: 125ffe22892f9c597e9c89a8622139c83584bb33
4
+ data.tar.gz: d07bf61926dbc8e817e2f52e195e49a716ef7163
5
5
  SHA512:
6
- metadata.gz: f9470593f660ea4e9a943ef59d91e8d1c4cc822e5ce7022b6646dbcacad03cdee2910da0daadc442e1b82ecae2f49c9caa25cdbc60a714dff386552f35ef4464
7
- data.tar.gz: 8dae85728d3662885739416ffa3fed32d9e22a7a1b1e5bb9745bea197b99ab72a09e2ccb55cdc07e41a4a01aae3e305c0ad3c016438c162d2d2d981ff5b393bc
6
+ metadata.gz: 263b08a845fc169509118e8d0556d108e780cb51dec0d9cdbefb254b0708275d835a9e68bde3a394b53db319d9529ee52942241c9d99f88b4403029e76faf133
7
+ data.tar.gz: 17da5af393ed2d5236f3ddab3d4bb5f047ebb79a98a1974f8764882dfb52659fb10117648f7b8aeb9cd8a8e8c0a49110adb192444a41062e280bd444ddd4e520
data/_includes/footer.html ADDED
@@ -0,0 +1,3 @@
1
+ <div class="app__footer">
2
+ &copy; {{ site.title }} {{ site.time | date: '%Y' }}
3
+ </div>
data/_includes/header.html ADDED
@@ -0,0 +1,12 @@
1
+ <div class="app__header">
2
+ <div class="container">
3
+ <div class="app__logo">
4
+ <div class="app__logo__image">
5
+ {%- include logo-the-smoothie.svg -%}
6
+ </div>
7
+ <div class="app__logo__title">
8
+ <a href="/">{{ site.title }}</a>
9
+ </div>
10
+ </div>
11
+ </div>
12
+ </div>
data/_layouts/default.html CHANGED
@@ -8,9 +8,11 @@
8
8
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
9
9
  <link rel="stylesheet" href="assets/main.css">
10
10
  </head>
11
- <body>
12
- <div class="container py-5">
11
+ <body class="app">
12
+ {%- include header.html -%}
13
+ <div class="app__content">
13
14
  {{ content }}
14
15
  </div>
16
+ {%- include footer.html -%}
15
17
  </body>
16
18
  </html>
data/_layouts/page.html CHANGED
@@ -2,4 +2,6 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- {{ content }}
5
+ <div class="page">
6
+ {{ content }}
7
+ </div>
data/_layouts/post.html CHANGED
@@ -2,4 +2,6 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- {{ content }}
5
+ <div class="post">
6
+ {{ content }}
7
+ </div>
data/_sass/_layout.scss ADDED
@@ -0,0 +1,52 @@
1
+ html,
2
+ body,
3
+ .app {
4
+ min-height: 100vh;
5
+ }
6
+
7
+ .app {
8
+ display: flex;
9
+ flex-direction: column;
10
+ margin: 0;
11
+ padding: 0;
12
+
13
+ &__header {
14
+ padding: 2rem 0;
15
+ }
16
+
17
+ &__content {
18
+ flex: 1 0 auto;
19
+
20
+ *:last-child {
21
+ margin-bottom: 0;
22
+ }
23
+ }
24
+
25
+ &__footer {
26
+ padding: 6rem 2rem;
27
+ background: #eee;
28
+ display: flex;
29
+ justify-content: center;
30
+ }
31
+ }
32
+
33
+ .container {
34
+ width: 100%;
35
+ max-width: 960px !important;
36
+ margin: 0 auto;
37
+ }
38
+
39
+ .page,
40
+ .post {
41
+ width: 100%;
42
+ max-width: 960px;
43
+ margin: 0 auto;
44
+ padding: 4rem;
45
+ }
46
+
47
+ .full-width {
48
+ width: 100%;
49
+ max-width: 100%;
50
+ margin: 0 auto;
51
+ padding: 4rem;
52
+ }
data/_sass/_typography.scss CHANGED
@@ -11,8 +11,10 @@ $cap-heights: (
11
11
  courier-new: 0.71,
12
12
  ) !default;
13
13
 
14
- $font-family: 'Helvetica Neue';
15
- $font-headers: 'Gilroy', sans-serif;
14
+ @import url("https://fonts.googleapis.com/css?family=Dosis:700");
15
+
16
+ $font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
17
+ $font-headers: 'Dosis', sans-serif;
16
18
  $font-code: 'Courier New', monospace;
17
19
 
18
20
  html {
@@ -69,10 +71,10 @@ body {
69
71
  // Heading default styles
70
72
  @mixin heading() {
71
73
  color: $color-headings;
72
- font-family: $font-family;
74
+ font-family: $font-headers;
73
75
  font-weight: 700;
74
76
  letter-spacing: -.0075em;
75
- margin: 0;
77
+ margin: 2rem 0 0 0;
76
78
  }
77
79
 
78
80
  h1 {
data/_sass/thesmoothie.scss CHANGED
@@ -30,13 +30,5 @@ $scale-desktop: map-get($scales, scale-5);
30
30
  @import 'typography';
31
31
  @import 'media';
32
32
  @import "showgrid";
33
-
34
- body {
35
- background-color: #ffeeee !important;
36
- color: #333;
37
- }
38
-
39
- .container {
40
- width: 100%;
41
- max-width: 720px !important;
42
- }
33
+ @import "layout";
34
+ @import "logo";
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: thesmoothie-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.5
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Egor Kirpichev
@@ -62,11 +62,14 @@ files:
62
62
  - LICENSE
63
63
  - LICENSE.txt
64
64
  - README.md
65
+ - _includes/footer.html
66
+ - _includes/header.html
65
67
  - _layouts/default.html
66
68
  - _layouts/page.html
67
69
  - _layouts/post.html
68
70
  - _sass/_colors-lookup-table.scss
69
71
  - _sass/_colors.scss
72
+ - _sass/_layout.scss
70
73
  - _sass/_media.scss
71
74
  - _sass/_reset.scss
72
75
  - _sass/_showgrid.scss