garth-jekyll-theme 0.2.8 → 0.2.9
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.
- checksums.yaml +4 -4
- metadata +34 -25
- data/_includes/favicons.html +0 -18
- data/_includes/footer.html +0 -9
- data/_includes/header.html +0 -25
- data/_includes/pagination.html +0 -21
- data/_includes/posts.html +0 -22
- data/_includes/theme.js +0 -14
- data/_layouts/default.html +0 -26
- data/_layouts/front.html +0 -17
- data/_layouts/page.html +0 -15
- data/_layouts/post.html +0 -20
- data/_sass/_sassline-base.scss +0 -7
- data/_sass/sassline-base/_layouts.scss +0 -282
- data/_sass/sassline-base/_mixins.scss +0 -420
- data/_sass/sassline-base/_modular-scale.scss +0 -66
- data/_sass/sassline-base/_reset.scss +0 -13
- data/_sass/sassline-base/_typography.scss +0 -363
- data/_sass/sassline-base/_variables.scss +0 -96
- data/_sass/sassline.scss +0 -1
- data/_sass/style.scss +0 -12
- data/_sass/theme.scss +0 -84
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5bf6d5ad47b714d38f403083e2fa34ba2122613c
|
|
4
|
+
data.tar.gz: a4b8432cf95fb06f69f82a1a2c7f126be50b4bdd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: fee20b96fba320489c6f463232b40dfd11aa35f48da49b4f643cab785438576e6a1f8b8eef35d7a3281fa4fca2b9529bcb152d91c00cd5c611f03481289d6142
|
|
7
|
+
data.tar.gz: f4e5072268499ebdf0f32d97a923cec8cc8f9b5df848c1941d32d163d96063f814039e539a746da278b399c23d682fa7025c27e2ba781d0e9c12c252af61b748
|
metadata
CHANGED
|
@@ -1,42 +1,51 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: garth-jekyll-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.2.
|
|
4
|
+
version: 0.2.9
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- David Darnes
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-
|
|
12
|
-
dependencies:
|
|
11
|
+
date: 2016-10-02 00:00:00.000000000 Z
|
|
12
|
+
dependencies:
|
|
13
|
+
- !ruby/object:Gem::Dependency
|
|
14
|
+
name: jekyll
|
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
|
16
|
+
requirements:
|
|
17
|
+
- - "~>"
|
|
18
|
+
- !ruby/object:Gem::Version
|
|
19
|
+
version: '3.2'
|
|
20
|
+
type: :runtime
|
|
21
|
+
prerelease: false
|
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
23
|
+
requirements:
|
|
24
|
+
- - "~>"
|
|
25
|
+
- !ruby/object:Gem::Version
|
|
26
|
+
version: '3.2'
|
|
27
|
+
- !ruby/object:Gem::Dependency
|
|
28
|
+
name: bundler
|
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
|
30
|
+
requirements:
|
|
31
|
+
- - "~>"
|
|
32
|
+
- !ruby/object:Gem::Version
|
|
33
|
+
version: '1.12'
|
|
34
|
+
type: :development
|
|
35
|
+
prerelease: false
|
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
37
|
+
requirements:
|
|
38
|
+
- - "~>"
|
|
39
|
+
- !ruby/object:Gem::Version
|
|
40
|
+
version: '1.12'
|
|
13
41
|
description: A stupidly simple theme for Jekyll (3.2), using official Jekyll theme
|
|
14
42
|
implementation
|
|
15
|
-
email:
|
|
43
|
+
email:
|
|
44
|
+
- me@daviddarnes.com
|
|
16
45
|
executables: []
|
|
17
46
|
extensions: []
|
|
18
47
|
extra_rdoc_files: []
|
|
19
|
-
files:
|
|
20
|
-
- _includes/favicons.html
|
|
21
|
-
- _includes/footer.html
|
|
22
|
-
- _includes/header.html
|
|
23
|
-
- _includes/pagination.html
|
|
24
|
-
- _includes/posts.html
|
|
25
|
-
- _includes/theme.js
|
|
26
|
-
- _layouts/default.html
|
|
27
|
-
- _layouts/front.html
|
|
28
|
-
- _layouts/page.html
|
|
29
|
-
- _layouts/post.html
|
|
30
|
-
- _sass/_sassline-base.scss
|
|
31
|
-
- _sass/sassline-base/_layouts.scss
|
|
32
|
-
- _sass/sassline-base/_mixins.scss
|
|
33
|
-
- _sass/sassline-base/_modular-scale.scss
|
|
34
|
-
- _sass/sassline-base/_reset.scss
|
|
35
|
-
- _sass/sassline-base/_typography.scss
|
|
36
|
-
- _sass/sassline-base/_variables.scss
|
|
37
|
-
- _sass/sassline.scss
|
|
38
|
-
- _sass/style.scss
|
|
39
|
-
- _sass/theme.scss
|
|
48
|
+
files: []
|
|
40
49
|
homepage: https://github.com/daviddarnes/garth-jekyll-theme
|
|
41
50
|
licenses:
|
|
42
51
|
- MIT
|
data/_includes/favicons.html
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<link rel="apple-touch-icon" sizes="57x57" href="{{ site.logo | replace: "300", "57" }}">
|
|
2
|
-
<link rel="apple-touch-icon" sizes="60x60" href="{{ site.logo | replace: "300", "60" }}">
|
|
3
|
-
<link rel="apple-touch-icon" sizes="72x72" href="{{ site.logo | replace: "300", "72" }}">
|
|
4
|
-
<link rel="apple-touch-icon" sizes="76x76" href="{{ site.logo | replace: "300", "76" }}">
|
|
5
|
-
<link rel="apple-touch-icon" sizes="114x114" href="{{ site.logo | replace: "300", "114" }}">
|
|
6
|
-
<link rel="apple-touch-icon" sizes="120x120" href="{{ site.logo | replace: "300", "120" }}">
|
|
7
|
-
<link rel="apple-touch-icon" sizes="144x144" href="{{ site.logo | replace: "300", "144" }}">
|
|
8
|
-
<link rel="apple-touch-icon" sizes="152x152" href="{{ site.logo | replace: "300", "152" }}">
|
|
9
|
-
<link rel="apple-touch-icon" sizes="180x180" href="{{ site.logo | replace: "300", "180" }}">
|
|
10
|
-
<link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "32" }}" sizes="32x32">
|
|
11
|
-
<link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "194" }}" sizes="194x194">
|
|
12
|
-
<link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "96" }}" sizes="96x96">
|
|
13
|
-
<link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "192" }}" sizes="192x192">
|
|
14
|
-
<link rel="icon" type="image/png" href="{{ site.logo | replace: "300", "16" }}" sizes="16x16">
|
|
15
|
-
<link rel="shortcut icon" href="{{ site.logo }}">
|
|
16
|
-
<meta name="msapplication-TileColor" content="{{ site.color }}">
|
|
17
|
-
<meta name="msapplication-TileImage" content="{{ site.logo | replace: "300", "144" }}">
|
|
18
|
-
<meta name="theme-color" content="{{ site.color }}">
|
data/_includes/footer.html
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
<footer class="footer">
|
|
2
|
-
|
|
3
|
-
<div class="container">
|
|
4
|
-
|
|
5
|
-
<small class="small">© {{ site.time | date: '%Y' }} – {% if site.title %}{{ site.title }}{% else %}Garth by <a href="https://darn.es/" title="David Darnes">David Darnes</a>{% endif %}</small>
|
|
6
|
-
|
|
7
|
-
</div>
|
|
8
|
-
|
|
9
|
-
</footer>
|
data/_includes/header.html
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
<header class="header">
|
|
2
|
-
|
|
3
|
-
<div class="container">
|
|
4
|
-
|
|
5
|
-
{% if site.logo %}
|
|
6
|
-
<a class="logo" href="/" title="{{ site.title }}">
|
|
7
|
-
<img class="image" src="{{ site.logo | replace: "300", "72" }}" alt="{{ site.title }}" srcset="{{ site.logo | replace: "300", "72" }} 72w, {{ site.logo | replace: "300", "144" }} 144w" width="72" height="72">
|
|
8
|
-
</a>
|
|
9
|
-
{% endif %}
|
|
10
|
-
|
|
11
|
-
<button class="button">Menu</button>
|
|
12
|
-
|
|
13
|
-
<nav class="nav nav--main">
|
|
14
|
-
|
|
15
|
-
{% for page in site.pages %}
|
|
16
|
-
{% if page.title %}
|
|
17
|
-
<a class="item" href="{{ page.url | prepend: site.baseurl }}" title="{{ page.title }}">{{ page.title | escape }}</a>
|
|
18
|
-
{% endif %}
|
|
19
|
-
{% endfor %}
|
|
20
|
-
|
|
21
|
-
</nav>
|
|
22
|
-
|
|
23
|
-
</div>
|
|
24
|
-
|
|
25
|
-
</header>
|
data/_includes/pagination.html
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<aside class="aside">
|
|
2
|
-
|
|
3
|
-
<nav class="paginator container">
|
|
4
|
-
|
|
5
|
-
{% if paginator.previous_page %}
|
|
6
|
-
<a href="{{ paginator.previous_page_path }}" class="pagination pagination--previous">← Previous</a>
|
|
7
|
-
{% else %}
|
|
8
|
-
<span class="pagination pagination--previous">← Previous</span>
|
|
9
|
-
{% endif %}
|
|
10
|
-
|
|
11
|
-
<span class="pagination pagination--divider">•</span>
|
|
12
|
-
|
|
13
|
-
{% if paginator.next_page %}
|
|
14
|
-
<a href="{{ paginator.next_page_path }}" class="pagination pagination--next">Next →</a>
|
|
15
|
-
{% else %}
|
|
16
|
-
<span class="pagination pagination--next">Next →</span>
|
|
17
|
-
{% endif %}
|
|
18
|
-
|
|
19
|
-
</nav>
|
|
20
|
-
|
|
21
|
-
</aside>
|
data/_includes/posts.html
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
<ul class="posts">
|
|
2
|
-
{% for item in site.posts %}
|
|
3
|
-
|
|
4
|
-
<li class="post container">
|
|
5
|
-
|
|
6
|
-
<article class="article typeset">
|
|
7
|
-
|
|
8
|
-
<h2>
|
|
9
|
-
<a href="{{ item.url }}" title="{{ item.title }}">{{ item.title }}</a>
|
|
10
|
-
</h2>
|
|
11
|
-
|
|
12
|
-
<small class="small">
|
|
13
|
-
<time datetime="{{ item.date | date_to_xmlschema }}" class="time">{{ item.date | date_to_string }}</time>
|
|
14
|
-
</small>
|
|
15
|
-
|
|
16
|
-
{{ item.excerpt | markdownify }}
|
|
17
|
-
|
|
18
|
-
</article>
|
|
19
|
-
</li>
|
|
20
|
-
|
|
21
|
-
{% endfor %}
|
|
22
|
-
</ul>
|
data/_includes/theme.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
// Data attribute switch
|
|
2
|
-
var toggleState = function (elem, one, two) {
|
|
3
|
-
var elem = document.querySelector(elem);
|
|
4
|
-
elem.setAttribute('data-state', elem.getAttribute('data-state') === one ? two : one);
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
// Mobile navigation toggle selector
|
|
8
|
-
var buttonMenu = document.querySelector('.button--nav');
|
|
9
|
-
if (typeof(buttonMenu) != 'undefined' && buttonMenu != null) {
|
|
10
|
-
buttonMenu.onclick = function (e) {
|
|
11
|
-
toggleState('.nav', 'open', 'closed');
|
|
12
|
-
e.preventDefault();
|
|
13
|
-
};
|
|
14
|
-
};
|
data/_layouts/default.html
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en-GB">
|
|
3
|
-
<head>
|
|
4
|
-
<!-- General meta -->
|
|
5
|
-
<meta charset="utf-8">
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7
|
-
<title>{{ page.title }} - {{ site.title }}</title>
|
|
8
|
-
|
|
9
|
-
{% if site.logo %}
|
|
10
|
-
{% include favicons.html %}
|
|
11
|
-
{% endif %}
|
|
12
|
-
|
|
13
|
-
<link href="/css/styles.css" media="all" rel="stylesheet" type="text/css">
|
|
14
|
-
</head>
|
|
15
|
-
<body>
|
|
16
|
-
|
|
17
|
-
{% include header.html %}
|
|
18
|
-
|
|
19
|
-
{{ content }}
|
|
20
|
-
|
|
21
|
-
{% include footer.html %}
|
|
22
|
-
|
|
23
|
-
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans|Neuton" rel="stylesheet">
|
|
24
|
-
<script src="/js/scripts.js" type="text/javascript"></script>
|
|
25
|
-
</body>
|
|
26
|
-
</html>
|
data/_layouts/front.html
DELETED
data/_layouts/page.html
DELETED
data/_layouts/post.html
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
layout: default
|
|
3
|
-
---
|
|
4
|
-
|
|
5
|
-
<main class="main container">
|
|
6
|
-
|
|
7
|
-
<article class="article typeset">
|
|
8
|
-
|
|
9
|
-
<h1>{{ page.title }}</h1>
|
|
10
|
-
|
|
11
|
-
<small class="small">
|
|
12
|
-
{% assign words = content | number_of_words %}
|
|
13
|
-
<time datetime="{{ page.date | date_to_xmlschema }}" class="time">{{ page.date | date_to_string }}</time> – <span class="time time--reading">{{ words | divided_by:180 }} minute read</span>
|
|
14
|
-
</small>
|
|
15
|
-
|
|
16
|
-
{{ content }}
|
|
17
|
-
|
|
18
|
-
</article>
|
|
19
|
-
|
|
20
|
-
</main>
|
data/_sass/_sassline-base.scss
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
// Import Sassline base SCSS files in order so variables are read correctly.
|
|
2
|
-
@import "sassline-base/reset";
|
|
3
|
-
@import "sassline-base/variables";
|
|
4
|
-
@import "sassline-base/modular-scale";
|
|
5
|
-
@import "sassline-base/mixins";
|
|
6
|
-
@import "sassline-base/typography";
|
|
7
|
-
@import "sassline-base/layouts";
|
|
@@ -1,282 +0,0 @@
|
|
|
1
|
-
// Layouts
|
|
2
|
-
// ---------------------------------------
|
|
3
|
-
|
|
4
|
-
// Container.
|
|
5
|
-
.section {
|
|
6
|
-
@include clearfix;
|
|
7
|
-
|
|
8
|
-
margin: 0 auto;
|
|
9
|
-
position: relative;
|
|
10
|
-
width: 94%;
|
|
11
|
-
|
|
12
|
-
@include breakpoint(break-3) {
|
|
13
|
-
@include maxwidth(3);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
@include breakpoint(break-4) {
|
|
17
|
-
@include maxwidth(4);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
// Single column (based on measure for typeset content).
|
|
22
|
-
.single-measure {
|
|
23
|
-
@include measure(all);
|
|
24
|
-
|
|
25
|
-
margin: 0 auto;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
// Base column styles.
|
|
29
|
-
.column {
|
|
30
|
-
@include measure(0);
|
|
31
|
-
|
|
32
|
-
margin: 0 auto;
|
|
33
|
-
width: 100%;
|
|
34
|
-
|
|
35
|
-
@include breakpoint(break-1) {
|
|
36
|
-
float: left;
|
|
37
|
-
margin: initial;
|
|
38
|
-
max-width: initial;
|
|
39
|
-
padding-left: map-get($gutterwidths, small);
|
|
40
|
-
padding-right: map-get($gutterwidths, small);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@include breakpoint(break-3) {
|
|
44
|
-
padding-left: map-get($gutterwidths, medium);
|
|
45
|
-
padding-right: map-get($gutterwidths, medium);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// Two columns.
|
|
50
|
-
.column--duo {
|
|
51
|
-
|
|
52
|
-
@include breakpoint(break-1) {
|
|
53
|
-
width: 50%;
|
|
54
|
-
|
|
55
|
-
&:nth-of-type(2n+3) {
|
|
56
|
-
clear: left;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
&:nth-of-type(n+3) {
|
|
60
|
-
margin-top: 3rem;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
// Three columns.
|
|
66
|
-
.column--trio {
|
|
67
|
-
|
|
68
|
-
@include breakpoint(break-1) {
|
|
69
|
-
width: 33.333%;
|
|
70
|
-
|
|
71
|
-
&:nth-of-type(3n+4) {
|
|
72
|
-
clear: left;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
&:nth-of-type(n+4) {
|
|
76
|
-
margin-top: 3rem;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
// Four columns. Two at smaller breakpoints.
|
|
82
|
-
.column--quad {
|
|
83
|
-
|
|
84
|
-
@include breakpoint(break-1) {
|
|
85
|
-
width: 50%;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
@include breakpoint(break-2) {
|
|
89
|
-
width: 25%;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
// Two column layout with a main text column and a sidebar.
|
|
94
|
-
|
|
95
|
-
// Main column.
|
|
96
|
-
.column--main {
|
|
97
|
-
|
|
98
|
-
@include breakpoint(break-1) {
|
|
99
|
-
@include ideal-measure(1, small);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
@include breakpoint(break-2) {
|
|
103
|
-
@include ideal-measure(2, small);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
@include breakpoint(break-3) {
|
|
107
|
-
@include ideal-measure(3, medium);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
@include breakpoint(break-4) {
|
|
111
|
-
@include ideal-measure(4, medium);
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
// Sidebar.
|
|
116
|
-
.column--sidebar {
|
|
117
|
-
|
|
118
|
-
@include breakpoint(break-1) {
|
|
119
|
-
@include ideal-measure(1, small, false);
|
|
120
|
-
|
|
121
|
-
padding-right: map-get($gutterwidths, medium);
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
@include breakpoint(break-2) {
|
|
125
|
-
@include ideal-measure(2, small, false);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
@include breakpoint(break-3) {
|
|
129
|
-
@include ideal-measure(3, medium, false);
|
|
130
|
-
|
|
131
|
-
padding-right: map-get($gutterwidths, large);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
@include breakpoint(break-4) {
|
|
135
|
-
@include ideal-measure(4, medium, false);
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
// If sidebar on the right side.
|
|
140
|
-
.column--main + .column--sidebar {
|
|
141
|
-
@include breakpoint(break-1) {
|
|
142
|
-
padding-left: map-get($gutterwidths, medium);
|
|
143
|
-
padding-right: map-get($gutterwidths, small);
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
@include breakpoint(break-3) {
|
|
147
|
-
padding-left: map-get($gutterwidths, large);
|
|
148
|
-
padding-right: map-get($gutterwidths, medium);
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
// Set the main text one level down in the modular scale for narrower columns.
|
|
153
|
-
.column--trio,
|
|
154
|
-
.column--quad,
|
|
155
|
-
.column--sidebar {
|
|
156
|
-
|
|
157
|
-
@include breakpoint(break-3) {
|
|
158
|
-
|
|
159
|
-
p {
|
|
160
|
-
@include sassline($fontsize: eta, $font: $bodytype, $lineheight: 2, $below: 2, $breakpoint: 3);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
li {
|
|
164
|
-
@include fontsize(eta, 3);
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
@include breakpoint(break-4) {
|
|
169
|
-
|
|
170
|
-
p {
|
|
171
|
-
@include sassline($fontsize: eta, $font: $bodytype, $lineheight: 2, $below: 2, $breakpoint: 4);
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
li {
|
|
175
|
-
@include fontsize(eta, 4);
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
// Main column on the right with inline sidenotes.
|
|
181
|
-
// The sidenotes will move out the column into the sidebar position aligned to the baseline.
|
|
182
|
-
.column--right {
|
|
183
|
-
|
|
184
|
-
@include breakpoint(break-1) {
|
|
185
|
-
@include ideal-measure(1, small);
|
|
186
|
-
@include ideal-measure(1, small, false, margin-left);
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
@include breakpoint(break-2) {
|
|
190
|
-
@include ideal-measure(2, small);
|
|
191
|
-
@include ideal-measure(2, small, false, margin-left);
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
@include breakpoint(break-3) {
|
|
195
|
-
@include ideal-measure(3, medium);
|
|
196
|
-
@include ideal-measure(3, medium, false, margin-left);
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
@include breakpoint(break-4) {
|
|
200
|
-
@include ideal-measure(4, medium);
|
|
201
|
-
@include ideal-measure(4, medium, false, margin-left);
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
.sidenote {
|
|
205
|
-
|
|
206
|
-
@include breakpoint(break-1) {
|
|
207
|
-
@include ideal-measure(1, small, false);
|
|
208
|
-
|
|
209
|
-
left: 0;
|
|
210
|
-
padding-left: map-get($gutterwidths, small);
|
|
211
|
-
padding-right: map-get($gutterwidths, medium);
|
|
212
|
-
position: absolute;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
@include breakpoint(break-2) {
|
|
216
|
-
@include ideal-measure(2, small, false);
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
@include breakpoint(break-3) {
|
|
220
|
-
@include ideal-measure(3, medium, false);
|
|
221
|
-
|
|
222
|
-
padding-right: map-get($gutterwidths, large);
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
@include breakpoint(break-4) {
|
|
226
|
-
@include ideal-measure(4, medium, false);
|
|
227
|
-
|
|
228
|
-
padding-left: map-get($gutterwidths, medium);
|
|
229
|
-
}
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
// Main column on the left with inline sidenotes.
|
|
234
|
-
.column--left {
|
|
235
|
-
|
|
236
|
-
@include breakpoint(break-1) {
|
|
237
|
-
@include ideal-measure(1, small);
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
@include breakpoint(break-2) {
|
|
241
|
-
@include ideal-measure(2, small);
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
@include breakpoint(break-3) {
|
|
245
|
-
@include ideal-measure(3, medium);
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
@include breakpoint(break-4) {
|
|
249
|
-
@include ideal-measure(4, medium);
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
.sidenote {
|
|
253
|
-
|
|
254
|
-
@include breakpoint(break-1) {
|
|
255
|
-
@include ideal-measure(1, small, false);
|
|
256
|
-
@include ideal-measure(1, small, true, left);
|
|
257
|
-
|
|
258
|
-
padding-left: map-get($gutterwidths, medium);
|
|
259
|
-
padding-right: map-get($gutterwidths, small);
|
|
260
|
-
position: absolute;
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
@include breakpoint(break-2) {
|
|
264
|
-
@include ideal-measure(2, small, false);
|
|
265
|
-
@include ideal-measure(2, small, true, left);
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
@include breakpoint(break-3) {
|
|
269
|
-
@include ideal-measure(3, medium, false);
|
|
270
|
-
@include ideal-measure(3, medium, true, left);
|
|
271
|
-
|
|
272
|
-
padding-left: map-get($gutterwidths, large);
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
@include breakpoint(break-4) {
|
|
276
|
-
@include ideal-measure(4, medium, false);
|
|
277
|
-
@include ideal-measure(4, medium, true, left);
|
|
278
|
-
|
|
279
|
-
padding-right: map-get($gutterwidths, medium);
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
}
|