wunsh-theme 0.1.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.
Files changed (42) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +1 -0
  4. data/_includes/footer.html +7 -0
  5. data/_includes/global_variables.html +3 -0
  6. data/_includes/head.html +15 -0
  7. data/_includes/intro.html +4 -0
  8. data/_includes/menu.html +36 -0
  9. data/_includes/pagination.html +25 -0
  10. data/_includes/post_list.html +21 -0
  11. data/_includes/post_main.html +23 -0
  12. data/_includes/scripts.html +1 -0
  13. data/_includes/tags.html +6 -0
  14. data/_includes/tags_cloud.html +7 -0
  15. data/_includes/tags_page.html +15 -0
  16. data/_includes/translated_date.html +27 -0
  17. data/_layouts/default.html +17 -0
  18. data/_layouts/home.html +42 -0
  19. data/_layouts/page.html +5 -0
  20. data/_layouts/post.html +41 -0
  21. data/_sass/_helpers.scss +19 -0
  22. data/_sass/_main.scss +56 -0
  23. data/_sass/_mixins.scss +12 -0
  24. data/_sass/_syntax_highlighting.scss +68 -0
  25. data/_sass/_variables.scss +12 -0
  26. data/_sass/components/_content.scss +20 -0
  27. data/_sass/components/_footer.scss +21 -0
  28. data/_sass/components/_home.scss +13 -0
  29. data/_sass/components/_intro.scss +26 -0
  30. data/_sass/components/_menu.scss +86 -0
  31. data/_sass/components/_pagination.scss +4 -0
  32. data/_sass/components/_post.scss +51 -0
  33. data/_sass/components/_post_small.scss +80 -0
  34. data/_sass/components/_tags_cloud.scss +61 -0
  35. data/assets/css/style.scss +18 -0
  36. data/assets/css/vendors/pure-grids-responsive.css +861 -0
  37. data/assets/css/vendors/pure-grids-responsive.min.css +7 -0
  38. data/assets/css/vendors/pure.css +1508 -0
  39. data/assets/css/vendors/pure.min.css +11 -0
  40. data/assets/js/vendors/zepto.js +1650 -0
  41. data/assets/js/vendors/zepto.min.js +2 -0
  42. metadata +140 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 52cbc14f4633e7630e359ac0b9300a07ef0bf941
4
+ data.tar.gz: 50390e944b70266729cd4308b70f558b9540ffdd
5
+ SHA512:
6
+ metadata.gz: 12a97208471a86004dffb08105352266d6fb3608ed3ccaadfcaebdf8fe9cc9e07c401f98240753915f7f00ca682bf4e61cb35227c2808d6941252add21149821
7
+ data.tar.gz: 17851621fc78c66dc77dc96ef1576e21351a62493f2fbb75621b6052eddc7ec19d4fcc67216e2b25758ed2692070cafb2379b3cf90e8c9a892e3f94ea003520e
data/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2017 Wunsh.ru
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1 @@
1
+ # Wunsh Theme
@@ -0,0 +1,7 @@
1
+ <div class="footer">
2
+ <div class="footer_menu footer_menu--horizontal">
3
+ <ul>
4
+ <li class="footer_menu__item"><a href="https://wunsh.ru/" class="footer_menu__link">О проекте</a></li>
5
+ </ul>
6
+ </div>
7
+ </div>
@@ -0,0 +1,3 @@
1
+ {% assign current_page = paginator.page %}
2
+ {% assign first_page = false %}{% if current_page == 1 %}{% assign first_page = true %}{% endif %}
3
+ {% assign offset = 0 %}{% if first_page %}{% assign offset = 1 %}{% endif %}
@@ -0,0 +1,15 @@
1
+ <head>
2
+ <meta charset="utf-8">
3
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1">
5
+
6
+ <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
7
+ <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
8
+
9
+ <link rel="canonical" href="{{ page.url | replace:'index.html', '' | prepend: site.baseurl | prepend: site.url }}">
10
+
11
+ <link rel="stylesheet" href="{{ "/assets/css/vendors/pure.min.css" | prepend: site.baseurl }}">
12
+ <link rel="stylesheet" href="{{ "/assets/css/vendors/pure-grids-responsive.min.css" | prepend: site.baseurl }}">
13
+ <link rel="stylesheet" href="{{ "/assets/css/style.css" | prepend: site.baseurl }}">
14
+ <link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&amp;subset=cyrillic" rel="stylesheet">
15
+ </head>
@@ -0,0 +1,4 @@
1
+ <div class="intro">
2
+ <h3 class="intro__title">Эликсир&nbsp;&mdash; мощь Эрланга с&nbsp;изяществом Руби</h3>
3
+ <h2 class="intro__subtitle">Elixir&nbsp;&mdash; the power of&nbsp;Erlang with grace of&nbsp;Ruby</h2>
4
+ </div>
@@ -0,0 +1,36 @@
1
+ {% include global_variables.html %}
2
+
3
+ <div class="menu pure-u-1 pure-u-md-1-4">
4
+ <div class="header">
5
+ <h2 class="header__title">
6
+ {% if first_page %}
7
+ {{ site.name }}
8
+ {% else %}
9
+ <a href="{{ site.url }}" class="header__title_link" title="На главную">{{ site.name }}</a>
10
+ {% endif %}
11
+ </h2>
12
+ <h3 class="header__tagline">{{ site.tagline }}</h3>
13
+
14
+ <nav class="nav">
15
+ <ul class="nav_list">
16
+ {% for item in site.data.nav %}
17
+ {% if item.section_id == page.section_id %}
18
+ {% assign active_class = "active" %}
19
+ {% else %}
20
+ {% assign active_class = "" %}
21
+ {% endif %}
22
+
23
+ {% if item.children %}
24
+ <li class="nav_list__item {{ active_class }}">
25
+ <a href="{{ site.url }}/{{ item.path }}" data-popover="#{{ item.section_id }}" class="nav_list__item_link pure-button">{{ item.name }}</a>
26
+ </li>
27
+ {% else %}
28
+ <li class="nav_list__item {{ active_class }}">
29
+ <a href="{{ site.url }}/{{ item.path }}" class="nav_list__item_link pure-button">{{ item.name }}</a>
30
+ </li>
31
+ {% endif %}
32
+ {% endfor %}
33
+ </ul>
34
+ </nav>
35
+ </div>
36
+ </div>
@@ -0,0 +1,25 @@
1
+ {% if paginator.total_pages > 1 %}
2
+ <div class="pagination">
3
+ {% if paginator.previous_page %}
4
+ <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Назад</a>
5
+ {% else %}
6
+ <span>&laquo; Назад</span>
7
+ {% endif %}
8
+
9
+ {% for page in (1..paginator.total_pages) %}
10
+ {% if page == paginator.page %}
11
+ <em>{{ page }}</em>
12
+ {% elsif page == 1 %}
13
+ <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">{{ page }}</a>
14
+ {% else %}
15
+ <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
16
+ {% endif %}
17
+ {% endfor %}
18
+
19
+ {% if paginator.next_page %}
20
+ <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Вперёд &raquo;</a>
21
+ {% else %}
22
+ <span>Вперёд &raquo;</span>
23
+ {% endif %}
24
+ </div>
25
+ {% endif %}
@@ -0,0 +1,21 @@
1
+ <section class="post_small">
2
+ <header class="post_small__header">
3
+ <a href="{{ post.url }}" class="post_small__title_link">
4
+ <h3 class="post_small__title">{{ post.title }}</h3>
5
+ </a>
6
+
7
+ <div class="post_small__meta">
8
+ {% include translated_date.html date=post.date format="%d %B %Y" %}
9
+
10
+ <span class="tag_cloud tags_cloud--inline">
11
+ {% include tags_cloud.html post_tags=post.tags %}
12
+ </span>
13
+ </div>
14
+ </header>
15
+
16
+ <div class="post_small__description">
17
+ <p>
18
+ {{ post.excerpt }}
19
+ </p>
20
+ </div>
21
+ </section>
@@ -0,0 +1,23 @@
1
+ <section class="post_small post_small--main">
2
+ <header class="post_small__header">
3
+ <img width="48" height="48" class="post_small__cover" src="cover.png">
4
+
5
+ <a href="{{ main_post.url }}" class="post__title_link">
6
+ <h3 class="post_small__title">{{ main_post.title }}</h3>
7
+ </a>
8
+
9
+ <div class="post_small__meta">
10
+ {% include translated_date.html date=main_post.date format="%d %B %Y" %}
11
+
12
+ <span class="tag_cloud tags_cloud--inline">
13
+ {% include tags_cloud.html post_tags=main_post.tags %}
14
+ </span>
15
+ </div>
16
+ </header>
17
+
18
+ <div class="post_small__description">
19
+ <p>
20
+ {{ main_post.excerpt }}
21
+ </p>
22
+ </div>
23
+ </section>
@@ -0,0 +1 @@
1
+ <script src="{{ "/assets/js/vendors/zepto.min.js" | prepend: site.baseurl }}"></script>
@@ -0,0 +1,6 @@
1
+ {% if include.post_tags %}
2
+ {% assign tags = include.post_tags %}
3
+ {% else %}
4
+ {% capture tags_string %}{% for tag in site.tags %}{{ tag.first }},{% endfor %}{% endcapture %}
5
+ {% assign tags = tags_string | split: "," | sort %}
6
+ {% endif %}
@@ -0,0 +1,7 @@
1
+ {% include tags.html %}
2
+
3
+ <ul class="tags_cloud__list">
4
+ {% for tag in tags %}
5
+ <a href="/tags/#{{ tag | slugify }}" class="tags_cloud__link tag tag--{{ tag | slugify }}">{{ tag }}</a>
6
+ {% endfor %}
7
+ </ul>
@@ -0,0 +1,15 @@
1
+ {% include tags.html %}
2
+
3
+
4
+ <h1>Статьи по тегам</h1>
5
+
6
+ {% for tag in tags %}
7
+ <h2 id="{{ tag | slugify }}" class="tag tag--{{ tag }}">{{ tag }}</h2>
8
+ <ul class="simple_list">
9
+ {% for post in site.tags[tag] %}
10
+ <li>
11
+ <a href="{{ post.url }}" class="simple_link">{{ post.title }}</a>
12
+ </li>
13
+ {% endfor %}
14
+ </ul>
15
+ {% endfor %}
@@ -0,0 +1,27 @@
1
+ {% comment %}
2
+ From https://github.com/oncleben31/jekyll-date-basic-i18n
3
+ {% endcomment %}
4
+
5
+ {% assign date_format_to_be_translated = include.format | default: site.date_format | default: "%b %-d, %Y" %}
6
+
7
+ {% assign num_day = include.date | date: "%w" | plus: 0 %}
8
+ {% assign num_month = include.date | date: "%-m" | plus: -1 %}
9
+ {% assign lang = include.lang | default: page.lang | default: site.lang %}
10
+
11
+ {% if site.data.locales[lang].abbreviated_weekday[num_day] %}
12
+ {% assign date_format_to_be_translated = date_format_to_be_translated | replace: "%a", site.data.locales[lang].abbreviated_weekday[num_day] %}
13
+ {% endif %}
14
+
15
+ {% if site.data.locales[lang].full_weekday[num_day] %}
16
+ {% assign date_format_to_be_translated = date_format_to_be_translated | replace: "%A", site.data.locales[lang].full_weekday[num_day] %}
17
+ {% endif %}
18
+
19
+ {% if site.data.locales[lang].abbreviated_month[num_month] %}
20
+ {% assign date_format_to_be_translated = date_format_to_be_translated | replace: "%b", site.data.locales[lang].abbreviated_month[num_month] %}
21
+ {% endif %}
22
+
23
+ {% if site.data.locales[lang].full_month[num_month] %}
24
+ {% assign date_format_to_be_translated = date_format_to_be_translated | replace: "%B", site.data.locales[lang].full_month[num_month] %}
25
+ {% endif %}
26
+
27
+ {{ include.date | date: date_format_to_be_translated }}
@@ -0,0 +1,17 @@
1
+ <!DOCTYPE html>
2
+ <html lang="ru">
3
+ {% include head.html %}
4
+
5
+ <body>
6
+ <div class="wunsh pure-g">
7
+ {% include menu.html %}
8
+
9
+ <div class="content pure-u-1 pure-u-md-3-4">
10
+ {{ content }}
11
+
12
+ {% include footer.html %}
13
+ {% include scripts.html %}
14
+ </div>
15
+ </div>
16
+ </body>
17
+ </html>
@@ -0,0 +1,42 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+ {% include global_variables.html %}
5
+
6
+ <div class="home">
7
+ {% if first_page %}
8
+ <div class="posts home__section">
9
+ <h2 class="content__subhead">Самое интересное</h2>
10
+
11
+ {% assign main_post = site.posts.first %}
12
+
13
+ {% include post_main.html post=main_post %}
14
+ </div>
15
+ {% endif %}
16
+
17
+ {% if first_page %}
18
+ <div class="home__section">
19
+ {% include intro.html %}
20
+ </div>
21
+ {% endif %}
22
+
23
+ <div class="posts home__section">
24
+ <h2 class="content__subhead">Новые посты</h2>
25
+
26
+ {% for post in paginator.posts limit: (per_page - offset) offset: offset %}
27
+ {% include post_list.html post=post %}
28
+ {% endfor %}
29
+ </div>
30
+
31
+ <div class="home__section">
32
+ {% include pagination.html %}
33
+ </div>
34
+
35
+ <div class="home__section tags_cloud tags_cloud--colorless">
36
+ {% include tags_cloud.html %}
37
+ </div>
38
+
39
+ <div class="home__section">
40
+ <h1 class="home__title">{{ site.home_title }}</h1>
41
+ </div>
42
+ </div>
@@ -0,0 +1,5 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {{ content }}
@@ -0,0 +1,41 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% assign author = site.authors[page.author] %}
6
+
7
+ <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
8
+ <header class="post__header">
9
+ <h1 class="post__title" itemprop="name headline">
10
+ {{ page.title }}
11
+ <small class="post__date">
12
+ <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
13
+ {% include date.html %}
14
+ </time>
15
+ </small>
16
+ </h1>
17
+
18
+ <div class="post__meta">
19
+ {% include translated_date.html date=page.date format="%d %B %Y" %}
20
+
21
+ <span class="tag_cloud tags_cloud--inline">
22
+ {% include tags_cloud.html post_tags=page.tags %}
23
+ </span>
24
+ </div>
25
+ </header>
26
+
27
+ <div class="post__content" itemprop="articleBody">
28
+ {{ content }}
29
+ </div>
30
+
31
+ <div class="post__information">
32
+ <small itemprop="author" itemscope itemtype="http://schema.org/Person">
33
+ {% if page.source_url %}
34
+ Оригинальный текст&nbsp;&mdash; <a href="{{ page.source_url }}">{{ page.source_author }}</a><br>
35
+ Над переводом работал{% if author.gender == "female" %}а{% endif %} <span itemprop="name">{{ author.name }}</span>
36
+ {% elsif author %}
37
+ Автор &mdash; <span itemprop="name">{{ author.name }}</span>
38
+ {% endif %}
39
+ </small>
40
+ </div>
41
+ </article>
@@ -0,0 +1,19 @@
1
+ .responsive_image {
2
+ max-width: 100%;
3
+ height: auto;
4
+ }
5
+
6
+ .simple_link {
7
+ color: $text-color;
8
+ text-decoration: underline;
9
+
10
+ &:hover,
11
+ &:focus {
12
+ text-decoration: none;
13
+ }
14
+ }
15
+
16
+ .simple_list {
17
+ list-style: none;
18
+ padding-left: 1em;
19
+ }
data/_sass/_main.scss ADDED
@@ -0,0 +1,56 @@
1
+ * {
2
+ -webkit-box-sizing: border-box;
3
+ -moz-box-sizing: border-box;
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ a {
8
+ text-decoration: none;
9
+ color: $main-color;
10
+
11
+ &:hover,
12
+ &:focus {
13
+ cursor: pointer;
14
+ text-decoration: underline;
15
+ }
16
+ }
17
+
18
+ figure {
19
+ margin: 0;
20
+
21
+ pre {
22
+ background: $grey-color;
23
+ padding: 0.75em 1em;
24
+ border-radius: 4px;
25
+ border: 1px solid #ddd;
26
+ }
27
+
28
+ code { border: none; }
29
+ }
30
+
31
+ code {
32
+ background: $grey-color;
33
+ padding: 1px 5px;
34
+ border-radius: 2px;
35
+ border: 1px solid #ddd;
36
+ }
37
+
38
+ blockquote {
39
+ font-style: italic;
40
+ border-left: 3px solid $main-color;
41
+ padding-left: 0.5em;
42
+ padding: 0.25em 0 0.25em 0.5em;
43
+ }
44
+
45
+ h1,
46
+ h2 {
47
+ @include header-font;
48
+ }
49
+
50
+ h3 {
51
+ font-weight: 100;
52
+ }
53
+
54
+ .wunsh {
55
+ padding: 0;
56
+ }
@@ -0,0 +1,12 @@
1
+ @mixin header-font {
2
+ font-family: $header-font, sans-serif;
3
+ font-weight: normal;
4
+ }
5
+
6
+ @mixin text-font {
7
+ font-family: $text-font, serif;
8
+ }
9
+
10
+ %vertical-rhythm {
11
+ margin-bottom: $spacing-unit / 2;
12
+ }
@@ -0,0 +1,68 @@
1
+ .highlight {
2
+ background: #fff;
3
+ @extend %vertical-rhythm;
4
+
5
+ .highlighter-rouge & {
6
+ background: #eef;
7
+ }
8
+
9
+ .c { color: #998; font-style: italic } // Comment
10
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
11
+ .k { font-weight: bold } // Keyword
12
+ .o { font-weight: bold } // Operator
13
+ .cm { color: #998; font-style: italic } // Comment.Multiline
14
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
15
+ .c1 { color: #998; font-style: italic } // Comment.Single
16
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
17
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
18
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
19
+ .ge { font-style: italic } // Generic.Emph
20
+ .gr { color: #a00 } // Generic.Error
21
+ .gh { color: #999 } // Generic.Heading
22
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
23
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
24
+ .go { color: #888 } // Generic.Output
25
+ .gp { color: #555 } // Generic.Prompt
26
+ .gs { font-weight: bold } // Generic.Strong
27
+ .gu { color: #aaa } // Generic.Subheading
28
+ .gt { color: #a00 } // Generic.Traceback
29
+ .kc { font-weight: bold } // Keyword.Constant
30
+ .kd { font-weight: bold } // Keyword.Declaration
31
+ .kp { font-weight: bold } // Keyword.Pseudo
32
+ .kr { font-weight: bold } // Keyword.Reserved
33
+ .kt { color: #458; font-weight: bold } // Keyword.Type
34
+ .m { color: #099 } // Literal.Number
35
+ .s { color: #d14 } // Literal.String
36
+ .na { color: #008080 } // Name.Attribute
37
+ .nb { color: #0086B3 } // Name.Builtin
38
+ .nc { color: #458; font-weight: bold } // Name.Class
39
+ .no { color: #008080 } // Name.Constant
40
+ .ni { color: #800080 } // Name.Entity
41
+ .ne { color: #900; font-weight: bold } // Name.Exception
42
+ .nf { color: #900; font-weight: bold } // Name.Function
43
+ .nn { color: #555 } // Name.Namespace
44
+ .nt { color: #000080 } // Name.Tag
45
+ .nv { color: #008080 } // Name.Variable
46
+ .ow { font-weight: bold } // Operator.Word
47
+ .w { color: #bbb } // Text.Whitespace
48
+ .mf { color: #099 } // Literal.Number.Float
49
+ .mh { color: #099 } // Literal.Number.Hex
50
+ .mi { color: #099 } // Literal.Number.Integer
51
+ .mo { color: #099 } // Literal.Number.Oct
52
+ .sb { color: #d14 } // Literal.String.Backtick
53
+ .sc { color: #d14 } // Literal.String.Char
54
+ .sd { color: #d14 } // Literal.String.Doc
55
+ .s2 { color: #d14 } // Literal.String.Double
56
+ .se { color: #d14 } // Literal.String.Escape
57
+ .sh { color: #d14 } // Literal.String.Heredoc
58
+ .si { color: #d14 } // Literal.String.Interpol
59
+ .sx { color: #d14 } // Literal.String.Other
60
+ .sr { color: #009926 } // Literal.String.Regex
61
+ .s1 { color: #d14 } // Literal.String.Single
62
+ .ss { color: #990073 } // Literal.String.Symbol
63
+ .bp { color: #999 } // Name.Builtin.Pseudo
64
+ .vc { color: #008080 } // Name.Variable.Class
65
+ .vg { color: #008080 } // Name.Variable.Global
66
+ .vi { color: #008080 } // Name.Variable.Instance
67
+ .il { color: #099 } // Literal.Number.Integer.Long
68
+ }
@@ -0,0 +1,12 @@
1
+ $header-font: "Source Sans Pro";
2
+ $text-font: "Georgia";
3
+
4
+ $main-color: #f3b700;
5
+ $header-color: #32021f;
6
+ $text-color: #4b2e39;
7
+ $link-color: #fff;
8
+ $grey-color: #eee;
9
+
10
+ $mobile: 48em;
11
+
12
+ $spacing-unit: 30px;
@@ -0,0 +1,20 @@
1
+ .content {
2
+ padding: 2em 1em 0;
3
+
4
+ &__subhead {
5
+ text-transform: uppercase;
6
+ color: $text-color;
7
+ border-bottom: 1px solid $link-color;
8
+ padding: 0.4em 0;
9
+ font-size: 80%;
10
+ font-weight: 500;
11
+ letter-spacing: 0.1em;
12
+ }
13
+ }
14
+
15
+ @media (min-width: $mobile) {
16
+ .content {
17
+ padding: 1em 2em 0;
18
+ margin-left: 25%;
19
+ }
20
+ }
@@ -0,0 +1,21 @@
1
+ .footer {
2
+ padding: 1em 0;
3
+ }
4
+
5
+ .footer_menu {
6
+ &__link {
7
+ color: $text-color;
8
+ font-size: 80%;
9
+
10
+ &:hover,
11
+ &:focus {
12
+ background: none;
13
+ }
14
+ }
15
+ }
16
+
17
+ @media (min-width: $mobile) {
18
+ .footer {
19
+ text-align: center;
20
+ }
21
+ }
@@ -0,0 +1,13 @@
1
+ .home {
2
+ &__section {
3
+
4
+ }
5
+
6
+ &__title {
7
+ font-size: 1em;
8
+ color: $main-color
9
+ }
10
+ }
11
+
12
+ @media (min-width: $mobile) {
13
+ }
@@ -0,0 +1,26 @@
1
+ .intro {
2
+ text-align: center;
3
+ margin: 2em 0;
4
+
5
+ &__title {
6
+ @include text-font;
7
+
8
+ font-weight: normal;
9
+ color: $main-color;
10
+ font-size: 2rem;
11
+ margin: 0;
12
+ letter-spacing: 1px;
13
+ font-variant: small-caps;
14
+ }
15
+
16
+ &__subtitle {
17
+ @include header-font;
18
+
19
+ color: $header-color;
20
+ font-size: 0.875rem;
21
+ margin: 0.5rem 0 0;
22
+ letter-spacing: 1px;
23
+ text-transform: uppercase;
24
+
25
+ }
26
+ }