overkyll-jekyll-theme 0.5 → 0.8

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.
@@ -1,26 +0,0 @@
1
-
2
- //
3
- // Skiplink
4
- //
5
-
6
- /* styling skip links */
7
- .skip-links {
8
- position: absolute;
9
- top: 0;
10
- width: 100%;
11
- & a {
12
- position: absolute;
13
- overflow: hidden;
14
- clip: rect(1px, 1px, 1px, 1px);
15
- padding: 0.5em;
16
- background: black;
17
- color: white;
18
- text-decoration: none;
19
-
20
- &:focus {
21
- position: static;
22
- overflow: visible;
23
- clip: auto;
24
- }
25
- }
26
- }
@@ -1,73 +0,0 @@
1
- /**
2
- * Syntax highlighting styles
3
- */
4
-
5
- .highlight {
6
- margin: 0 0 $base_line / 2;
7
- text-align: left !important; // override .post .figure
8
- background: #fff;
9
-
10
- .highlighter-rouge & {
11
- background: #eef;
12
- }
13
-
14
- .c { color: #998; font-style: italic } // Comment
15
- .err { color: #a61717; background-color: #e3d2d2 } // Error
16
- .k { font-weight: bold } // Keyword
17
- .o { font-weight: bold } // Operator
18
- .cm { color: #998; font-style: italic } // Comment.Multiline
19
- .cp { color: #999; font-weight: bold } // Comment.Preproc
20
- .c1 { color: #998; font-style: italic } // Comment.Single
21
- .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
22
- .gd { color: #000; background-color: #fdd } // Generic.Deleted
23
- .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
24
- .ge { font-style: italic } // Generic.Emph
25
- .gr { color: #a00 } // Generic.Error
26
- .gh { color: #999 } // Generic.Heading
27
- .gi { color: #000; background-color: #dfd } // Generic.Inserted
28
- .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
29
- .go { color: #888 } // Generic.Output
30
- .gp { color: #555 } // Generic.Prompt
31
- .gs { font-weight: bold } // Generic.Strong
32
- .gu { color: #aaa } // Generic.Subheading
33
- .gt { color: #a00 } // Generic.Traceback
34
- .kc { font-weight: bold } // Keyword.Constant
35
- .kd { font-weight: bold } // Keyword.Declaration
36
- .kp { font-weight: bold } // Keyword.Pseudo
37
- .kr { font-weight: bold } // Keyword.Reserved
38
- .kt { color: #458; font-weight: bold } // Keyword.Type
39
- .m { color: #099 } // Literal.Number
40
- .s { color: #d14 } // Literal.String
41
- .na { color: #008080 } // Name.Attribute
42
- .nb { color: #0086B3 } // Name.Builtin
43
- .nc { color: #458; font-weight: bold } // Name.Class
44
- .no { color: #008080 } // Name.Constant
45
- .ni { color: #800080 } // Name.Entity
46
- .ne { color: #900; font-weight: bold } // Name.Exception
47
- .nf { color: #900; font-weight: bold } // Name.Function
48
- .nn { color: #555 } // Name.Namespace
49
- .nt { color: #000080 } // Name.Tag
50
- .nv { color: #008080 } // Name.Variable
51
- .ow { font-weight: bold } // Operator.Word
52
- .w { color: #bbb } // Text.Whitespace
53
- .mf { color: #099 } // Literal.Number.Float
54
- .mh { color: #099 } // Literal.Number.Hex
55
- .mi { color: #099 } // Literal.Number.Integer
56
- .mo { color: #099 } // Literal.Number.Oct
57
- .sb { color: #d14 } // Literal.String.Backtick
58
- .sc { color: #d14 } // Literal.String.Char
59
- .sd { color: #d14 } // Literal.String.Doc
60
- .s2 { color: #d14 } // Literal.String.Double
61
- .se { color: #d14 } // Literal.String.Escape
62
- .sh { color: #d14 } // Literal.String.Heredoc
63
- .si { color: #d14 } // Literal.String.Interpol
64
- .sx { color: #d14 } // Literal.String.Other
65
- .sr { color: #009926 } // Literal.String.Regex
66
- .s1 { color: #d14 } // Literal.String.Single
67
- .ss { color: #990073 } // Literal.String.Symbol
68
- .bp { color: #999 } // Name.Builtin.Pseudo
69
- .vc { color: #008080 } // Name.Variable.Class
70
- .vg { color: #008080 } // Name.Variable.Global
71
- .vi { color: #008080 } // Name.Variable.Instance
72
- .il { color: #099 } // Literal.Number.Integer.Long
73
- }
@@ -1,93 +0,0 @@
1
- ////
2
- /// Header
3
- ////
4
-
5
- .site-header {
6
- padding: 0.5rem 0 $base-line;
7
- text-align: center;
8
- .wrapper {
9
- @media #{$medium-up} {
10
- display: flex;
11
- align-content: center;
12
- }
13
- }
14
- a {
15
- text-decoration: none;
16
- }
17
- .site-title {
18
- display: block;
19
- margin: $base-line/2 auto;
20
- font-size: $base-em * $ms5;
21
- @media #{$medium-up} {
22
- font-size: $base-em * $ms6;
23
- }
24
- font-weight: 600;
25
- color: #000;
26
- text-align: center;
27
- &:hover {
28
- opacity: 0.88;
29
- text-decoration: underline;
30
- }
31
- }
32
- }
33
-
34
- .site-header {
35
- nav {
36
- a {
37
- &:hover,&:focus,&:active {
38
- text-decoration: none;
39
- border-bottom: 2px solid #444;
40
- }
41
- }
42
- }
43
- }
44
-
45
-
46
- .nav-main {
47
- display: flex;
48
- align-items: center;
49
- flex: 1;
50
- ul {
51
- display: flex;
52
- flex-wrap: wrap;
53
- justify-content: center;
54
- @media #{$medium-up} {
55
- justify-content: flex-end;
56
- }
57
- margin: 0;
58
- padding: 0;
59
- width: 100%;
60
- list-style: none;
61
-
62
- }
63
- li {
64
- flex: 1;
65
- text-align: center;
66
- max-width: 10rem;
67
- }
68
- a {
69
- font-weight: bold;
70
- & + & {
71
- margin-left: 1em;
72
- }
73
- }
74
- }
75
-
76
- .exergue {
77
- padding: 1rem;
78
- width: 100%;
79
- text-align: center;
80
- color: #fff;
81
- small {
82
- display: block;
83
- clear: both;
84
- width: 100%;
85
- }
86
- a {
87
- color: #fff;
88
- &:hover {
89
- text-decoration: none;
90
- }
91
- }
92
- background: #000;
93
- }
@@ -1,63 +0,0 @@
1
- ////
2
- /// Pagination
3
- ////
4
-
5
- .pagination {
6
- clear: both;
7
- margin: 3rem 0;
8
- font-size: 1rem;
9
- text-align: center;
10
- .left,.right {
11
- margin-bottom: $base-line;
12
- max-width: 45%;
13
- text-align: left;
14
- }
15
- .right {
16
- text-align: right;
17
- }
18
- a {
19
- display: block;
20
- }
21
- }
22
-
23
- .pagination a,
24
- .pagination .disabled {
25
- padding: 1em 1.5em;
26
- color: #333;
27
- border: 1px solid palette(grey);
28
- border-radius: 0.1875em;
29
- background: palette(grey,light);
30
- transition: all 0.2s ease-in-out;
31
- }
32
-
33
- .pagination .disabled {
34
- opacity: 0.5;
35
- }
36
-
37
- .pagination a:hover,
38
- .pagination a:focus {
39
- color: $brand-color;
40
- background: white;
41
- }
42
-
43
- .pagination a:active {
44
- background: palette(grey,light);
45
- }
46
-
47
- .pagination .button {
48
- font-size: 1rem;
49
- font-weight: 300;
50
- letter-spacing: 1px;
51
- }
52
-
53
- .button-disabled {
54
- opacity: 0.55;
55
- background-color: palette(grey,dark);
56
- }
57
-
58
- .button-disabled:hover,
59
- .button-disabled:active,
60
- .button-disabled:focus {
61
- cursor: not-allowed;
62
- background-color: palette(grey,dark);
63
- }
@@ -1,26 +0,0 @@
1
- ////
2
- /// Post
3
- ////
4
-
5
- .post {
6
- padding-bottom: $line-height-base;
7
- figure {
8
- text-align: center;
9
- }
10
- img {
11
- margin: 0.5em auto 1.5em;
12
- }
13
- }
14
-
15
- .posts-archive {
16
- @include list-inline();
17
- > li {
18
- &:not(:last-child):after {
19
- content: ' - ';
20
- }
21
- }
22
- }
23
-
24
- .post-meta {
25
- font-weight: 700;
26
- }
@@ -1,26 +0,0 @@
1
- @charset "utf-8";
2
-
3
- // Import partials from `sass_dir` (defaults to `_sass`)
4
-
5
- // Configuration
6
- @import "config/colors";
7
- @import "config/mediaqueries";
8
- @import "config/typography";
9
-
10
- // Tool
11
- @import "tool/utilities";
12
-
13
- // Base
14
- @import "base/layout";
15
-
16
- // Generic
17
- //@import "generic/broken-images";
18
- @import "generic/normalize-opentype";
19
- @import "generic/syntax-highlighting";
20
- @import "generic/skiplink";
21
- @import "generic/print";
22
-
23
- // Object
24
- @import "object/header";
25
- @import "object/pagination";
26
- @import "object/posts";
@@ -1,107 +0,0 @@
1
- //
2
- // Utility classes
3
- // --------------------------------------------------
4
-
5
-
6
- // Floats
7
- // -------------------------
8
-
9
- .clearfix {
10
- &:before,
11
- &:after {
12
- content: " "; // 1
13
- display: table; // 2
14
- }
15
- &:after {
16
- clear: both;
17
- }
18
- }
19
-
20
- .center {
21
- margin: 0 auto $line-height-base;
22
- text-align: center;
23
- }
24
-
25
- .pull-right {
26
- float: right !important;
27
- }
28
- .pull-left {
29
- float: left !important;
30
- }
31
-
32
- .left {
33
- float: left;
34
- }
35
-
36
- .right {
37
- float: right;
38
- }
39
-
40
-
41
- // List
42
- // -------------------------
43
-
44
- @mixin list-inline {
45
- padding: 0;
46
- margin: 0 0 $base-line;
47
- li {
48
- display: inline-block;
49
- }
50
- }
51
-
52
-
53
- // Toggling content
54
- // -------------------------
55
-
56
- .hide {
57
- display: none !important;
58
- }
59
-
60
- .show {
61
- display: block !important;
62
- }
63
-
64
- .invisible {
65
- visibility: hidden;
66
- }
67
-
68
- // Class for hidding text but keep text accessible
69
- // --------------------------------------------------
70
-
71
- .sr-only,
72
- .visuallyhidden {
73
- border: 0 !important;
74
- clip: rect(1px, 1px, 1px, 1px) !important;
75
- -webkit-clip-path: inset(50%) !important;
76
- clip-path: inset(50%) !important;
77
- height: 1px !important;
78
- overflow: hidden !important;
79
- padding: 0 !important;
80
- position: absolute !important;
81
- width: 1px !important;
82
- white-space: nowrap !important;
83
- }
84
-
85
-
86
- // For Affix plugin
87
- // -------------------------
88
-
89
- .affix {
90
- position: fixed;
91
- }
92
-
93
-
94
- // Icons
95
- // -------------------------
96
-
97
- .icon {
98
- > svg {
99
- display: inline-block;
100
- width: 16px;
101
- height: 16px;
102
- vertical-align: middle;
103
- path {
104
- fill: $grey-color;
105
- }
106
- }
107
- }