classic-jekyll-theme 0.1.0 → 0.2.0
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
- data/LICENSE.txt +23 -0
- data/README.md +99 -0
- data/_includes/disqus_comments.html +25 -0
- data/_includes/footer.html +5 -0
- data/_includes/google-analytics.html +11 -0
- data/_includes/head.html +26 -0
- data/_includes/navbanner.html +149 -0
- data/_includes/secondary-column.html +12 -0
- data/_includes/tertiary-column.html +4 -0
- data/_includes/widgets/browser-info.html +13 -0
- data/_includes/widgets/cookie-consent.html +7 -0
- data/_includes/widgets/recent-posts.html +8 -0
- data/_includes/widgets/social-media-res/icon-github.html +1 -0
- data/_includes/widgets/social-media-res/icon-github.svg +1 -0
- data/_includes/widgets/social-media-res/icon-twitter.html +1 -0
- data/_includes/widgets/social-media-res/icon-twitter.svg +1 -0
- data/_includes/widgets/social-media.html +9 -0
- data/_includes/widgets/subscribe.html +4 -0
- data/_layouts/category-page.html +55 -0
- data/_layouts/default.html +60 -0
- data/_layouts/home.html +21 -0
- data/_layouts/page.html +18 -0
- data/_layouts/post.html +18 -0
- data/_sass/classic-jekyll-theme.scss +115 -0
- data/_sass/classic/_base.scss +176 -0
- data/_sass/classic/_formatting.scss +189 -0
- data/_sass/classic/_layout.scss +306 -0
- data/_sass/classic/_page.scss +12 -0
- data/_sass/classic/_post.scss +10 -0
- data/_sass/classic/_syntax-highlighting.scss +71 -0
- data/assets/img/medium-left.png +0 -0
- data/assets/img/medium-right.png +0 -0
- data/assets/img/narrow.png +0 -0
- data/assets/img/screenshot-half.png +0 -0
- data/assets/img/wide.png +0 -0
- data/assets/js/cookieconsent.min.js +1 -0
- data/assets/main.scss +9 -0
- metadata +39 -2
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<article class="page">
|
|
5
|
+
|
|
6
|
+
<header class="page-header">
|
|
7
|
+
<h1 class="page-title">Categorie: {{ page.title | capitalize }}</h1>
|
|
8
|
+
</header>
|
|
9
|
+
|
|
10
|
+
{% assign found = false %}
|
|
11
|
+
|
|
12
|
+
{% for post in site.posts %}
|
|
13
|
+
|
|
14
|
+
{% if post.categories %}
|
|
15
|
+
|
|
16
|
+
{% for cat in post.categories %}
|
|
17
|
+
|
|
18
|
+
{% if cat == page.title %}
|
|
19
|
+
|
|
20
|
+
{% assign found = true %}
|
|
21
|
+
|
|
22
|
+
<div class="category-post">
|
|
23
|
+
|
|
24
|
+
<h2 class="cp-header">
|
|
25
|
+
<span class="cph-title">{{ post.title }}</span>
|
|
26
|
+
<span class="post-meta">{{ post.date | date: "%F" }}</span>
|
|
27
|
+
</h2>
|
|
28
|
+
|
|
29
|
+
{% if post.tags.size > 0 %}
|
|
30
|
+
<p class="post-tags">Tags: <span>
|
|
31
|
+
{% for tag in post.tags %}
|
|
32
|
+
{{ tag }}{% if tag != post.tags.last %}, {% endif %}
|
|
33
|
+
{% endfor %}</span>
|
|
34
|
+
</p>
|
|
35
|
+
{% endif %}
|
|
36
|
+
|
|
37
|
+
<p>{{ post.excerpt | remove: '<p>' | remove: '</p>' }}<a href="{{ post.url }}">more...</a></p>
|
|
38
|
+
|
|
39
|
+
</div>
|
|
40
|
+
|
|
41
|
+
{% endif %}
|
|
42
|
+
|
|
43
|
+
{% endfor %}
|
|
44
|
+
|
|
45
|
+
{% endif %}
|
|
46
|
+
|
|
47
|
+
{% endfor %}
|
|
48
|
+
|
|
49
|
+
{% if found == false %}
|
|
50
|
+
|
|
51
|
+
<div><p style="text-align: center;">No blogposts found for this category</p></div>
|
|
52
|
+
|
|
53
|
+
{% endif %}
|
|
54
|
+
|
|
55
|
+
</article>
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
|
|
4
|
+
{% include head.html %}
|
|
5
|
+
|
|
6
|
+
<body>
|
|
7
|
+
|
|
8
|
+
<div class="navbanner-panel">{% include navbanner.html %}</div>
|
|
9
|
+
|
|
10
|
+
<div class="column-panel">
|
|
11
|
+
|
|
12
|
+
{% if site.secondary_column == 'left' %}
|
|
13
|
+
<div class="secondary-column">
|
|
14
|
+
<div class="secondary-column-content">{% include secondary-column.html %}</div>
|
|
15
|
+
{% if site.tertiary_column == 'present' %}
|
|
16
|
+
<div class="tertiary-column-content">{% include tertiary-column.html %}</div>
|
|
17
|
+
{% endif %}
|
|
18
|
+
</div>
|
|
19
|
+
<div class="secondary-divider"></div>
|
|
20
|
+
{% else %}
|
|
21
|
+
{% if site.tertiary_column == 'present' %}
|
|
22
|
+
<div class="tertiary-column">
|
|
23
|
+
<div class="tertiary-column-content">{% include tertiary-column.html %}</div>
|
|
24
|
+
</div>
|
|
25
|
+
<div class="tertiary-divider"></div>
|
|
26
|
+
{% endif %}
|
|
27
|
+
{% endif %}
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
<div class="primary-column">
|
|
31
|
+
<main>{{ content }}</main>
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
{% if site.secondary_column == 'right' %}
|
|
36
|
+
<div class="secondary-divider"></div>
|
|
37
|
+
<div class="secondary-column">
|
|
38
|
+
<div class="secondary-column-content">{% include secondary-column.html %}</div>
|
|
39
|
+
{% if site.tertiary_column == 'present' %}
|
|
40
|
+
<div class="tertiary-column-content">{% include tertiary-column.html %}</div>
|
|
41
|
+
{% endif %}
|
|
42
|
+
</div>
|
|
43
|
+
{% else %}
|
|
44
|
+
{% if site.tertiary_column == 'present' %}
|
|
45
|
+
<div class="tertiary-divider"></div>
|
|
46
|
+
<div class="tertiary-column">
|
|
47
|
+
<div class="tertiary-column-content">{% include tertiary-column.html %}</div>
|
|
48
|
+
</div>
|
|
49
|
+
{% endif %}
|
|
50
|
+
{% endif %}
|
|
51
|
+
|
|
52
|
+
</div>
|
|
53
|
+
|
|
54
|
+
<div class="footer-divider"></div>
|
|
55
|
+
|
|
56
|
+
<div class="footer-panel">{% include footer.html %}</div>
|
|
57
|
+
|
|
58
|
+
</body>
|
|
59
|
+
|
|
60
|
+
</html>
|
data/_layouts/home.html
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div>
|
|
6
|
+
|
|
7
|
+
<h1>Posts</h1>
|
|
8
|
+
|
|
9
|
+
<!-- {{ content }} -->
|
|
10
|
+
|
|
11
|
+
{% for post in site.posts %}
|
|
12
|
+
{% if forloop.index > site.number_of_posts_on_home_page %} {% break %} {% endif %}
|
|
13
|
+
|
|
14
|
+
<h2><a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h2>
|
|
15
|
+
<span class="post-meta">{{ post.date | date: "%F" }}</span>
|
|
16
|
+
|
|
17
|
+
<div>{{ post.content }}</div>
|
|
18
|
+
|
|
19
|
+
{% endfor %}
|
|
20
|
+
|
|
21
|
+
</div>
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<article class="page" itemscope itemtype="http://schema.org/Article">
|
|
5
|
+
|
|
6
|
+
<header class="page-header">
|
|
7
|
+
<h1 class="page-title" itemprop="name headline">{{ page.title | escape }}</h1>
|
|
8
|
+
<p class="page-meta">{% if page.date %}<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%F" }}</time>{% endif %}{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
|
|
9
|
+
</header>
|
|
10
|
+
|
|
11
|
+
<div class="page-content" itemprop="articleBody">
|
|
12
|
+
{{ content }}
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
{% if site.disqus.shortname %}
|
|
16
|
+
{% include disqus_comments.html %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
</article>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
|
|
5
|
+
|
|
6
|
+
<header class="post-header">
|
|
7
|
+
<h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
|
|
8
|
+
<p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%F" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
|
|
9
|
+
</header>
|
|
10
|
+
|
|
11
|
+
<div class="post-content" itemprop="articleBody">
|
|
12
|
+
{{ content }}
|
|
13
|
+
</div>
|
|
14
|
+
|
|
15
|
+
{% if site.disqus.shortname %}
|
|
16
|
+
{% include disqus_comments.html %}
|
|
17
|
+
{% endif %}
|
|
18
|
+
</article>
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
// =========================================================================================
|
|
2
|
+
// Defaults for the Classic-Jekyll-Theme
|
|
3
|
+
// Note: the definitions in main.scss have been deactivated.
|
|
4
|
+
// =========================================================================================
|
|
5
|
+
|
|
6
|
+
// Primary defaults
|
|
7
|
+
$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
8
|
+
$base-font-size: 16px;
|
|
9
|
+
$base-font-weight: 400;
|
|
10
|
+
$small-font-size: $base-font-size * 0.875;
|
|
11
|
+
$small-small-font-size: $small-font-size * 0.875;
|
|
12
|
+
$large-font-size: $base-font-size * 1.125;
|
|
13
|
+
$large-large-font-size: $large-font-size * 1.125;
|
|
14
|
+
$base-line-height: 1.5;
|
|
15
|
+
|
|
16
|
+
$hspacing-unit: 14px; // For best results, use even numbers only
|
|
17
|
+
$vspacing-unit: 14px; // For best results, use even numbers only
|
|
18
|
+
|
|
19
|
+
$text-color: #111;
|
|
20
|
+
$background-color: #fdfdfd;
|
|
21
|
+
$brand-color: #2a7ae2;
|
|
22
|
+
|
|
23
|
+
$grey-color: #828282;
|
|
24
|
+
$grey-color-light: lighten($grey-color, 40%);
|
|
25
|
+
$grey-color-light-light: lighten($grey-color-light, 40%);
|
|
26
|
+
$grey-color-dark: darken($grey-color, 25%);
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
// =========================================================================================
|
|
30
|
+
// From here one, element properties are set.
|
|
31
|
+
// The easiest way to become familiar with them is to change a value and see what happens.
|
|
32
|
+
// =========================================================================================
|
|
33
|
+
|
|
34
|
+
// The theme-color is the default for some of the other elements that can be colored in this theme.
|
|
35
|
+
// Its value is only used in this file.
|
|
36
|
+
$theme-color: green;
|
|
37
|
+
|
|
38
|
+
$navbanner-background-color: $background-color;
|
|
39
|
+
$navbanner-menubar-background-color: $background-color;
|
|
40
|
+
$primary-column-background-color: $background-color;
|
|
41
|
+
$secondary-column-background-color: $background-color;
|
|
42
|
+
$tertiary-column-background-color: $background-color;
|
|
43
|
+
$footer-background-color: $background-color;
|
|
44
|
+
|
|
45
|
+
// Colors for the dividers between the panels, columns and widgets
|
|
46
|
+
// Set display to 'none' to get rid of the divider, 'block' to enable the divider
|
|
47
|
+
$column-divider-color: lighten($grey-color, 30%);
|
|
48
|
+
$column-divider-display: block; //none;
|
|
49
|
+
$navbanner-menu-dividers-color: $theme-color;
|
|
50
|
+
$navbanner-menu-dividers-display: block; //none;
|
|
51
|
+
$footer-divider-color: $theme-color;
|
|
52
|
+
$footer-divider-display: block; //none;
|
|
53
|
+
$widget-divider-color: $theme-color;
|
|
54
|
+
$widget-divider-display: block; //none;
|
|
55
|
+
|
|
56
|
+
// Site title and menu-label coloring and sizing
|
|
57
|
+
$site-title-color: $theme-color;
|
|
58
|
+
$narrow-site-title-font-size: 2 * $base-font-size;
|
|
59
|
+
$medium-site-title-font-size: 2.5 * $base-font-size;
|
|
60
|
+
$wide-site-title-font-size: 3.5 * $base-font-size;
|
|
61
|
+
|
|
62
|
+
// Special characters used for menu functions
|
|
63
|
+
$menu-symbol-code: '\02261'; // ≡ Used in narrow and medium banner only
|
|
64
|
+
$menu-closed-submenu-code: '\021E8'; // ⇨ Used in narrow when the menu items are visible
|
|
65
|
+
$menu-open-submenu-code: '\021E9'; // ⇩ Used in narrow when the submenu items are visible
|
|
66
|
+
$menu-item-separator: ''; // Default = nothing
|
|
67
|
+
|
|
68
|
+
// Alignent of the menu items in the navigation bar.
|
|
69
|
+
// This is done via the "justify-content" flex property, valid values are:
|
|
70
|
+
// flex-start - to start the menu items at the left hand side of the screen
|
|
71
|
+
// center - to center the menu items in the middle of the navigation bar
|
|
72
|
+
// flex-end - to have them at the right most position possible
|
|
73
|
+
// for more options, see "justif-content".
|
|
74
|
+
$menu-alignment: flex-start;
|
|
75
|
+
|
|
76
|
+
// Navigation menu coloring and sizing
|
|
77
|
+
$menu-symbol-color: $theme-color;
|
|
78
|
+
$menu-item-font-color: $theme-color;
|
|
79
|
+
$menu-item-hover-color: black;
|
|
80
|
+
$menu-subitem-font-color: $theme-color;
|
|
81
|
+
$menu-subitem-hover-color: black;
|
|
82
|
+
$narrow-menu-item-background-color: $grey-color-light;
|
|
83
|
+
$narrow-menu-subitem-background-color: $grey-color-light;
|
|
84
|
+
$medium-menu-subitem-background-color: $grey-color-light-light;
|
|
85
|
+
$wide-menu-subitem-background-color: $medium-menu-subitem-background-color;
|
|
86
|
+
$menu-item-font-size: $base-font-size;
|
|
87
|
+
$menu-subitem-font-size: $small-font-size;
|
|
88
|
+
$narrow-menu-item-height: 3 * $vspacing-unit;
|
|
89
|
+
$narrow-menu-subitem-height: 2.5 * $vspacing-unit;
|
|
90
|
+
|
|
91
|
+
// Navigation bar formatting
|
|
92
|
+
$navbar-side-margin: $hspacing-unit; // Only for medium and wide navbars
|
|
93
|
+
$navbar-menu-item-spacing: $hspacing-unit; // Only for medium and wide navbars
|
|
94
|
+
|
|
95
|
+
// Column width specification. The secondary and tertiary column can be removed in the _config.yml file.
|
|
96
|
+
$primary-column-min-width: 480px;
|
|
97
|
+
$secondary-column-width: 240px;
|
|
98
|
+
$tertiary-column-width: 240px;
|
|
99
|
+
|
|
100
|
+
// There should be no need to change the next 4 definitions
|
|
101
|
+
$wide-min-width: $primary-column-min-width + $secondary-column-width + $tertiary-column-width;
|
|
102
|
+
$medium-max-width: $wide-min-width - 1;
|
|
103
|
+
$medium-min-width: $primary-column-min-width + $secondary-column-width;
|
|
104
|
+
$narrow-max-width: $medium-min-width - 1;
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
// Import partials.
|
|
108
|
+
@import
|
|
109
|
+
"classic/base",
|
|
110
|
+
"classic/layout",
|
|
111
|
+
"classic/formatting",
|
|
112
|
+
"classic/syntax-highlighting",
|
|
113
|
+
"classic/post",
|
|
114
|
+
"classic/page"
|
|
115
|
+
;
|
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reset some basic elements
|
|
3
|
+
*/
|
|
4
|
+
body, h1, h2, h3, h4, h5, h6,
|
|
5
|
+
p, blockquote, pre, hr,
|
|
6
|
+
dl, dd, ol, ul, figure {
|
|
7
|
+
margin: 0;
|
|
8
|
+
padding: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Basic styling
|
|
15
|
+
*/
|
|
16
|
+
body {
|
|
17
|
+
font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
|
|
18
|
+
color: $text-color;
|
|
19
|
+
background-color: $background-color;
|
|
20
|
+
-webkit-text-size-adjust: 100%;
|
|
21
|
+
-webkit-font-feature-settings: "kern" 1;
|
|
22
|
+
-moz-font-feature-settings: "kern" 1;
|
|
23
|
+
-o-font-feature-settings: "kern" 1;
|
|
24
|
+
font-feature-settings: "kern" 1;
|
|
25
|
+
font-kerning: normal;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* Set `margin-bottom` to maintain vertical rhythm
|
|
32
|
+
*/
|
|
33
|
+
h1, h2, h3, h4, h5, h6,
|
|
34
|
+
p, blockquote, pre,
|
|
35
|
+
ul, ol, dl, figure,
|
|
36
|
+
%vertical-rhythm {
|
|
37
|
+
margin-bottom: $vspacing-unit / 2;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Images
|
|
44
|
+
*/
|
|
45
|
+
img {
|
|
46
|
+
max-width: 100%;
|
|
47
|
+
vertical-align: middle;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Figures
|
|
54
|
+
*/
|
|
55
|
+
figure > img {
|
|
56
|
+
display: block;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
figcaption {
|
|
60
|
+
font-size: $small-font-size;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* Lists
|
|
67
|
+
*/
|
|
68
|
+
ul, ol {
|
|
69
|
+
margin-left: $hspacing-unit;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
li {
|
|
73
|
+
> ul,
|
|
74
|
+
> ol {
|
|
75
|
+
margin-bottom: 0;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
/**
|
|
82
|
+
* Headings
|
|
83
|
+
*/
|
|
84
|
+
h1, h2, h3, h4, h5, h6 {
|
|
85
|
+
font-weight: $base-font-weight;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Links
|
|
92
|
+
*/
|
|
93
|
+
a {
|
|
94
|
+
color: $brand-color;
|
|
95
|
+
text-decoration: none;
|
|
96
|
+
|
|
97
|
+
&:visited {
|
|
98
|
+
color: darken($brand-color, 15%);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
&:hover {
|
|
102
|
+
color: $text-color;
|
|
103
|
+
text-decoration: underline;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Blockquotes
|
|
111
|
+
*/
|
|
112
|
+
blockquote {
|
|
113
|
+
color: $grey-color;
|
|
114
|
+
border-left: 4px solid $grey-color-light;
|
|
115
|
+
padding-left: $vspacing-unit / 2;
|
|
116
|
+
font-size: 18px;
|
|
117
|
+
letter-spacing: -1px;
|
|
118
|
+
font-style: italic;
|
|
119
|
+
|
|
120
|
+
> :last-child {
|
|
121
|
+
margin-bottom: 0;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* Code formatting
|
|
129
|
+
*/
|
|
130
|
+
pre,
|
|
131
|
+
code {
|
|
132
|
+
font-size: 15px;
|
|
133
|
+
border: 1px solid $grey-color-light;
|
|
134
|
+
border-radius: 3px;
|
|
135
|
+
background-color: #eef;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
code {
|
|
139
|
+
padding: 1px 5px;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
pre {
|
|
143
|
+
padding: 8px 12px;
|
|
144
|
+
overflow-x: auto;
|
|
145
|
+
|
|
146
|
+
> code {
|
|
147
|
+
border: 0;
|
|
148
|
+
padding-right: 0;
|
|
149
|
+
padding-left: 0;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
/**
|
|
156
|
+
* Clearfix
|
|
157
|
+
*/
|
|
158
|
+
%clearfix:after {
|
|
159
|
+
content: "";
|
|
160
|
+
display: table;
|
|
161
|
+
clear: both;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
|
|
166
|
+
/**
|
|
167
|
+
* Icons
|
|
168
|
+
*/
|
|
169
|
+
.icon > svg {
|
|
170
|
+
display: inline-block;
|
|
171
|
+
vertical-align: middle;
|
|
172
|
+
|
|
173
|
+
path {
|
|
174
|
+
fill: $grey-color;
|
|
175
|
+
}
|
|
176
|
+
}
|