wunsh-theme 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
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
+ }