overkyll-jekyll-theme 0.5 → 0.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
- }