jekyll-theme-hydeout 3.7.1 → 4.2.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -3,15 +3,15 @@
3
3
  // Super small header above the content for site name and short description.
4
4
 
5
5
  .masthead {
6
- padding-top: 1rem;
7
- padding-bottom: 1rem;
8
6
  margin-bottom: 3rem;
7
+ padding-bottom: 1rem;
8
+ padding-top: 1rem;
9
9
  }
10
10
 
11
11
  .masthead-title {
12
- margin-top: 0;
13
- margin-bottom: 0;
14
12
  color: $gray-5;
13
+ margin-bottom: 0;
14
+ margin-top: 0;
15
15
 
16
16
  a {
17
17
  color: inherit;
@@ -20,6 +20,6 @@
20
20
  small {
21
21
  font-size: 75%;
22
22
  font-weight: 400;
23
- opacity: .5;
23
+ opacity: 0.5;
24
24
  }
25
25
  }
@@ -4,8 +4,8 @@
4
4
  // or to a parent if there are multiple elements to show.
5
5
 
6
6
  .message {
7
+ background-color: #f9f9f9;
8
+ color: #717171;
7
9
  margin-bottom: 1rem;
8
10
  padding: 1rem;
9
- color: #717171;
10
- background-color: #f9f9f9;
11
11
  }
@@ -7,24 +7,24 @@
7
7
  */
8
8
 
9
9
  .pagination {
10
- margin-bottom: $section-spacing;
11
10
  color: $gray-3;
11
+ margin-bottom: $section-spacing;
12
12
  text-align: center;
13
13
 
14
14
  > a {
15
- display: inline-block;
16
- padding: $padding-v $padding-h;
15
+ background: $body-bg;
17
16
  border: solid $border-color;
18
17
  border-radius: $border-radius;
19
18
  border-width: 1px;
20
- width: 60%;
21
- max-width: $sidebar-width;
22
- background: $body-bg;
23
19
  box-shadow: $default-box-shadow;
20
+ display: inline-block;
21
+ max-width: $sidebar-width;
22
+ padding: $padding-v $padding-h;
23
+ width: 60%;
24
+ }
24
25
 
25
- &:hover {
26
- background-color: $border-color;
27
- }
26
+ > a:hover {
27
+ background-color: $border-color;
28
28
  }
29
29
  }
30
30
 
@@ -60,13 +60,13 @@
60
60
  margin-top: 0;
61
61
 
62
62
  + * {
63
- padding-top: $section-spacing;
64
63
  border-top: 1px solid $border-color;
65
64
  margin-top: $section-spacing;
65
+ padding-top: $section-spacing;
66
66
  }
67
67
  }
68
68
 
69
69
  .index #sidebar {
70
70
  padding-bottom: $section-spacing;
71
71
  }
72
- }
72
+ }
@@ -3,90 +3,91 @@
3
3
  // Each post is wrapped in `.post` and is used on default and post layouts. Each
4
4
  // page is wrapped in `.page` and is only used on the page layout.
5
5
 
6
- article + *, .post-body ~ section {
7
- padding-top: $section-spacing;
8
- border-top: 1px solid $border-color;
9
- margin-top: $section-spacing;
10
-
11
- > h2:first-child, > h3:first-child {
12
- margin-top: 0;
13
- }
6
+ .posts-by-tag h2 {
7
+ text-transform: capitalize;
14
8
  }
15
9
 
16
- .post, .page {
17
- .content {
18
- li + li {
19
- margin-top: .25rem;
20
- }
21
- }
10
+ // Blog post or page title
11
+ .page-title,
12
+ .post-title {
13
+ margin-top: 0;
22
14
  }
23
15
 
24
- // Blog post or page title
25
16
  .page-title,
26
17
  .post-title,
27
18
  .post-title a {
28
19
  color: $heading-color;
29
20
  }
30
- .page-title,
31
- .post-title {
32
- margin-top: 0;
33
- }
34
21
 
35
- // h1-size h2
36
- h2.post-title, h2.page-title {
22
+ h2.post-title,
23
+ h2.page-title {
37
24
  font-size: 2rem;
38
25
  }
39
26
 
40
- // Meta data line below post title
41
- .post-meta {
42
- margin-top: -.5rem;
43
- margin-bottom: 1rem;
44
- color: $body-muted;
45
- }
46
-
47
27
  .post-tags a {
48
28
  font-size: 0.8em;
49
29
  margin-right: 0.5rem;
50
- white-space:nowrap;
30
+ opacity: 0.75;
31
+ white-space: nowrap;
32
+
51
33
  .tag-name { text-transform: capitalize; }
52
34
 
53
- opacity: 0.75;
54
35
  &:hover {
55
- text-decoration: none;
56
36
  opacity: 1;
37
+ text-decoration: none;
57
38
  }
58
39
  }
59
40
 
60
- .posts-by-tag h2 {
61
- text-transform: capitalize;
62
- }
63
-
64
41
  .posts-list {
65
- padding-left: 0;
66
42
  list-style: none;
43
+ padding-left: 0;
67
44
 
68
45
  h3 {
69
46
  margin-top: 0;
70
47
  }
71
48
 
72
- li {
73
- small {
74
- font-size: 75%;
75
- color: #999;
76
- white-space: nowrap;
77
- }
78
-
79
- a:hover {
80
- color: $link-color;
81
- text-decoration: none;
82
-
83
- small {
84
- color: inherit;
85
- }
86
- }
49
+ li small {
50
+ color: #999;
51
+ font-size: 75%;
52
+ white-space: nowrap;
53
+ }
54
+
55
+ li a:hover {
56
+ color: $link-color;
57
+ text-decoration: none;
58
+ }
59
+
60
+ li a:hover small {
61
+ color: inherit;
62
+ }
63
+ }
64
+
65
+ article + *,
66
+ .post-body ~ section {
67
+ border-top: 1px solid $border-color;
68
+ margin-top: $section-spacing;
69
+ padding-top: $section-spacing;
70
+
71
+ > h2:first-child,
72
+ > h3:first-child {
73
+ margin-top: 0;
74
+ }
75
+ }
76
+
77
+ // Meta data line below post title
78
+ .post-meta {
79
+ color: $body-muted;
80
+ margin-bottom: 1rem;
81
+ margin-top: -0.5rem;
82
+ }
83
+
84
+ .post,
85
+ .page {
86
+ .content li + li {
87
+ margin-top: 0.25rem;
87
88
  }
88
89
  }
89
90
 
90
91
  button.disqus-load {
91
92
  margin-top: 1em;
92
- }
93
+ }
@@ -1,7 +1,7 @@
1
1
  .search-row {
2
- display: flex;
3
2
  border: 1px solid $border-color;
4
3
  border-radius: $border-radius;
4
+ display: flex;
5
5
  padding: 2px;
6
6
 
7
7
  input {
@@ -10,7 +10,8 @@
10
10
 
11
11
  input + input { margin-left: 2px; }
12
12
 
13
- input[type="text"], input[type="search"] {
13
+ input[type='text'],
14
+ input[type='search'] {
14
15
  flex-grow: 1;
15
16
  }
16
- }
17
+ }
@@ -1,64 +1,79 @@
1
1
  .highlight .hll { background-color: #ffc; }
2
2
  .highlight .c { color: #999; } /* Comment */
3
- .highlight .err { color: #a00; background-color: #faa } /* Error */
3
+ .highlight .err { /* Error */
4
+ background-color: #faa;
5
+ color: #a00;
6
+ }
4
7
  .highlight .k { color: #069; } /* Keyword */
5
- .highlight .o { color: #555 } /* Operator */
6
- .highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */
7
- .highlight .cp { color: #099 } /* Comment.Preproc */
8
+ .highlight .o { color: #555; } /* Operator */
9
+ .highlight .cm { /* Comment.Multiline */
10
+ color: #09f;
11
+ font-style: italic;
12
+ }
13
+ .highlight .cp { color: #099; } /* Comment.Preproc */
8
14
  .highlight .c1 { color: #999; } /* Comment.Single */
9
15
  .highlight .cs { color: #999; } /* Comment.Special */
10
- .highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */
11
- .highlight .ge { font-style: italic } /* Generic.Emph */
12
- .highlight .gr { color: #f00 } /* Generic.Error */
16
+ .highlight .gd { /* Generic.Deleted */
17
+ background-color: #fcc;
18
+ border: 1px solid #c00;
19
+ }
20
+ .highlight .ge { font-style: italic; } /* Generic.Emph */
21
+ .highlight .gr { color: #f00; } /* Generic.Error */
13
22
  .highlight .gh { color: #030; } /* Generic.Heading */
14
- .highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */
15
- .highlight .go { color: #aaa } /* Generic.Output */
23
+ .highlight .gi { /* Generic.Inserted */
24
+ background-color: #cfc;
25
+ border: 1px solid #0c0;
26
+ }
27
+ .highlight .go { color: #aaa; } /* Generic.Output */
16
28
  .highlight .gp { color: #009; } /* Generic.Prompt */
17
- .highlight .gs { } /* Generic.Strong */
29
+ // .highlight .gs { } /* Generic.Strong */
18
30
  .highlight .gu { color: #030; } /* Generic.Subheading */
19
- .highlight .gt { color: #9c6 } /* Generic.Traceback */
31
+ .highlight .gt { color: #9c6; } /* Generic.Traceback */
20
32
  .highlight .kc { color: #069; } /* Keyword.Constant */
21
33
  .highlight .kd { color: #069; } /* Keyword.Declaration */
22
34
  .highlight .kn { color: #069; } /* Keyword.Namespace */
23
- .highlight .kp { color: #069 } /* Keyword.Pseudo */
35
+ .highlight .kp { color: #069; } /* Keyword.Pseudo */
24
36
  .highlight .kr { color: #069; } /* Keyword.Reserved */
25
37
  .highlight .kt { color: #078; } /* Keyword.Type */
26
- .highlight .m { color: #f60 } /* Literal.Number */
27
- .highlight .s { color: #d44950 } /* Literal.String */
28
- .highlight .na { color: #4f9fcf } /* Name.Attribute */
29
- .highlight .nb { color: #366 } /* Name.Builtin */
38
+ .highlight .m { color: #f60; } /* Literal.Number */
39
+ .highlight .s { color: #d44950; } /* Literal.String */
40
+ .highlight .na { color: #4f9fcf; } /* Name.Attribute */
41
+ .highlight .nb { color: #366; } /* Name.Builtin */
30
42
  .highlight .nc { color: #0a8; } /* Name.Class */
31
- .highlight .no { color: #360 } /* Name.Constant */
32
- .highlight .nd { color: #99f } /* Name.Decorator */
43
+ .highlight .no { color: #360; } /* Name.Constant */
44
+ .highlight .nd { color: #99f; } /* Name.Decorator */
33
45
  .highlight .ni { color: #999; } /* Name.Entity */
34
46
  .highlight .ne { color: #c00; } /* Name.Exception */
35
- .highlight .nf { color: #c0f } /* Name.Function */
36
- .highlight .nl { color: #99f } /* Name.Label */
47
+ .highlight .nf { color: #c0f; } /* Name.Function */
48
+ .highlight .nl { color: #99f; } /* Name.Label */
37
49
  .highlight .nn { color: #0cf; } /* Name.Namespace */
38
50
  .highlight .nt { color: #2f6f9f; } /* Name.Tag */
39
- .highlight .nv { color: #033 } /* Name.Variable */
51
+ .highlight .nv { color: #033; } /* Name.Variable */
40
52
  .highlight .ow { color: #000; } /* Operator.Word */
41
- .highlight .w { color: #bbb } /* Text.Whitespace */
42
- .highlight .mf { color: #f60 } /* Literal.Number.Float */
43
- .highlight .mh { color: #f60 } /* Literal.Number.Hex */
44
- .highlight .mi { color: #f60 } /* Literal.Number.Integer */
45
- .highlight .mo { color: #f60 } /* Literal.Number.Oct */
46
- .highlight .sb { color: #c30 } /* Literal.String.Backtick */
47
- .highlight .sc { color: #c30 } /* Literal.String.Char */
48
- .highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */
49
- .highlight .s2 { color: #c30 } /* Literal.String.Double */
53
+ .highlight .w { color: #bbb; } /* Text.Whitespace */
54
+ .highlight .mf { color: #f60; } /* Literal.Number.Float */
55
+ .highlight .mh { color: #f60; } /* Literal.Number.Hex */
56
+ .highlight .mi { color: #f60; } /* Literal.Number.Integer */
57
+ .highlight .mo { color: #f60; } /* Literal.Number.Oct */
58
+ .highlight .sb { color: #c30; } /* Literal.String.Backtick */
59
+ .highlight .sc { color: #c30; } /* Literal.String.Char */
60
+ .highlight .sd { /* Literal.String.Doc */
61
+ color: #c30;
62
+ font-style: italic;
63
+ }
64
+ .highlight .s2 { color: #c30; } /* Literal.String.Double */
50
65
  .highlight .se { color: #c30; } /* Literal.String.Escape */
51
- .highlight .sh { color: #c30 } /* Literal.String.Heredoc */
52
- .highlight .si { color: #a00 } /* Literal.String.Interpol */
53
- .highlight .sx { color: #c30 } /* Literal.String.Other */
54
- .highlight .sr { color: #3aa } /* Literal.String.Regex */
55
- .highlight .s1 { color: #c30 } /* Literal.String.Single */
56
- .highlight .ss { color: #fc3 } /* Literal.String.Symbol */
57
- .highlight .bp { color: #366 } /* Name.Builtin.Pseudo */
58
- .highlight .vc { color: #033 } /* Name.Variable.Class */
59
- .highlight .vg { color: #033 } /* Name.Variable.Global */
60
- .highlight .vi { color: #033 } /* Name.Variable.Instance */
61
- .highlight .il { color: #f60 } /* Literal.Number.Integer.Long */
66
+ .highlight .sh { color: #c30; } /* Literal.String.Heredoc */
67
+ .highlight .si { color: #a00; } /* Literal.String.Interpol */
68
+ .highlight .sx { color: #c30; } /* Literal.String.Other */
69
+ .highlight .sr { color: #3aa; } /* Literal.String.Regex */
70
+ .highlight .s1 { color: #c30; } /* Literal.String.Single */
71
+ .highlight .ss { color: #fc3; } /* Literal.String.Symbol */
72
+ .highlight .bp { color: #366; } /* Name.Builtin.Pseudo */
73
+ .highlight .vc { color: #033; } /* Name.Variable.Class */
74
+ .highlight .vg { color: #033; } /* Name.Variable.Global */
75
+ .highlight .vi { color: #033; } /* Name.Variable.Instance */
76
+ .highlight .il { color: #f60; } /* Literal.Number.Integer.Long */
62
77
 
63
78
  .css .o,
64
79
  .css .o + .nt,
@@ -1,25 +1,22 @@
1
- .tags-list {
2
- a {
3
- margin-right: 0.5em;
4
- white-space: nowrap;
5
- opacity: 0.75;
1
+ .tags-list a {
2
+ margin-right: 0.5em;
3
+ opacity: 0.75;
4
+ white-space: nowrap;
5
+ }
6
6
 
7
- .tag-count {
8
- background: $link-color;
9
- color: rgba(255, 255, 255, 0.8);
10
- margin-left: 0.25em;
11
- border-radius: 1000px;
12
- font-size: 0.75em;
13
- padding-left: 0.6em;
14
- padding-right: 0.6em;
15
- }
7
+ .tags-list a .tag-count {
8
+ background: $link-color;
9
+ border-radius: 1000px;
10
+ color: rgba(255, 255, 255, 0.8);
11
+ font-size: 0.75em;
12
+ margin-left: 0.25em;
13
+ padding-left: 0.6em;
14
+ padding-right: 0.6em;
15
+ }
16
16
 
17
- // No underline because it looks weird with badge
18
- &:hover {
19
- text-decoration: none;
20
- opacity: 1;
21
- }
22
- }
17
+ .tags-list a:hover {
18
+ opacity: 1;
19
+ text-decoration: none;
23
20
  }
24
21
 
25
22
  @keyframes posts-for-tag-fade-in {
@@ -32,7 +29,7 @@
32
29
  display: none;
33
30
 
34
31
  &:target {
35
- display: block;
36
32
  animation: posts-for-tag-fade-in 0.6s ease-in-out;
33
+ display: block;
37
34
  }
38
- }
35
+ }
@@ -2,11 +2,17 @@
2
2
  //
3
3
  // Headings, body text, lists, and other misc typographic elements.
4
4
 
5
- h1, h2, h3, h4, h5, h6, .site-title {
6
- margin-bottom: $heading-spacing;
5
+ h1,
6
+ h2,
7
+ h3,
8
+ h4,
9
+ h5,
10
+ h6,
11
+ .site-title {
12
+ color: $heading-color;
7
13
  font-weight: 600;
8
14
  line-height: 1.25;
9
- color: $heading-color;
15
+ margin-bottom: $heading-spacing;
10
16
  text-rendering: optimizeLegibility;
11
17
  }
12
18
 
@@ -15,32 +21,36 @@ h1 {
15
21
  }
16
22
 
17
23
  h2 {
18
- margin-top: 1rem;
19
24
  font-size: 1.5rem;
25
+ margin-top: 1rem;
20
26
  }
21
27
 
22
28
  h3 {
23
- margin-top: 1.5rem;
24
29
  font-size: 1.25rem;
30
+ margin-top: 1.5rem;
25
31
  }
26
32
 
27
- h4, h5, h6 {
28
- margin-top: 1rem;
33
+ h4,
34
+ h5,
35
+ h6 {
29
36
  font-size: 1rem;
37
+ margin-top: 1rem;
30
38
  }
31
39
 
32
40
  p {
33
- margin-top: 0;
34
41
  margin-bottom: 1rem;
42
+ margin-top: 0;
35
43
  }
36
44
 
37
45
  strong {
38
46
  color: #303030;
39
47
  }
40
48
 
41
- ul, ol, dl {
42
- margin-top: 0;
49
+ ul,
50
+ ol,
51
+ dl {
43
52
  margin-bottom: 1rem;
53
+ margin-top: 0;
44
54
  }
45
55
 
46
56
  dt {
@@ -48,63 +58,62 @@ dt {
48
58
  }
49
59
 
50
60
  dd {
51
- margin-bottom: .5rem;
61
+ margin-bottom: 0.5rem;
52
62
  }
53
63
 
54
64
  hr {
55
- position: relative;
56
- margin: 1.5rem 0;
57
65
  border: 0;
58
- border-top: 1px solid #eee;
59
66
  border-bottom: 1px solid #fff;
67
+ border-top: 1px solid #eee;
68
+ margin: 1.5rem 0;
69
+ position: relative;
60
70
  }
61
71
 
62
72
  abbr {
73
+ color: #555;
63
74
  font-size: 85%;
64
75
  font-weight: bold;
65
- color: #555;
66
76
  text-transform: uppercase;
67
77
 
68
78
  &[title] {
69
- cursor: help;
70
79
  border-bottom: 1px dotted $border-color;
80
+ cursor: help;
71
81
  }
72
82
  }
73
83
 
74
84
  blockquote {
75
- padding: .5rem 1rem;
76
- margin: .8rem 0;
85
+ border-left: 0.25rem solid $border-color;
77
86
  color: #7a7a7a;
78
- border-left: .25rem solid $border-color;
87
+ margin: 0.8rem 0;
88
+ padding: 0.5rem 1rem;
79
89
 
80
90
  p:last-child {
81
91
  margin-bottom: 0;
82
92
  }
83
93
 
84
94
  @media (min-width: 30em) {
85
- padding-right: 5rem;
86
95
  padding-left: 1.25rem;
96
+ padding-right: 5rem;
87
97
  }
88
98
  }
89
99
 
90
-
91
100
  // Markdown footnotes
92
101
  //
93
102
  // See the example content post for an example.
94
103
 
95
104
  // Footnote number within body text
96
- a[href^="#fn:"],
105
+ a[href^='#fn:'],
97
106
  // Back to footnote link
98
- a[href^="#fnref:"] {
107
+ a[href^='#fnref:'] {
99
108
  display: inline-block;
100
- margin-left: .1rem;
101
109
  font-weight: bold;
110
+ margin-left: 0.1rem;
102
111
  }
103
112
 
104
113
  // List of footnotes
105
114
  .footnotes {
106
- margin-top: 2rem;
107
115
  font-size: 85%;
116
+ margin-top: 2rem;
108
117
  }
109
118
 
110
119
  // Custom type
@@ -117,8 +126,15 @@ a[href^="#fnref:"] {
117
126
  }
118
127
 
119
128
  // SVG Icons
120
- a svg, .icon svg {
129
+ a svg {
130
+ fill: $link-color;
131
+ }
132
+
133
+ a svg,
134
+ .icon svg {
121
135
  height: 1em;
122
136
  }
123
- a svg { fill: $link-color; }
124
- .icon { vertical-align: middle; }
137
+
138
+ .icon {
139
+ vertical-align: middle;
140
+ }