jekyll-theme-centos 0.1.23 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (78) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/{page/breadcrumbs.html → breadcrumbs.html} +0 -0
  3. data/_includes/{page/download-body-doc.html → download/body-doc.html} +0 -0
  4. data/_includes/{page/download-body-eol.html → download/body-eol.html} +0 -0
  5. data/_includes/{page/download-body.html → download/body.html} +0 -0
  6. data/_includes/download/cards.html +16 -0
  7. data/_includes/{page/download-footer.html → download/footer.html} +0 -0
  8. data/_includes/download/header-doc.html +8 -0
  9. data/_includes/download/header-eol.html +8 -0
  10. data/_includes/download/header.html +10 -0
  11. data/_includes/download/linux.html +22 -0
  12. data/_includes/download/linux/7-doc.html +5 -0
  13. data/_includes/download/linux/7-eol.html +5 -0
  14. data/_includes/download/linux/7.html +5 -0
  15. data/_includes/download/linux/8-doc.html +5 -0
  16. data/_includes/download/linux/8-eol.html +5 -0
  17. data/_includes/download/linux/8.html +5 -0
  18. data/_includes/download/stream.html +16 -0
  19. data/_includes/download/stream/8-doc.html +5 -0
  20. data/_includes/download/stream/8-eol.html +5 -0
  21. data/_includes/download/stream/8.html +5 -0
  22. data/_includes/header.html +9 -11
  23. data/_includes/header/blog.html +17 -20
  24. data/_includes/header/home.html +13 -17
  25. data/_includes/header/page.html +4 -10
  26. data/_includes/header/post.html +19 -20
  27. data/_includes/home/around.html +2 -4
  28. data/_includes/home/news-and-sponsors.html +8 -0
  29. data/_includes/home/news.html +10 -13
  30. data/_includes/home/sponsors.html +6 -6
  31. data/_includes/{page/search.html → search.html} +0 -0
  32. data/_includes/{page/toc.html → toc.html} +4 -5
  33. data/_includes/top.html +3 -0
  34. data/_layouts/aside.html +11 -10
  35. data/_layouts/blog.html +34 -40
  36. data/_layouts/default.html +1 -0
  37. data/_layouts/download-mirror.html +5 -7
  38. data/_layouts/home.html +5 -9
  39. data/_layouts/page.html +10 -7
  40. data/_layouts/post.html +34 -19
  41. data/_layouts/search.html +8 -7
  42. data/_layouts/sponsors.html +16 -10
  43. data/_sass/centos/_breadcrumbs.scss +4 -0
  44. data/_sass/centos/_footer.scss +15 -3
  45. data/_sass/centos/_header.scss +85 -38
  46. data/_sass/centos/_main.scss +196 -0
  47. data/_sass/centos/_mixins.scss +3 -6
  48. data/_sass/centos/_nav.scss +2 -13
  49. data/_sass/centos/{mixins/_page-toc.scss → _toc.scss} +8 -4
  50. data/_sass/centos/_variables.scss +15 -45
  51. data/_sass/centos/centos.scss +3 -2
  52. data/_sass/centos/mixins/_aside-nav.scss +26 -0
  53. data/_sass/centos/mixins/_content.scss +82 -0
  54. data/_sass/centos/{_rssfeeds.scss → mixins/_link-list.scss} +1 -1
  55. data/assets/img/post.png +0 -0
  56. metadata +33 -33
  57. data/_includes/page/download-cards.html +0 -13
  58. data/_includes/page/download-header-doc.html +0 -8
  59. data/_includes/page/download-header-eol.html +0 -8
  60. data/_includes/page/download-header.html +0 -10
  61. data/_includes/page/download-linux.html +0 -20
  62. data/_includes/page/download-linux/7-doc.html +0 -5
  63. data/_includes/page/download-linux/7-eol.html +0 -5
  64. data/_includes/page/download-linux/7.html +0 -5
  65. data/_includes/page/download-linux/8-doc.html +0 -5
  66. data/_includes/page/download-linux/8-eol.html +0 -5
  67. data/_includes/page/download-linux/8.html +0 -5
  68. data/_includes/page/download-stream.html +0 -16
  69. data/_includes/page/download-stream/8-doc.html +0 -5
  70. data/_includes/page/download-stream/8-eol.html +0 -5
  71. data/_includes/page/download-stream/8.html +0 -5
  72. data/_layouts/download.html +0 -25
  73. data/_sass/centos/_page.scss +0 -221
  74. data/_sass/centos/mixins/_before-angle-right.scss +0 -9
  75. data/_sass/centos/mixins/_link-dark.scss +0 -10
  76. data/_sass/centos/mixins/_page-card.scss +0 -14
  77. data/_sass/centos/mixins/_page-heading.scss +0 -28
  78. data/_sass/centos/mixins/_page-lists.scss +0 -15
@@ -0,0 +1,196 @@
1
+ .home, .page, .blog, .aside, .download, .sponsors, .search, .post {
2
+ @extend .container;
3
+ min-height: calc(30vh);
4
+ padding-top: $paragraph-margin-bottom;
5
+ padding-bottom: $paragraph-margin-bottom;
6
+ }
7
+
8
+ .home {
9
+ @include content;
10
+
11
+ &__news-and-sponsors {
12
+ @extend .row;
13
+ &__news {
14
+ @extend .col;
15
+ @include link-list;
16
+ }
17
+ &__sponsors {
18
+ @extend .col-4;
19
+ .card {
20
+ margin: 1em;
21
+ margin-left: 0;
22
+ border: none;
23
+ }
24
+ img {
25
+ width: auto;
26
+ height: 50px;
27
+ }
28
+ }
29
+ }
30
+ &__around {
31
+ @include link-list;
32
+ }
33
+ }
34
+
35
+ .aside {
36
+ display: flex;
37
+ align-items: flex-start;
38
+ flex-wrap: wrap;
39
+
40
+ &__nav {
41
+ @include aside-nav;
42
+ }
43
+
44
+ &__content {
45
+ @extend .col-xl-8;
46
+ @include content;
47
+ padding-left: 0;
48
+ }
49
+ }
50
+
51
+ .page {
52
+ &__content {
53
+ @include content;
54
+ }
55
+ }
56
+
57
+ .blog {
58
+ &__breadcrumb {
59
+ @extend .breadcrumb;
60
+ &__item {
61
+ @extend .breadcrumb-item;
62
+ &--active {
63
+ @extend .active;
64
+ }
65
+ }
66
+ }
67
+
68
+ &__navbar {
69
+ display: flex;
70
+ justify-content: space-between;
71
+ flex-direction: row;
72
+
73
+ &__newer, &__older, &__feeds {
74
+ &--disabled {
75
+ opacity: 0;
76
+ }
77
+ }
78
+ }
79
+
80
+ &__entries {
81
+ margin-top: 1rem;
82
+ margin-bottom: 1rem;
83
+ &__card {
84
+ display: flex;
85
+ justify-content: space-between;
86
+ flex-direction: row;
87
+ flex-wrap: wrap;
88
+
89
+ border: none;
90
+
91
+ &__item {
92
+ @extend .col-lg-6;
93
+ &__image {
94
+ @extend .img-fluid;
95
+ padding-bottom: 1em;
96
+ }
97
+ }
98
+ }
99
+ border-bottom: 1px solid $body-color;
100
+ }
101
+ }
102
+
103
+ .post {
104
+ display: flex;
105
+ justify-content: space-between;
106
+ flex-direction: row;
107
+ flex-wrap: wrap;
108
+
109
+ &__navbar {
110
+ @extend .col-lg-8;
111
+ display: flex;
112
+ justify-content: space-between;
113
+ flex-direction: row;
114
+
115
+ &__newer, &__older {
116
+ &--disabled {
117
+ opacity: 0;
118
+ }
119
+ }
120
+ &__newer {
121
+ margin-right: 0;
122
+ }
123
+ &__older {
124
+ margin-left: 0;
125
+ }
126
+ }
127
+
128
+ &__content {
129
+ @extend .col-lg-8;
130
+ @include content;
131
+
132
+ &__nav {
133
+ @include aside-nav;
134
+ }
135
+ }
136
+ }
137
+
138
+ .search {
139
+ &__results {
140
+ @include link-list;
141
+
142
+ .lunrsearchresult {
143
+ .title {
144
+ margin-top: 0;
145
+ }
146
+ .url {
147
+ color: silver;
148
+ }
149
+ }
150
+ }
151
+ }
152
+
153
+ .download {
154
+ &__content {
155
+ @include content;
156
+ &__card {
157
+ @extend .card;
158
+ margin-bottom: $paragraph-margin-bottom;
159
+ table { margin-bottom: 0 }
160
+ &__header {
161
+ @extend .card-header;
162
+ }
163
+ &__body {
164
+ @extend .card-body;
165
+ padding: 15px;
166
+ }
167
+ }
168
+ }
169
+ }
170
+
171
+ .sponsors {
172
+ &__content {
173
+ &__card {
174
+ display: flex;
175
+ flex-wrap: wrap;
176
+ &__item {
177
+ @extend .card;
178
+ border: none;
179
+ padding: 15px;
180
+ text-align: left;
181
+ &__image {
182
+ img {
183
+ width: auto;
184
+ height: 50px;
185
+ }
186
+ }
187
+ &__body {
188
+ &__title {
189
+ }
190
+ &__description {
191
+ }
192
+ }
193
+ }
194
+ }
195
+ }
196
+ }
@@ -1,6 +1,3 @@
1
- @import "mixins/_page-heading";
2
- @import "mixins/_page-lists";
3
- @import "mixins/_page-card";
4
- @import "mixins/_page-toc";
5
- @import "mixins/_link-dark";
6
- @import "mixins/_before-angle-right";
1
+ @import "mixins/_content";
2
+ @import "mixins/_aside-nav";
3
+ @import "mixins/_link-list";
@@ -1,14 +1,3 @@
1
- .nav-link {
2
- font-weight: $font-weight-bold;
3
- }
4
-
5
- .tab-content {
6
- table {
7
- margin-top: 0;
8
- margin-bottom: 0;
9
- }
10
- }
11
-
12
- .nav-tabs {
13
- margin-bottom: 0 !important;
1
+ .navbar {
2
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
14
3
  }
@@ -1,11 +1,15 @@
1
- @mixin page-toc {
1
+ .toc {
2
+ font-size: small;
2
3
 
3
- header {
4
- padding-top: 1em;
4
+ &__header {
5
+ font-weight: $headings-font-weight;
5
6
  }
6
7
 
7
8
  ul {
8
- padding-left: 1em;
9
+ padding-left: 1rem;
10
+ &:first-child {
11
+ padding-left: 0;
12
+ }
9
13
  ul {
10
14
  padding-left: 1em;
11
15
  }
@@ -12,20 +12,20 @@ $dark: $black;
12
12
  /* ----------------------------------------------------------------------
13
13
  * CentOS Identity
14
14
  * ---------------------------------------------------------------------- */
15
- $color-0: #9ccd2a;
16
- $color-1: #efa724;
17
- $color-2: #a14f8c;
18
- $color-3: #262577;
15
+ $color-0: #9ccd2a;
16
+ $color-1: #efa724;
17
+ $color-2: #a14f8c;
18
+ $color-3: #262577;
19
19
 
20
- $logo-image: "/assets/img/logo.png";
21
- $background-image: "/assets/img/motif.png";
20
+ $logo-image: "/assets/img/logo.png";
21
+ $background-image: "/assets/img/motif.png";
22
22
 
23
- $home-header-padding-top: 202px;
24
- $home-header-padding-bottom: 150px;
25
- $page-header-padding-top: 152px;
26
- $page-header-padding-bottom: 100px;
27
- $heading-margin-top: 1em;
28
- $scroll-margin-top: $heading-margin-top * 2.6;
23
+ $home-header-padding-top: 202px;
24
+ $home-header-padding-bottom: 150px;
25
+ $page-header-padding-top: 152px;
26
+ $page-header-padding-bottom: 100px;
27
+ $heading-margin-top: 1rem;
28
+ $scroll-margin-top: $heading-margin-top * 2.6;
29
29
 
30
30
  /* ----------------------------------------------------------------------
31
31
  * Nord Identity
@@ -52,7 +52,7 @@ $nord-color-15: #b48ead;
52
52
  // Settings for the `<body>` element.
53
53
 
54
54
  $body-bg: $white;
55
- $body-color: $nord-color-0;
55
+ $body-color: #212529;
56
56
 
57
57
  // Paragraphs
58
58
  //
@@ -69,44 +69,14 @@ $line-height-base: 1.75;
69
69
  $headings-line-height: $line-height-base - 0.3;
70
70
  $headings-font-weight: 700;
71
71
 
72
-
73
- // Tables
74
- //
75
- // Customizes the `.table` component with basic values, each used across all table variations.
76
-
77
- $table-head-bg: $body-color;
78
- $table-dark-color: $nord-color-6;
79
- $table-dark-bg: $nord-color-2;
80
- $table-dark-color: $nord-color-6;
81
- $table-dark-border-color: $nord-color-2;
82
-
83
- // Nav
84
-
85
- $nav-tabs-link-active-color: $table-dark-color;
86
- $nav-tabs-link-active-bg: $table-dark-bg;
87
- $nav-tabs-link-active-border-color: $table-dark-bg;
88
-
89
- // Navbar
90
-
91
- $navbar-nav-link-padding-x: .5rem;
92
- $navbar-dark-color: rgba($white, .8);
93
- $navbar-dark-hover-color: $nord-color-6;
94
-
95
- // Dropdowns
96
72
  //
97
73
  // Dropdown menu container and contents.
98
74
  //
99
75
  $dropdown-bg: $black;
100
- $dropdown-link-color: $nord-color-6;
101
- $dropdown-link-hover-color: $nord-color-6;
76
+ $dropdown-link-color: $white;
77
+ $dropdown-link-hover-color: $white;
102
78
  $dropdown-link-hover-bg: rgba($white, .2);
103
79
 
104
- // Cards
105
-
106
- $card-spacer-y: 0;
107
- $card-spacer-x: 0;
108
-
109
80
  // Breadcrumbs
110
-
111
81
  $breadcrumb-bg: transparent;
112
82
  $breadcrumb-padding-x: 0;
@@ -15,9 +15,10 @@
15
15
 
16
16
  @import "_mixins";
17
17
  @import "_datatable";
18
- @import "_rssfeeds";
19
18
  @import "_highlighter";
19
+ @import "_toc";
20
+ @import "_breadcrumbs";
20
21
  @import "_nav";
21
22
  @import "_header";
22
- @import "_page";
23
+ @import "_main";
23
24
  @import "_footer";
@@ -0,0 +1,26 @@
1
+ @mixin aside-nav {
2
+ @extend .col-xl-4;
3
+ font-size: small;
4
+
5
+ border-left: 1px solid #eee;
6
+
7
+ @include media-breakpoint-up(xl) {
8
+ align-self: start;
9
+ position: sticky;
10
+ top: 90px;
11
+ }
12
+
13
+ .toc {
14
+ &__section {
15
+ @include media-breakpoint-up(xl) {
16
+ flex-direction: column;
17
+ max-height: 70vh;
18
+ overflow-y: auto;
19
+ }
20
+ }
21
+ }
22
+
23
+ .top {
24
+ margin-top: $paragraph-margin-bottom;
25
+ }
26
+ }
@@ -0,0 +1,82 @@
1
+ @mixin content {
2
+
3
+ h1, h2, h3, h4, h5, h6 {
4
+ scroll-margin-top: $scroll-margin-top + 2.5;
5
+ &:first-child {
6
+ margin-top: 0;
7
+ padding-top: 0;
8
+ }
9
+ }
10
+
11
+ h2 {
12
+ margin-top: $scroll-margin-top;
13
+ border-bottom: 3px solid $body-color;
14
+ }
15
+
16
+ img {
17
+ @extend .img-fluid;
18
+ }
19
+
20
+ pre {
21
+ @extend .highlight, .pre-scrollable;
22
+ padding: 1rem;
23
+ }
24
+
25
+ table {
26
+ @extend .table, .table-striped;
27
+ thead {
28
+ @extend .thead-dark;
29
+ }
30
+ }
31
+
32
+
33
+ blockquote {
34
+ @extend .blockquote;
35
+ font-size: $font-size-base;
36
+
37
+ border-left: 5px solid $nord-color-7;
38
+ background-color: rgba($nord-color-7, 0.05);
39
+ padding: 1em;
40
+ padding-left: 2em;
41
+
42
+ blockquote {
43
+ border-left: 5px solid $nord-color-11;
44
+ background-color: rgba($nord-color-11, 0.05);
45
+ blockquote {
46
+ border-left: 5px solid $nord-color-14;
47
+ background-color: rgba($nord-color-14, 0.05);
48
+ blockquote {
49
+ border-left: 5px solid $nord-color-13;
50
+ background-color: rgba($nord-color-13, 0.05);
51
+ }
52
+ }
53
+ }
54
+ }
55
+
56
+ .alert {
57
+ padding-bottom: 0;
58
+ .title {
59
+ font-size: $h4-font-size;
60
+ font-weight: $font-weight-bold;
61
+ margin-bottom: 0;
62
+ }
63
+ &-info {
64
+ border-left: 5px solid $nord-color-7;
65
+ }
66
+ &-warning {
67
+ border-left: 5px solid $nord-color-13;
68
+ }
69
+ &-danger {
70
+ border-left: 5px solid $nord-color-11;
71
+ }
72
+ &-success {
73
+ border-left: 5px solid $nord-color-14;
74
+ }
75
+ }
76
+
77
+ .video {
78
+ @extend .embed-responsive, .embed-responsive-16by9;
79
+ margin-bottom: $line-height-base * 1em;
80
+ }
81
+ }
82
+