databook-theme 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (109) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE.txt +21 -21
  3. data/README.MD +1 -1
  4. data/_includes/blog/blog.liquid +50 -50
  5. data/_includes/blog/features.liquid +36 -36
  6. data/_includes/blog/full.liquid +3 -3
  7. data/_includes/blog/list.liquid +41 -41
  8. data/_includes/blog/post.liquid +6 -6
  9. data/_includes/components/analytics.google.liquid +11 -11
  10. data/_includes/components/analytics.liquid +11 -11
  11. data/_includes/components/comments.disqus.liquid +17 -17
  12. data/_includes/components/comments.gitalk.liquid +22 -22
  13. data/_includes/components/comments.liquid +13 -13
  14. data/_includes/components/navmenu.items.liquid +51 -51
  15. data/_includes/components/navmenu.liquid +4 -4
  16. data/_includes/components/pagination.liquid +83 -83
  17. data/_includes/components/prevnext.liquid +1 -1
  18. data/_includes/components/search.baidu.liquid +7 -7
  19. data/_includes/components/search.bing.liquid +6 -6
  20. data/_includes/components/search.google.liquid +6 -6
  21. data/_includes/components/search.liquid +21 -21
  22. data/_includes/components/social_button.liquid +9 -9
  23. data/_includes/components/social_link.liquid +14 -14
  24. data/_includes/components/title.liquid +41 -41
  25. data/_includes/components/toc.liquid +28 -28
  26. data/_includes/custom/analytics.liquid +3 -3
  27. data/_includes/custom/blog.liquid +3 -3
  28. data/_includes/custom/body.liquid +3 -3
  29. data/_includes/custom/comments.liquid +3 -3
  30. data/_includes/custom/favicon.liquid +11 -0
  31. data/_includes/custom/footer.liquid +3 -3
  32. data/_includes/custom/head.liquid +3 -3
  33. data/_includes/custom/katex.liquid +15 -15
  34. data/_includes/custom/mathjax.liquid +19 -19
  35. data/_includes/custom/search.liquid +3 -3
  36. data/_includes/extensions/toc.liquid +182 -182
  37. data/_includes/functions/get_config.liquid +11 -11
  38. data/_includes/functions/get_config_data.liquid +23 -23
  39. data/_includes/functions/get_icon.liquid +5 -5
  40. data/_includes/functions/get_page_meta.liquid +74 -60
  41. data/_includes/functions/get_page_thumbnail.liquid +22 -23
  42. data/_includes/functions/get_page_title.liquid +7 -7
  43. data/_includes/functions/get_recent_posts.liquid +17 -17
  44. data/_includes/functions/get_taxonomy_link.liquid +9 -9
  45. data/_includes/head/head.liquid +11 -12
  46. data/_includes/head/meta.liquid +50 -41
  47. data/_includes/head/requirements.liquid +87 -87
  48. data/_includes/head/styles.liquid +10 -10
  49. data/_includes/js/codes.js +116 -116
  50. data/_includes/js/scrollspy.js +16 -16
  51. data/_includes/layout/article.liquid +74 -71
  52. data/_includes/layout/footer.liquid +53 -53
  53. data/_includes/layout/header.liquid +31 -31
  54. data/_includes/layout/hero.liquid +29 -29
  55. data/_includes/layout/page.liquid +33 -33
  56. data/_includes/layout/pagehead.liquid +17 -17
  57. data/_includes/layout/sidebar.liquid +178 -178
  58. data/_includes/localize +29 -29
  59. data/_includes/notice +6 -6
  60. data/_includes/version +1 -1
  61. data/_layouts/article.liquid +10 -10
  62. data/_layouts/default.liquid +132 -131
  63. data/_layouts/home.liquid +20 -20
  64. data/_layouts/page.liquid +9 -9
  65. data/_layouts/post.liquid +9 -9
  66. data/_layouts/system.liquid +35 -35
  67. data/_layouts/taxonomy.liquid +67 -67
  68. data/_sass/_databook.scss +42 -42
  69. data/_sass/_debug.scss +7 -7
  70. data/_sass/_variables.scss +24 -24
  71. data/_sass/base/_mixins.scss +32 -32
  72. data/_sass/base/_normalize.scss +45 -45
  73. data/_sass/base/_responsive.scss +28 -28
  74. data/_sass/components/_archive.scss +49 -49
  75. data/_sass/components/_blog.scss +249 -249
  76. data/_sass/components/_forms.scss +30 -30
  77. data/_sass/components/_hero.scss +70 -70
  78. data/_sass/components/_misc.scss +3 -3
  79. data/_sass/components/_notice.scss +27 -27
  80. data/_sass/components/_notification.scss +10 -10
  81. data/_sass/components/_post.scss +19 -19
  82. data/_sass/components/_sidebar.scss +303 -303
  83. data/_sass/components/_tabs.scss +67 -67
  84. data/_sass/components/_text.scss +27 -27
  85. data/_sass/components/_toc.scss +50 -50
  86. data/_sass/layout/_article.scss +211 -211
  87. data/_sass/layout/_body.scss +26 -26
  88. data/_sass/layout/_footer.scss +75 -75
  89. data/_sass/layout/_header.scss +124 -124
  90. data/_sass/layout/_main.scss +8 -8
  91. data/_sass/layout/_misc.scss +7 -7
  92. data/_sass/layout/_navbar.scss +323 -323
  93. data/_sass/layout/_sidebar.scss +115 -115
  94. data/_sass/layout/_wrapper.scss +7 -7
  95. data/_sass/theme/_scheme.scss +112 -112
  96. data/_sass/typography/_article.scss +49 -49
  97. data/_sass/typography/_doc.scss +104 -104
  98. data/_sass/typography/_highlight.scss +208 -208
  99. data/_sass/typography/_markdown.scss +18 -18
  100. data/_sass/typography/_table.scss +119 -119
  101. data/_sass/typography/_typography.scss +103 -108
  102. data/_sass/utilities/_thinscrollbar.scss +35 -35
  103. data/assets/databook/css/databook.scss +6 -6
  104. data/assets/databook/js/databook.js +8 -8
  105. data/assets/databook/js/search.js +47 -47
  106. data/assets/databook/version.json +9 -9
  107. data/assets/search.json +30 -30
  108. metadata +8 -8
  109. data/_includes/head/opengraph.liquid +0 -1
data/_sass/layout/_header.scss CHANGED
@@ -1,124 +1,124 @@
1
- :root {
2
- --db-header-vertical-padding: 0;
3
- --db-header-horizontal-padding: calc((var(--db-header-height) - #{$header-object-size}) / 2);
4
-
5
- @media #{$large-screen} {
6
- --db-header-horizontal-padding: #{$page-spacing-large};
7
- }
8
-
9
- @media #{$wide-screen} {
10
- --db-header-horizontal-padding: calc( (100% - #{$page-max-width}) / 2 );
11
-
12
- .l-wrapper.is-wide {
13
- --db-header-horizontal-padding: #{$page-spacing-wide};
14
- }
15
- }
16
-
17
- }
18
-
19
- .l-wrapper.has-sidebar {
20
- --db-header-horizontal-padding: calc((var(--db-header-height) - #{$header-object-size}) / 2);
21
- }
22
-
23
-
24
- .l-header {
25
- background-color: var(--db-background-color);
26
- border-bottom: 1px solid var(--db-border-color);
27
- display: flex;
28
- flex-direction: row;
29
- height: var(--db-header-height);
30
- z-index: 999;
31
- width: 100%;
32
- padding: 0 var(--db-header-horizontal-padding);
33
- color: var(--db-text-color-inactive);
34
-
35
- @media #{$large-screen} {
36
- box-shadow: none;
37
- }
38
-
39
- &__logo {
40
- order: 3;
41
- align-items: center;
42
- justify-content: center;
43
- display: flex;
44
-
45
- @media #{$large-screen} {
46
- order: 1;
47
- @at-root .l-wrapper.has-sidebar #{&} {
48
- display: none;
49
- @media print {
50
- display: initial;
51
- }
52
- }
53
- }
54
- }
55
-
56
- &__left {
57
- order: 2;
58
- display: flex;
59
- flex-direction: row;
60
- align-items: center;
61
- flex: 1;
62
-
63
- @media print {
64
- display: none;
65
- }
66
- }
67
-
68
- &__right {
69
- order: 4;
70
- display: flex;
71
- align-items: center;
72
- margin-left: auto;
73
- flex: 1;
74
- justify-content: flex-end;
75
-
76
- @media print {
77
- display: none;
78
- }
79
- }
80
-
81
-
82
- &--sticky {
83
- position: sticky;
84
- top: 0;
85
- }
86
-
87
-
88
- }
89
-
90
-
91
- .l-wrapper.has-background .l-header {
92
- background-color: rgba( var(--db-overlay-color-rgb), 5%);
93
- border-bottom-color: transparent;
94
- }
95
-
96
-
97
- .c-logo {
98
- display: flex;
99
- align-items: center;
100
- justify-content: center;
101
- font-size: 1em;
102
- color: var(--db-text-color-important);
103
- height: 1.5rem;
104
-
105
- &__image {
106
- height: 100%;
107
- margin-right: 1rem;
108
- }
109
-
110
- &__text {
111
- font-weight: bold;
112
- letter-spacing: 2px;
113
- white-space: nowrap;
114
- }
115
-
116
- @media #{$medium-screen} {
117
- font-size: 1.4em;
118
- height: 2rem;
119
- }
120
-
121
- &:hover {
122
- color: initial;
123
- }
124
- }
1
+ :root {
2
+ --db-header-vertical-padding: 0;
3
+ --db-header-horizontal-padding: calc((var(--db-header-height) - #{$header-object-size}) / 2);
4
+
5
+ @media #{$large-screen} {
6
+ --db-header-horizontal-padding: #{$page-spacing-large};
7
+ }
8
+
9
+ @media #{$wide-screen} {
10
+ --db-header-horizontal-padding: calc( (100% - #{$page-max-width}) / 2 );
11
+
12
+ .l-wrapper.is-wide {
13
+ --db-header-horizontal-padding: #{$page-spacing-wide};
14
+ }
15
+ }
16
+
17
+ }
18
+
19
+ .l-wrapper.has-sidebar {
20
+ --db-header-horizontal-padding: calc((var(--db-header-height) - #{$header-object-size}) / 2);
21
+ }
22
+
23
+
24
+ .l-header {
25
+ background-color: var(--db-background-color);
26
+ border-bottom: 1px solid var(--db-border-color);
27
+ display: flex;
28
+ flex-direction: row;
29
+ height: var(--db-header-height);
30
+ z-index: 999;
31
+ width: 100%;
32
+ padding: 0 var(--db-header-horizontal-padding);
33
+ color: var(--db-text-color-inactive);
34
+
35
+ @media #{$large-screen} {
36
+ box-shadow: none;
37
+ }
38
+
39
+ &__logo {
40
+ order: 3;
41
+ align-items: center;
42
+ justify-content: center;
43
+ display: flex;
44
+
45
+ @media #{$large-screen} {
46
+ order: 1;
47
+ @at-root .l-wrapper.has-sidebar #{&} {
48
+ display: none;
49
+ @media print {
50
+ display: initial;
51
+ }
52
+ }
53
+ }
54
+ }
55
+
56
+ &__left {
57
+ order: 2;
58
+ display: flex;
59
+ flex-direction: row;
60
+ align-items: center;
61
+ flex: 1;
62
+
63
+ @media print {
64
+ display: none;
65
+ }
66
+ }
67
+
68
+ &__right {
69
+ order: 4;
70
+ display: flex;
71
+ align-items: center;
72
+ margin-left: auto;
73
+ flex: 1;
74
+ justify-content: flex-end;
75
+
76
+ @media print {
77
+ display: none;
78
+ }
79
+ }
80
+
81
+
82
+ &--sticky {
83
+ position: sticky;
84
+ top: 0;
85
+ }
86
+
87
+
88
+ }
89
+
90
+
91
+ .l-wrapper.has-background .l-header {
92
+ background-color: rgba( var(--db-overlay-color-rgb), 5%);
93
+ border-bottom-color: transparent;
94
+ }
95
+
96
+
97
+ .c-logo {
98
+ display: flex;
99
+ align-items: center;
100
+ justify-content: center;
101
+ font-size: 1em;
102
+ color: var(--db-text-color-important);
103
+ height: 1.5rem;
104
+
105
+ &__image {
106
+ height: 100%;
107
+ margin-right: 1rem;
108
+ }
109
+
110
+ &__text {
111
+ font-weight: bold;
112
+ letter-spacing: 2px;
113
+ white-space: nowrap;
114
+ }
115
+
116
+ @media #{$medium-screen} {
117
+ font-size: 1.4em;
118
+ height: 2rem;
119
+ }
120
+
121
+ &:hover {
122
+ color: initial;
123
+ }
124
+ }
data/_sass/layout/_main.scss CHANGED
@@ -1,8 +1,8 @@
1
- .l-main {
2
- flex: 1;
3
- margin: 0;
4
- flex-direction: column;
5
- background-color: var(--db-background-color);
6
- display: flex;
7
- color: var(--db-text-color-active);
8
- }
1
+ .l-main {
2
+ flex: 1;
3
+ margin: 0;
4
+ flex-direction: column;
5
+ background-color: var(--db-background-color);
6
+ display: flex;
7
+ color: var(--db-text-color-active);
8
+ }
data/_sass/layout/_misc.scss CHANGED
@@ -1,7 +1,7 @@
1
- .l-wall {
2
- &__title {
3
- font-size: 2.5rem;
4
- font-weight: bold;
5
- margin-bottom: 2rem;
6
- }
7
- }
1
+ .l-wall {
2
+ &__title {
3
+ font-size: 2.5rem;
4
+ font-weight: bold;
5
+ margin-bottom: 2rem;
6
+ }
7
+ }