krad 3.7.3 → 3.7.4

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 (11) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +1 -1
  3. data/_includes/header.html +2 -2
  4. data/_layouts/post.html +14 -3
  5. data/_sass/base/_typography.scss +7 -4
  6. data/_sass/components/_sharings.scss +15 -1
  7. data/_sass/layouts/_footer.scss +3 -3
  8. data/_sass/layouts/_post.scss +1 -1
  9. data/_sass/layouts/_responsive-menu.scss +13 -10
  10. data/_sass/variables/_hamburger.scss +3 -1
  11. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 0d2eb9000ee93c5bf980dc9b3b53118e132ddc9d
4
- data.tar.gz: dd7d1896e756bcb3027576097dbb833419fa9e00
3
+ metadata.gz: 0a9a62531aaa122285a774ea47c08fc7ead5b091
4
+ data.tar.gz: 30f7ac237816d615a93fb40d829608ed7caa23d4
5
5
  SHA512:
6
- metadata.gz: 40e3d17dc9e8382c5a6a65a86685165c0f6ee788a2c0269448b386dbe69742d6a0ecd20372f8be24dbe6e626075e0e08938f5ebfb20c243ca206c4bb90229f0e
7
- data.tar.gz: 1831a09fcbd21a3772ff7f63cca338c7889f4155c54aef55382f941176cfaf1a270326efc7a2e8e79a925b726476c638ed0eade645d88343bd30133833b0b498
6
+ metadata.gz: 5056deae40f6acb2f658fd3e676910bb1d8bcdd9d164839635635de478c000a1a334b36420d28013dc805216a9391120731177d71fefd7cb9edc3d09c1c1bc12
7
+ data.tar.gz: 65452bf8e5102b4a2971037135334578192bba6f5c6c61a944cd8f11859e012ff6073c8ebaa4146e4b912e6aefe87a16f489f7fb2b766e2d50937f55e638a2e4
data/_includes/footer.html CHANGED
@@ -2,7 +2,7 @@
2
2
  <div class="wrapper pure-u-1 pure-u-md-1">
3
3
  <p class="colophon text-center">
4
4
  <small>
5
- &copy; <time datetime="{{ site.time | date_to_xmlschema }}">{{ site.time | date: '%Y' }}</time> Krad. All rights reserved.
5
+ &copy; <time datetime="{{ site.time | date_to_xmlschema }}">{{ site.time | date: '%Y' }}</time> Krad
6
6
  </small>
7
7
  </p>
8
8
  </div>
data/_includes/header.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <!--Navbar on mobile-->
18
18
  <div id="mobileNav" class="pure-g">
19
19
  <div class="pure-u-1 pure-u-md-1">
20
- <div id="rm-nav" class="pure-g rm-wrapper">
20
+ <div class="pure-g rm-wrapper">
21
21
  <div class="pure-u-1 wrapper">
22
22
  <div class="pure-menu rm-menu rm-menu-top">
23
23
  <a href="{{ site.url }}" class="rm-menu-brand" title="Home Page">@tung<em>krad</em>le</a>
@@ -31,7 +31,7 @@
31
31
  </div>
32
32
  </div>
33
33
  <div class="pure-u-1">
34
- <div class="navbar pure-menu rm-can-transform">
34
+ <div id="rm-nav" class="navbar pure-menu rm-can-transform">
35
35
  <ul class="navigation pure-menu-list">
36
36
  <li class="pure-menu-item"><a class="pure-menu-link" href="{{ "/archive" | relative_url }}">Archive</a></li>
37
37
  <li class="pure-menu-item"><a class="pure-menu-link" href="{{ "/about" | relative_url }}">About</a></li>
data/_layouts/post.html CHANGED
@@ -2,12 +2,23 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
+ {% if page.featured_title %}
5
6
  <div class="wrapper">
6
- <h1 class="post-title">{{ page.title }}</h1>
7
- <p><time datetime="{{ page.date | date_to_xmlschema }}" class="page-date">{{ page.date | date_to_string }}</time></p>
7
+ <h1 class="post-title text-center">{{ page.title }}</h1>
8
+ <p class="text-center"><time datetime="{{ page.date | date_to_xmlschema }}" class="page-date">{{ page.date | date_to_string }}</time></p>
8
9
  </div>
10
+ {% endif %}
9
11
  {% if page.featured_image %}
10
- <div class="post-header featured_image" style="background-image:url({{ page.featured_image }});"></div>
12
+ <div class="post-header featured_image" style="
13
+ background-image:url({{ page.featured_image }});
14
+ {% if page.featured_parallax %}background-attachment: scroll;{% endif %}
15
+ "></div>
16
+ {% endif %}
17
+ {% if page.featured_title == false or page.featured_title == nil %}
18
+ <div class="wrapper">
19
+ <h1 class="post-title text-center">{{ page.title }}</h1>
20
+ <p class="text-center"><time datetime="{{ page.date | date_to_xmlschema }}" class="page-date">{{ page.date | date_to_string }}</time></p>
21
+ </div>
11
22
  {% endif %}
12
23
  <article class="post wrapper">
13
24
  {% include recommend.html %}
data/_sass/base/_typography.scss CHANGED
@@ -245,14 +245,17 @@ small {
245
245
  /* Dialogue */
246
246
  .dialogue {
247
247
  margin-top: -0.6rem;
248
+
248
249
  li {
249
250
  list-style: none;
250
251
  font-style: italic;
251
252
  &:before {
252
- content: "-";
253
- display: inline-block;
254
- width: 1em;
255
- margin-left: -1em;
253
+ font-family: FontAwesome;
254
+ content: '\f075';
255
+ color: $color-gray;
256
+ font-style: normal;
257
+ margin-left: -2em;
258
+ margin-right: 1em;
256
259
  }
257
260
  }
258
261
  }
data/_sass/components/_sharings.scss CHANGED
@@ -8,6 +8,8 @@
8
8
  font-weight: $font-bold;
9
9
  font-size: $font-size-smaller;
10
10
  margin-right: 1em;
11
+ display: inline-block;
12
+ vertical-align: 10%;
11
13
  }
12
14
  }
13
15
 
@@ -18,29 +20,41 @@
18
20
  display: inline-block;
19
21
  text-align: center;
20
22
  position: relative;
21
- margin: 0 0.5em;
23
+ padding: 0 0.5em;
22
24
  }
23
25
 
24
26
  .btn-fb {
25
27
  &:hover {
26
28
  color: $color-facebook;
27
29
  }
30
+ &:before {
31
+ background-color: $color-facebook;
32
+ }
28
33
  }
29
34
 
30
35
  .btn-tw {
31
36
  &:hover {
32
37
  color: $color-twitter;
33
38
  }
39
+ &:before {
40
+ background-color: $color-twitter;
41
+ }
34
42
  }
35
43
 
36
44
  .btn-gp {
37
45
  &:hover {
38
46
  color: $color-googleplus;
39
47
  }
48
+ &:before {
49
+ background-color: $color-googleplus;
50
+ }
40
51
  }
41
52
 
42
53
  .btn-pr {
43
54
  &:hover {
44
55
  color: $color-pinterest;
45
56
  }
57
+ &:before {
58
+ background-color: $color-pinterest;
59
+ }
46
60
  }
data/_sass/layouts/_footer.scss CHANGED
@@ -28,12 +28,12 @@
28
28
  display: block;
29
29
  margin-bottom: 7px;
30
30
  background: url("/assets/images/scroll-top.png") no-repeat 0 0 $color-gray-lighter;
31
- opacity: 0.5;
31
+ opacity: 0.3;
32
32
  @include border-radius(5px);
33
- @include transition(all, 1s);
33
+ @include transition(all, 0.5s);
34
34
  &:hover {
35
35
  background: url("/assets/images/scroll-top.png") no-repeat 0 0 $color-gray-lighter;
36
- opacity: 0.75;
36
+ opacity: 0.5;
37
37
  }
38
38
  }
39
39
  }
data/_sass/layouts/_post.scss CHANGED
@@ -27,7 +27,7 @@
27
27
  background-size: cover;
28
28
  background-position: center center;
29
29
  margin: 0 0 3.2em;
30
- padding-bottom: 50%;
30
+ padding-bottom: 56.25%;
31
31
  }
32
32
 
33
33
  @media (max-width: 48em) {
data/_sass/layouts/_responsive-menu.scss CHANGED
@@ -8,6 +8,7 @@
8
8
  list-style: none;
9
9
  padding: 0;
10
10
  margin-bottom: 0.5em;
11
+ vertical-align: middle;
11
12
 
12
13
  li {
13
14
  margin-right: .75rem;
@@ -36,16 +37,7 @@
36
37
 
37
38
  // Mobile Navigation
38
39
  #mobileNav {
39
- .rm-wrapper {
40
- height: 3em;
41
- overflow: hidden;
42
- @include transition (height 0.5s);
43
-
44
- &.open {
45
- height: 14.5em;
46
- }
47
- }
48
-
40
+
49
41
  .rm-menu-top {
50
42
  position: relative;
51
43
 
@@ -55,6 +47,10 @@
55
47
  display: inline-block;
56
48
  margin: 15px 0;
57
49
 
50
+ em {
51
+ color: $color-main;
52
+ }
53
+
58
54
  &:before {
59
55
  height: 2px;
60
56
  }
@@ -70,6 +66,13 @@
70
66
 
71
67
  .navbar {
72
68
  background: $color-gray-darker;
69
+ height: 0;
70
+ overflow: hidden;
71
+ @include transition (height, 0.5s, cubic-bezier(.68,-0.55,.27,1.55));
72
+
73
+ &.open {
74
+ height: 10.56em;
75
+ }
73
76
  }
74
77
 
75
78
  .navigation {
data/_sass/variables/_hamburger.scss CHANGED
@@ -2,4 +2,6 @@ $hamburger-padding-x: 0px;
2
2
  $hamburger-padding-y: 15px;
3
3
  $hamburger-layer-width: 30px;
4
4
  $hamburger-layer-height: 4px;
5
- $hamburger-layer-spacing: 4px;
5
+ $hamburger-layer-spacing: 4px;
6
+ $hamburger-layer-color: $color-gray;
7
+ $hamburger-hover-opacity: 0.8;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: krad
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.7.3
4
+ version: 3.7.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Lê Thanh Tùng
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-09-10 00:00:00.000000000 Z
11
+ date: 2018-10-08 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll