garth-jekyll-theme 0.2.8 → 0.2.9
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|