domain-jekyll 1.2.0 → 1.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (25) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +2 -1
  3. data/_includes/TwitterEmbed.html +5 -0
  4. data/_includes/YoutubeEmbed.html +4 -0
  5. data/_sass/domain/_author.scss +2 -2
  6. data/_sass/domain/_backtotop.scss +4 -4
  7. data/_sass/domain/_codecopy.scss +35 -35
  8. data/_sass/domain/_content.scss +0 -1
  9. data/_sass/domain/_contextmenu.scss +84 -84
  10. data/_sass/domain/_embed.scss +20 -0
  11. data/_sass/domain/_highlight.scss +25 -27
  12. data/_sass/domain/_media.scss +13 -8
  13. data/_sass/domain/_normalize.scss +217 -260
  14. data/_sass/domain/_pagination.scss +17 -15
  15. data/_sass/domain/_search.scss +0 -2
  16. data/_sass/domain/_sidenote.scss +1 -1
  17. data/_sass/domain/_tag.scss +4 -2
  18. data/_sass/domain/_toc.scss +24 -24
  19. data/_sass/domain/_tooltip.scss +114 -115
  20. data/_sass/domain/_util.scss +262 -267
  21. data/_sass/domain/skin/_dark.scss +22 -28
  22. data/_sass/domain/skin/_light.scss +2 -9
  23. data/_sass/domain.scss +1 -0
  24. data/assets/.DS_Store +0 -0
  25. metadata +5 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ea067cfe0dffaaae93926b33b33e569387cafe0d28c930e85b5b3cc52a66f72a
4
- data.tar.gz: 463e20bc1e9f3b09cc72eade44ec9580349e52657643d469c2fecf6387c0c4b3
3
+ metadata.gz: 4ef75869c60979034e114c8d383a35bba9aa57c7f874464557cd20de29f0f36b
4
+ data.tar.gz: 20326c16d046f87ad19838013899a022bf95f67fac64b50ef13bbd880bdaab04
5
5
  SHA512:
6
- metadata.gz: 52e18b850917a6d55e995ef7e30b9e4211ef79f4b935108e3d057757db51a92879b33aae37faa0a3dad538b6a3f9a1aec455baee876ed9c11426c68e037c1f11
7
- data.tar.gz: f9936a8608d4d7fb8a74818784392a48215fa78a8f4355e14e4c68ac09aac3bb100edcbee33d781262aca692bbf2a150129e170c56c06e37448785c164424b71
6
+ metadata.gz: 0e75223508a28956967b812262aac868fedd086bc52666bd2b3e7204ef37b37f530e659ceb248928da6e462f9cebca8840fb468ec2901485f92a186c797456e5
7
+ data.tar.gz: 07c4934c8477a50bab6ebf104cca250a48d7fa5f5c5c1987ce5424fb6ad845a7db954ec754a1c94eb4249bc2cef4cd00092a3269b1b00e91ecb0fc9094d26e54
data/CHANGELOG.md CHANGED
@@ -1,4 +1,5 @@
1
- ## [1.1.0](https://github.com/lumunix/domain/releases/tag/1.2.0)
1
+ ## [1.2.1](https://github.com/lumunix/domain/releases/tag/1.2.1)
2
+ ## [1.2.0](https://github.com/lumunix/domain/releases/tag/1.2.0)
2
3
  ## [1.1.0](https://github.com/lumunix/domain/releases/tag/1.1.0)
3
4
  ## [1.0.4](https://github.com/lumunix/domain/releases/tag/1.0.4)
4
5
  ## [1.0.3](https://github.com/lumunix/domain/releases/tag/1.0.3)
data/_includes/TwitterEmbed.html ADDED
@@ -0,0 +1,5 @@
1
+ <blockquote class="twitter-tweet">
2
+ <a href="https://twitter.com/{{ include.id }}"></a>
3
+ </blockquote>
4
+
5
+ <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
data/_includes/YoutubeEmbed.html ADDED
@@ -0,0 +1,4 @@
1
+ <div class="embed-container">
2
+ <iframe src="https://www.youtube.com/embed/{{ include.id }}" width="700" height="480" frameborder="0" allowfullscreen="true">
3
+ </iframe>
4
+ </div>
data/_sass/domain/_author.scss CHANGED
@@ -2,7 +2,8 @@
2
2
  Author
3
3
  ========================================================================== */
4
4
  .author {
5
- margin: 0px 50px 50px 0px;
5
+ margin: 0 50px 50px 0;
6
+
6
7
  .author-image {
7
8
  width: 100px;
8
9
  height: 150px;
@@ -10,7 +11,6 @@ margin: 0px 50px 50px 0px;
10
11
  }
11
12
 
12
13
  .author-social {
13
-
14
14
  float: right;
15
15
  }
16
16
 
data/_sass/domain/_backtotop.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  /* ==========================================================================
2
2
  Back To Top
3
3
  ========================================================================== */
4
- #back-to-top {
5
- background-color: $back-to-top-color;
6
- z-index: 12;
7
- }
4
+ #back-to-top {
5
+ background-color: $back-to-top-color;
6
+ z-index: 12;
7
+ }
data/_sass/domain/_codecopy.scss CHANGED
@@ -1,44 +1,44 @@
1
1
  /* ==========================================================================
2
2
  Code Copy
3
3
  ========================================================================== */
4
+ .code-header {
5
+ display: flex;
6
+ justify-content: flex-end;
7
+ }
4
8
 
5
- .code-header {
6
- display: flex;
7
- justify-content: flex-end;
8
- }
9
+ .copy-code-button {
10
+ display: grid;
11
+ margin: 0 0 -15px;
12
+ background-color: $secondary-bg-color;
13
+ grid-auto-flow: column;
14
+ align-items: center;
15
+ grid-column-gap: 4px;
16
+ border: none;
17
+ border-radius: 4px;
18
+ cursor: pointer;
19
+ font-size: 1rem;
20
+ padding: 4px 8px;
9
21
 
10
- .copy-code-button {
11
- display: grid;
12
- margin:0px 0px -15px 0px;
13
- background-color: $secondary-bg-color;
14
- grid-auto-flow: column;
15
- align-items: center;
16
- grid-column-gap: 4px;
17
- border: none;
18
- border-radius: 4px;
19
- cursor: pointer;
20
- font-size: 1rem;
21
- padding: 4px 8px;
22
+ &::before {
23
+ content: "Copy";
24
+ }
22
25
 
23
- &::before {
24
- content: "Copy";
25
- }
26
+ &::after {
27
+ content: "📋";
28
+ display: block;
29
+ }
26
30
 
27
- &::after {
28
- content: "📋";
29
- display: block;
30
- }
31
+ &.copied {
32
+ &::before {
33
+ content: "Copied!";
34
+ }
31
35
 
32
- &.copied {
33
- &::before {
34
- content: "Copied!";
35
- }
36
+ &::after {
37
+ content: "✔️";
38
+ }
39
+ }
36
40
 
37
- &::after {
38
- content: "✔️";
39
- }
40
- }
41
- &:hover {
42
- background-color: $quaternary-bg-color;
43
- }
44
- }
41
+ &:hover {
42
+ background-color: $quaternary-bg-color;
43
+ }
44
+ }
data/_sass/domain/_content.scss CHANGED
@@ -249,7 +249,6 @@ pre code {
249
249
  overflow: auto !important;
250
250
  white-space: pre-wrap !important;
251
251
  word-wrap: break-word !important;
252
-
253
252
  vertical-align: middle;
254
253
  width: 100%;
255
254
  background-color: $secondary-bg-color;
data/_sass/domain/_contextmenu.scss CHANGED
@@ -1,101 +1,101 @@
1
1
  /* ==========================================================================
2
2
  Context Menu
3
3
  ========================================================================== */
4
- .context-menu-res {
5
- display: none;
6
- position: absolute;
7
- z-index: 10;
8
- padding: 12px 0;
9
- width: 240px;
10
- background-color: $primary-bg-color;
11
- border: solid 1px $ternary-border-color;
12
- border-radius: 5px;
13
- box-shadow: 1px 1px 15px $secondary-box-shadow-color;
14
- }
4
+ .context-menu-res {
5
+ display: none;
6
+ position: absolute;
7
+ z-index: 10;
8
+ padding: 12px 0;
9
+ width: 240px;
10
+ background-color: $primary-bg-color;
11
+ border: solid 1px $ternary-border-color;
12
+ border-radius: 5px;
13
+ box-shadow: 1px 1px 15px $secondary-box-shadow-color;
14
+ }
15
15
 
16
- .context-menu-res li {
17
- line-height: 0.8rem;
18
- padding-left: 0.2rem;
19
- padding-top: 0.3rem;
20
- padding-bottom: 0.3rem;
21
- }
16
+ .context-menu-res li {
17
+ line-height: 0.8rem;
18
+ padding-left: 0.2rem;
19
+ padding-top: 0.3rem;
20
+ padding-bottom: 0.3rem;
21
+ }
22
22
 
23
- .context-menu-res--active {
24
- display: block;
25
- }
23
+ .context-menu-res--active {
24
+ display: block;
25
+ }
26
26
 
27
- .context-menu-res li:hover {
28
- color: $primary-text-color;
29
- background-color: $secondary-bg-color;
30
- }
27
+ .context-menu-res li:hover {
28
+ color: $primary-text-color;
29
+ background-color: $secondary-bg-color;
30
+ }
31
31
 
32
- .context-menu-res li:hover > .context-menu-res__link {
33
- font-weight: bold;
34
- }
32
+ .context-menu-res li:hover > .context-menu-res__link {
33
+ font-weight: bold;
34
+ }
35
35
 
36
- .context-menu-res__link {
37
- color: $primary-text-color;
38
- text-decoration: none;
39
- }
40
- /* context-menu styling */
41
- .context-menu {
42
- display: none;
43
- position: absolute;
44
- z-index: 10;
45
- padding: 12px 0;
46
- width: 177px;
47
- background-color: $primary-bg-color;
48
- border: solid 1px $ternary-border-color;
49
- border-radius: 5px;
50
- box-shadow: 1px 1px 15px $secondary-box-shadow-color;
51
- }
36
+ .context-menu-res__link {
37
+ color: $primary-text-color;
38
+ text-decoration: none;
39
+ }
40
+ /* context-menu styling */
41
+ .context-menu {
42
+ display: none;
43
+ position: absolute;
44
+ z-index: 10;
45
+ padding: 12px 0;
46
+ width: 177px;
47
+ background-color: $primary-bg-color;
48
+ border: solid 1px $ternary-border-color;
49
+ border-radius: 5px;
50
+ box-shadow: 1px 1px 15px $secondary-box-shadow-color;
51
+ }
52
52
 
53
- .context-menu--active {
54
- display: block;
55
- }
53
+ .context-menu--active {
54
+ display: block;
55
+ }
56
56
 
57
- .context-menu__items {
58
- list-style: none;
59
- margin: 0;
60
- padding-left: 6px;
61
- padding-right: 6px;
62
- }
57
+ .context-menu__items {
58
+ list-style: none;
59
+ margin: 0;
60
+ padding-left: 6px;
61
+ padding-right: 6px;
62
+ }
63
63
 
64
- .context-menu__item {
65
- display: block;
66
- margin-bottom: 4px;
67
- }
64
+ .context-menu__item {
65
+ display: block;
66
+ margin-bottom: 4px;
67
+ }
68
68
 
69
- .context-menu__item:last-child {
70
- margin-bottom: 0;
71
- }
69
+ .context-menu__item:last-child {
70
+ margin-bottom: 0;
71
+ }
72
72
 
73
- .context-menu__link {
74
- display: block;
75
- padding: 4px 12px;
76
- color: $primary-text-color;
77
- text-decoration: none;
78
- font-size: 12px;
79
- font-family: $font-family !important;
80
- }
73
+ .context-menu__link {
74
+ display: block;
75
+ padding: 4px 12px;
76
+ color: $primary-text-color;
77
+ text-decoration: none;
78
+ font-size: 12px;
79
+ font-family: $font-family !important;
80
+ }
81
81
 
82
- .context-menu__link:hover {
83
- color: $primary-text-color;
84
- background-color: $secondary-bg-color;
85
- }
82
+ .context-menu__link:hover {
83
+ color: $primary-text-color;
84
+ background-color: $secondary-bg-color;
85
+ }
86
86
 
87
- .feed-title-excerpt-block {
88
- width: 100%;
89
- cursor: pointer;
90
- border-top: 1px solid var(--primary-border-color);
91
- border-bottom: 1px solid var(--primary-border-color);
92
- }
87
+ .feed-title-excerpt-block {
88
+ width: 100%;
89
+ cursor: pointer;
90
+ border-top: 1px solid var(--primary-border-color);
91
+ border-bottom: 1px solid var(--primary-border-color);
92
+ }
93
93
 
94
- .feed-title-excerpt-block:hover {
95
- background-color: var(--secondary-bg-color);
96
- }
94
+ .feed-title-excerpt-block:hover {
95
+ background-color: var(--secondary-bg-color);
96
+ }
97
97
 
98
- .popup {
99
- position: absolute;
100
- display: none;
101
- }
98
+ .popup {
99
+ position: absolute;
100
+ display: none;
101
+ }
data/_sass/domain/_embed.scss ADDED
@@ -0,0 +1,20 @@
1
+ /* ==========================================================================
2
+ Embed
3
+ ========================================================================== */
4
+ .embed-container {
5
+ position: relative;
6
+ padding-bottom: 50%;
7
+ height: 0;
8
+ overflow: hidden;
9
+ max-width: 100%;
10
+ }
11
+
12
+ .embed-container embed,
13
+ .embed-container iframe,
14
+ .embed-container object {
15
+ position: absolute;
16
+ top: 0;
17
+ left: 0;
18
+ width: 100%;
19
+ height: 100%;
20
+ }
data/_sass/domain/_highlight.scss CHANGED
@@ -1,31 +1,29 @@
1
1
  /* ==========================================================================
2
2
  Highlight
3
3
  ========================================================================== */
4
- table.hljs-ln {
5
- width: auto;
6
- border-width: 0px;
7
- }
8
- table.hljs-ln td {
9
- border-width: 0px;
10
- }
4
+ table.hljs-ln {
5
+ width: auto;
6
+ border-width: 0;
7
+ }
11
8
 
12
- /* for block of numbers */
13
- .hljs-ln-numbers {
14
- -webkit-touch-callout: none;
15
- -webkit-user-select: none;
16
- -khtml-user-select: none;
17
- -moz-user-select: none;
18
- -ms-user-select: none;
19
- user-select: none;
20
-
21
- text-align: center;
22
- color: #ccc;
23
- border-right: 1px solid #CCC !important;
24
- vertical-align: top;
25
- padding-right: 5px !important;
26
- }
27
-
28
- /* for block of code */
29
- .hljs-ln-code {
30
- padding-left: 10px !important;
31
- }
9
+ table.hljs-ln td {
10
+ border-width: 0;
11
+ }
12
+ /* for block of numbers */
13
+ .hljs-ln-numbers {
14
+ -webkit-touch-callout: none;
15
+ -webkit-user-select: none;
16
+ -khtml-user-select: none;
17
+ -moz-user-select: none;
18
+ -ms-user-select: none;
19
+ user-select: none;
20
+ text-align: center;
21
+ color: #ccc;
22
+ border-right: 1px solid #CCC !important;
23
+ vertical-align: top;
24
+ padding-right: 5px !important;
25
+ }
26
+ /* for block of code */
27
+ .hljs-ln-code {
28
+ padding-left: 10px !important;
29
+ }
data/_sass/domain/_media.scss CHANGED
@@ -14,8 +14,10 @@
14
14
 
15
15
  .post-content {
16
16
  width: 100%;
17
+
17
18
  .post-title {
18
19
  margin: 0 0 5px;
20
+
19
21
  a {
20
22
  font-size: 21px;
21
23
  }
@@ -23,7 +25,6 @@
23
25
  }
24
26
  }
25
27
  }
26
-
27
28
  /* Small Devices, Tablets */
28
29
  @media only screen and (max-width : 768px) {
29
30
  .sidebar {
@@ -39,16 +40,17 @@
39
40
  footer {
40
41
  margin-bottom: 10px;
41
42
  }
42
-
43
43
  }
44
+
44
45
  .about {
45
46
  text-align: center;
46
47
  max-width: 480px;
47
48
  margin: 10px auto auto;
49
+
48
50
  img {
49
51
  margin-bottom: 10px;
50
52
  }
51
- }
53
+ }
52
54
 
53
55
  .content-box {
54
56
  padding: 20px 10px;
@@ -65,20 +67,21 @@
65
67
  align-items: stretch;
66
68
  }
67
69
 
68
- .contact-title, .copyright {
69
- display: none;
70
- }
71
-
70
+ .contact-title,
71
+ .copyright {
72
+ display: none;
73
+ }
72
74
  }
73
-
74
75
  /* Extra Small Devices, Phones */
75
76
  @media only screen and (max-width : 480px) {
76
77
  .content-box {
77
78
  padding: 10px;
78
79
  }
80
+
79
81
  .content-header {
80
82
  padding: 10px;
81
83
  }
84
+
82
85
  .post {
83
86
  max-width: 100%;
84
87
  margin: 2%;
@@ -90,8 +93,10 @@
90
93
 
91
94
  .post-content {
92
95
  width: 100%;
96
+
93
97
  .post-title {
94
98
  margin: 0 0 5px;
99
+
95
100
  a {
96
101
  font-size: 21px;
97
102
  }