calyx 0.20.0 → 0.21.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.github/workflows/ruby.yml +33 -0
- data/.travis.yml +1 -1
- data/lib/calyx.rb +1 -0
- data/lib/calyx/grammar.rb +12 -0
- data/lib/calyx/mapping.rb +15 -0
- data/lib/calyx/modifiers.rb +10 -0
- data/lib/calyx/production/weighted_choices.rb +7 -0
- data/lib/calyx/registry.rb +2 -12
- data/lib/calyx/rule.rb +14 -4
- data/lib/calyx/version.rb +1 -1
- metadata +5 -69
- data/docs/404.html +0 -7
- data/docs/CNAME +0 -1
- data/docs/_config.yml +0 -27
- data/docs/_data/breadcrumbs.yml +0 -9
- data/docs/_data/docs.yml +0 -35
- data/docs/_data/examples.yml +0 -9
- data/docs/_includes/breadcrumbs.html +0 -36
- data/docs/_includes/contents.html +0 -12
- data/docs/_includes/icon-github.html +0 -4
- data/docs/_includes/icon-rubygems.html +0 -9
- data/docs/_includes/navbar.html +0 -24
- data/docs/_includes/pagebar.html +0 -12
- data/docs/_layouts/default.html +0 -13
- data/docs/_layouts/docs.html +0 -14
- data/docs/_layouts/home.html +0 -13
- data/docs/_layouts/page.html +0 -20
- data/docs/_posts/2017-09-14-welcome-to-jekyll.markdown +0 -25
- data/docs/_posts/2017-09-21-0.17.0-released.md +0 -10
- data/docs/_styles/card.scss +0 -7
- data/docs/_styles/colors.scss +0 -18
- data/docs/_styles/content.scss +0 -57
- data/docs/_styles/cta.scss +0 -25
- data/docs/_styles/grid.scss +0 -22
- data/docs/_styles/media.scss +0 -50
- data/docs/_styles/menu.scss +0 -54
- data/docs/_styles/modifiers.scss +0 -3
- data/docs/_styles/navbar.scss +0 -161
- data/docs/_styles/pagebar.scss +0 -32
- data/docs/_styles/reset.scss +0 -92
- data/docs/_styles/scale.scss +0 -23
- data/docs/_styles/spread.scss +0 -55
- data/docs/_styles/styleguide.scss +0 -52
- data/docs/_styles/syntax.scss +0 -84
- data/docs/_styles/typography.scss +0 -49
- data/docs/_styles/yard.scss +0 -36
- data/docs/api.html +0 -9662
- data/docs/assets/calyx-docs.css +0 -792
- data/docs/assets/calyx-flower-outline.svg +0 -202
- data/docs/assets/calyx-flower-reverse.svg +0 -202
- data/docs/assets/calyx-flower.svg +0 -202
- data/docs/assets/logo-small.png +0 -0
- data/docs/assets/logos/calyx-flower-1.svg +0 -22
- data/docs/assets/logos/calyx-flower-2.svg +0 -21
- data/docs/content/documentation.html +0 -20
- data/docs/content/examples.html +0 -12
- data/docs/content/examples/any-gradient.md +0 -32
- data/docs/content/examples/faker.md +0 -16
- data/docs/content/examples/tiny-woodland-bot.md +0 -24
- data/docs/content/guides/context.md +0 -45
- data/docs/content/guides/expressions.md +0 -175
- data/docs/content/guides/features.md +0 -50
- data/docs/content/guides/formats.md +0 -37
- data/docs/content/guides/installation.md +0 -51
- data/docs/content/guides/random.md +0 -100
- data/docs/content/guides/results.md +0 -62
- data/docs/content/index.html +0 -44
- data/docs/content/introduction.md +0 -23
- data/docs/content/introduction/concepts.md +0 -82
- data/docs/content/introduction/contributing.md +0 -43
- data/docs/content/introduction/tutorial.md +0 -129
- data/docs/content/styleguide.html +0 -71
- data/docs/docs.scss +0 -94
- data/docs/index.html +0 -12
- data/docs/package-lock.json +0 -1536
- data/docs/package.json +0 -16
@@ -1,12 +0,0 @@
|
|
1
|
-
<div class="menu">
|
2
|
-
{% for section in site.data.docs %}
|
3
|
-
<p class="menu-label">
|
4
|
-
<a href="{{ section.permalink }}" class="{% if section.permalink == page.url %}is-active{% endif %}">{{ section.title }}</a>
|
5
|
-
</p>
|
6
|
-
<ul class="menu-list">
|
7
|
-
{% for doc_page in section.pages %}
|
8
|
-
<li><a href="{{ doc_page.permalink }}" class="{% if doc_page.permalink == page.url %}is-active{% endif %}">{{ doc_page.title }}</a></li>
|
9
|
-
{% endfor %}
|
10
|
-
</ul>
|
11
|
-
{% endfor %}
|
12
|
-
</div>
|
@@ -1,4 +0,0 @@
|
|
1
|
-
<svg aria-labelledby="simpleicons-github-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24">
|
2
|
-
<title id="simpleicons-github-icon">GitHub icon</title>
|
3
|
-
<path fill="#fff" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
|
4
|
-
</svg>
|
@@ -1,9 +0,0 @@
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
2
|
-
viewBox="0 0 200 200" enable-background="new 0 0 200 200" width="28" height="28">
|
3
|
-
<g id="Logo">
|
4
|
-
<polygon fill="#fff" points="68.8,69.9 68.7,69.8 46.5,92 100.4,145.8 122.6,123.7 154.3,92 132.1,69.8 132.1,69.7 68.7,69.7
|
5
|
-
"/>
|
6
|
-
<path fill="#fff" d="M100.2,10.6l-78.5,45v90l78.5,45l78.5-45v-90L100.2,10.6z M163.7,137l-63.5,36.6L36.7,137V64l63.5-36.6
|
7
|
-
L163.7,64V137z"/>
|
8
|
-
</g>
|
9
|
-
</svg>
|
data/docs/_includes/navbar.html
DELETED
@@ -1,24 +0,0 @@
|
|
1
|
-
<div class="navbar">
|
2
|
-
<div class="nav-brand">
|
3
|
-
<div class="logo">
|
4
|
-
<button class="nav-toggle">☰</button>
|
5
|
-
<figure class="logo-mark">
|
6
|
-
<a href="/"><img src="/assets/calyx-flower.svg"></a>
|
7
|
-
</figure>
|
8
|
-
<h1 class="logo-type"><a href="/">Calyx</a></h1>
|
9
|
-
</div>
|
10
|
-
<div class="nav-menu">
|
11
|
-
<ul>
|
12
|
-
<li><a href="/documentation/">Documentation</a></li>
|
13
|
-
<li><a href="/examples/">Examples</a></li>
|
14
|
-
<li><a href="/changelog/">Changelog</a></li>
|
15
|
-
</ul>
|
16
|
-
</div>
|
17
|
-
</div>
|
18
|
-
<div class="nav-menu is-meta">
|
19
|
-
<ul>
|
20
|
-
<li><a href="https://github.com/maetl/calyx">{% include icon-github.html %}<span>GitHub Project</span></a></li>
|
21
|
-
<li><a href="https://rubygems.org/gems/calyx">{% include icon-rubygems.html %}<span>RubyGems Package</span></a></li>
|
22
|
-
</ul>
|
23
|
-
</div>
|
24
|
-
</div>
|
data/docs/_includes/pagebar.html
DELETED
@@ -1,12 +0,0 @@
|
|
1
|
-
{% assign crumbs = page.url | split: '/' %}
|
2
|
-
<div class="pagebar">
|
3
|
-
<ul class="breadcrumbs">
|
4
|
-
<li><a href="/">Home</a></li>
|
5
|
-
{% for crumb in crumbs offset: 1 %}
|
6
|
-
{% unless forloop.last %}
|
7
|
-
<li><a href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ site.data.breadcrumbs[crumb].permalink }}{% endfor %}">{{ site.data.breadcrumbs[crumb].title }}</a></li>
|
8
|
-
{% endunless %}
|
9
|
-
{% endfor %}
|
10
|
-
</ul>
|
11
|
-
<h1>{{ page.title }}</h1>
|
12
|
-
</div>
|
data/docs/_layouts/default.html
DELETED
@@ -1,13 +0,0 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html lang="en">
|
3
|
-
<head>
|
4
|
-
<meta charset="utf-8">
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
6
|
-
<title>Calyx</title>
|
7
|
-
<link href="https://fonts.googleapis.com/css?family=Cutive+Mono|Libre+Franklin:300,400,500,600,700|Work+Sans:700,800" rel="stylesheet">
|
8
|
-
<link rel="stylesheet" href="/assets/calyx-docs.css">
|
9
|
-
</head>
|
10
|
-
<body>
|
11
|
-
{{ content }}
|
12
|
-
</body>
|
13
|
-
</html>
|
data/docs/_layouts/docs.html
DELETED
data/docs/_layouts/home.html
DELETED
@@ -1,13 +0,0 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<html>
|
3
|
-
<head>
|
4
|
-
<meta charset="utf-8">
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1">
|
6
|
-
<title>Calyx</title>
|
7
|
-
<link href="https://fonts.googleapis.com/css?family=Cutive+Mono|Libre+Franklin:300,400,500,600,700|Work+Sans:700,800" rel="stylesheet">
|
8
|
-
<link rel="stylesheet" href="/assets/calyx-docs.css">
|
9
|
-
</head>
|
10
|
-
<body>
|
11
|
-
{{ content }}
|
12
|
-
</body>
|
13
|
-
</html>
|
data/docs/_layouts/page.html
DELETED
@@ -1,20 +0,0 @@
|
|
1
|
-
---
|
2
|
-
layout: default
|
3
|
-
---
|
4
|
-
|
5
|
-
{% include navbar.html %}
|
6
|
-
<div class="page">
|
7
|
-
{% include pagebar.html %}
|
8
|
-
{{ content }}
|
9
|
-
</div>
|
10
|
-
<script>
|
11
|
-
window.addEventListener('load', function() {
|
12
|
-
var navbar = document.querySelector('.navbar');
|
13
|
-
var page = document.querySelector('.page');
|
14
|
-
var toggle = document.querySelector('.nav-toggle');
|
15
|
-
toggle.onclick = function(ev) {
|
16
|
-
navbar.classList.toggle('is-open');
|
17
|
-
page.classList.toggle('is-hidden');
|
18
|
-
}
|
19
|
-
});
|
20
|
-
</script>
|
@@ -1,25 +0,0 @@
|
|
1
|
-
---
|
2
|
-
layout: default
|
3
|
-
title: "Welcome to Jekyll!"
|
4
|
-
date: 2017-09-14 23:51:38 +1000
|
5
|
-
categories: jekyll update
|
6
|
-
---
|
7
|
-
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
|
8
|
-
|
9
|
-
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
|
10
|
-
|
11
|
-
Jekyll also offers powerful support for code snippets:
|
12
|
-
|
13
|
-
{% highlight ruby %}
|
14
|
-
def print_hi(name)
|
15
|
-
puts "Hi, #{name}"
|
16
|
-
end
|
17
|
-
print_hi('Tom')
|
18
|
-
#=> prints 'Hi, Tom' to STDOUT.
|
19
|
-
{% endhighlight %}
|
20
|
-
|
21
|
-
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
|
22
|
-
|
23
|
-
[jekyll-docs]: https://jekyllrb.com/docs/home
|
24
|
-
[jekyll-gh]: https://github.com/jekyll/jekyll
|
25
|
-
[jekyll-talk]: https://talk.jekyllrb.com/
|
data/docs/_styles/card.scss
DELETED
data/docs/_styles/colors.scss
DELETED
@@ -1,18 +0,0 @@
|
|
1
|
-
$color-white: #fff;
|
2
|
-
$color-light: #fafafa;
|
3
|
-
$color-dark: #333;
|
4
|
-
$color-edge: #e9e9e9;
|
5
|
-
|
6
|
-
$color-aquamarine: #76FABB;
|
7
|
-
$color-meadow: #1BDE81;
|
8
|
-
$color-eucalyptus: #218764;
|
9
|
-
$color-stromboli: #2F5E52;
|
10
|
-
|
11
|
-
$color-link: #555;
|
12
|
-
|
13
|
-
$color-sidebar-background: $color-light;
|
14
|
-
$color-sidebar-link: $color-eucalyptus;
|
15
|
-
$color-sidebar-link-background-hover: $color-edge;
|
16
|
-
|
17
|
-
$color-content-background: $color-white;
|
18
|
-
$color-page-background: $color-light;
|
data/docs/_styles/content.scss
DELETED
@@ -1,57 +0,0 @@
|
|
1
|
-
.content {
|
2
|
-
//margin: $scale-p0;
|
3
|
-
//background-color: $color-content-background;
|
4
|
-
//padding: $scale-p1;
|
5
|
-
max-width: 800px;
|
6
|
-
//border: 1px solid #e9e9e9;
|
7
|
-
//box-shadow: 1px 1px 6px 0px rgba(#e9e9e9, 0.2);
|
8
|
-
|
9
|
-
a {
|
10
|
-
color: $color-stromboli;
|
11
|
-
border-bottom: 1px solid $color-eucalyptus;
|
12
|
-
}
|
13
|
-
|
14
|
-
h1, h2, h3 {
|
15
|
-
color: $color-eucalyptus;
|
16
|
-
margin-top: $scale-p1;
|
17
|
-
|
18
|
-
&:first-of-type {
|
19
|
-
margin-top: 0;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
|
23
|
-
h2 {
|
24
|
-
font-size: $scale-p1;
|
25
|
-
}
|
26
|
-
|
27
|
-
h3 {
|
28
|
-
font-size: $scale-p0;
|
29
|
-
}
|
30
|
-
|
31
|
-
.highlighter-rouge {
|
32
|
-
margin-bottom: 1rem;
|
33
|
-
}
|
34
|
-
|
35
|
-
pre {
|
36
|
-
font-family: $font-code-family;
|
37
|
-
overflow-x: scroll;
|
38
|
-
padding: $scale-m2 $scale-m1;
|
39
|
-
border-radius: 2px;
|
40
|
-
line-height: 1.4;
|
41
|
-
|
42
|
-
code {
|
43
|
-
font-family: $font-code-family;
|
44
|
-
font-size: $scale-p0;
|
45
|
-
}
|
46
|
-
}
|
47
|
-
|
48
|
-
p, li {
|
49
|
-
color: $color-dark;
|
50
|
-
}
|
51
|
-
|
52
|
-
li {
|
53
|
-
display: list-item;
|
54
|
-
margin-left: $scale-p0;
|
55
|
-
list-style: disc;
|
56
|
-
}
|
57
|
-
}
|
data/docs/_styles/cta.scss
DELETED
@@ -1,25 +0,0 @@
|
|
1
|
-
.cta-list {
|
2
|
-
display: flex;
|
3
|
-
align-items: center;
|
4
|
-
|
5
|
-
li {
|
6
|
-
margin-right: $scale-p1;
|
7
|
-
}
|
8
|
-
}
|
9
|
-
|
10
|
-
.cta-button {
|
11
|
-
display: inline-block;
|
12
|
-
padding: $scale-m1 $scale-p0;
|
13
|
-
border: 2px solid $color-white;
|
14
|
-
border-radius: $scale-m1;
|
15
|
-
font-weight: 700;
|
16
|
-
|
17
|
-
&:hover {
|
18
|
-
border: 2px solid $color-aquamarine;
|
19
|
-
color: $color-aquamarine;
|
20
|
-
}
|
21
|
-
|
22
|
-
&:active {
|
23
|
-
box-shadow: 0 0 4px $color-aquamarine;
|
24
|
-
}
|
25
|
-
}
|
data/docs/_styles/grid.scss
DELETED
data/docs/_styles/media.scss
DELETED
@@ -1,50 +0,0 @@
|
|
1
|
-
$min-tablet: 768px;
|
2
|
-
$min-desktop: 1024px;
|
3
|
-
|
4
|
-
@mixin tablet {
|
5
|
-
@media (min-width: 768px) and (max-width: 1024px) {
|
6
|
-
@content;
|
7
|
-
}
|
8
|
-
}
|
9
|
-
|
10
|
-
@mixin at-least-tablet {
|
11
|
-
@include at-least($min-tablet) {
|
12
|
-
@content;
|
13
|
-
}
|
14
|
-
}
|
15
|
-
|
16
|
-
@mixin until-tablet {
|
17
|
-
@include until($min-tablet) {
|
18
|
-
@content;
|
19
|
-
}
|
20
|
-
}
|
21
|
-
|
22
|
-
@mixin at-least-desktop {
|
23
|
-
@include at-least($min-desktop) {
|
24
|
-
@content;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
|
28
|
-
@mixin desktop {
|
29
|
-
@media (min-width: 1024px) {
|
30
|
-
@content;
|
31
|
-
}
|
32
|
-
}
|
33
|
-
|
34
|
-
@mixin at-least($device-width) {
|
35
|
-
@media (min-width: $device-width) {
|
36
|
-
@content;
|
37
|
-
}
|
38
|
-
}
|
39
|
-
|
40
|
-
@mixin until($device-width) {
|
41
|
-
@media (max-width: $device-width) {
|
42
|
-
@content;
|
43
|
-
}
|
44
|
-
}
|
45
|
-
|
46
|
-
@mixin between($min-width, $max-width) {
|
47
|
-
@media (min-width: $min-width) and (max-width: $max-width) {
|
48
|
-
@content;
|
49
|
-
}
|
50
|
-
}
|
data/docs/_styles/menu.scss
DELETED
@@ -1,54 +0,0 @@
|
|
1
|
-
.menu {
|
2
|
-
width: 100%;
|
3
|
-
padding-top: $scale-p0;
|
4
|
-
|
5
|
-
.menu-label,
|
6
|
-
.menu-list li {
|
7
|
-
@include at-least-tablet {
|
8
|
-
font-size: $scale-p0;
|
9
|
-
}
|
10
|
-
|
11
|
-
@include until-tablet {
|
12
|
-
font-size: $scale-p1;
|
13
|
-
}
|
14
|
-
}
|
15
|
-
|
16
|
-
.menu-label {
|
17
|
-
margin: $scale-p0 0 0 0;
|
18
|
-
font-weight: 700;
|
19
|
-
font-family: $font-display-family;
|
20
|
-
|
21
|
-
&:first-child {
|
22
|
-
margin-top: 0;
|
23
|
-
}
|
24
|
-
|
25
|
-
a {
|
26
|
-
display: block;
|
27
|
-
padding: $scale-m1 $scale-p0;
|
28
|
-
}
|
29
|
-
}
|
30
|
-
|
31
|
-
.menu-list {
|
32
|
-
a {
|
33
|
-
display: block;
|
34
|
-
padding: $scale-m1 $scale-p0;
|
35
|
-
}
|
36
|
-
}
|
37
|
-
|
38
|
-
.menu-label, .menu-list {
|
39
|
-
a {
|
40
|
-
color: $color-sidebar-link;
|
41
|
-
|
42
|
-
&.is-active {
|
43
|
-
color: $color-white;
|
44
|
-
background-color: $color-eucalyptus;
|
45
|
-
}
|
46
|
-
|
47
|
-
&:hover {
|
48
|
-
&:not(.is-active) {
|
49
|
-
background-color: $color-sidebar-link-background-hover;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
}
|
53
|
-
}
|
54
|
-
}
|
data/docs/_styles/modifiers.scss
DELETED
data/docs/_styles/navbar.scss
DELETED
@@ -1,161 +0,0 @@
|
|
1
|
-
$navbar-height: ($scale-p0 + $scale-m3) * 3;
|
2
|
-
$navbar-transition-timing: 0.2s;
|
3
|
-
$color-navbar-hover: darken($color-meadow, 6%);
|
4
|
-
|
5
|
-
.navbar {
|
6
|
-
width: 100%;
|
7
|
-
height: $navbar-height;
|
8
|
-
background-color: $color-meadow;
|
9
|
-
|
10
|
-
@include until-tablet {
|
11
|
-
//transition: height $navbar-transition-timing ease-in;
|
12
|
-
|
13
|
-
.nav-menu {
|
14
|
-
visibility: hidden;
|
15
|
-
}
|
16
|
-
|
17
|
-
&.is-open {
|
18
|
-
height: 100vh;
|
19
|
-
//transition: height $navbar-transition-timing ease-in;
|
20
|
-
overflow-y: scroll;
|
21
|
-
|
22
|
-
.logo {
|
23
|
-
height: $navbar-height;
|
24
|
-
background-color: $color-navbar-hover;
|
25
|
-
}
|
26
|
-
|
27
|
-
.nav-menu {
|
28
|
-
visibility: visible;
|
29
|
-
}
|
30
|
-
}
|
31
|
-
}
|
32
|
-
|
33
|
-
@include at-least-tablet {
|
34
|
-
display: flex;
|
35
|
-
justify-content: space-between;
|
36
|
-
}
|
37
|
-
|
38
|
-
@include at-least-desktop {
|
39
|
-
justify-content: space-between;
|
40
|
-
}
|
41
|
-
|
42
|
-
.nav-toggle {
|
43
|
-
color: $color-white;
|
44
|
-
font-size: $scale-p2;
|
45
|
-
height: $navbar-height;
|
46
|
-
display: inline-block;
|
47
|
-
line-height: $scale-p2;
|
48
|
-
|
49
|
-
&:hover {
|
50
|
-
background-color: $color-navbar-hover;
|
51
|
-
}
|
52
|
-
|
53
|
-
@include at-least-tablet {
|
54
|
-
display: none;
|
55
|
-
}
|
56
|
-
}
|
57
|
-
|
58
|
-
&.is-fixed {
|
59
|
-
position: fixed;
|
60
|
-
top: 0px;
|
61
|
-
z-index: 2000;
|
62
|
-
}
|
63
|
-
|
64
|
-
.nav-brand {
|
65
|
-
@include at-least-tablet {
|
66
|
-
display: flex;
|
67
|
-
align-items: center;
|
68
|
-
}
|
69
|
-
|
70
|
-
@include until-tablet {
|
71
|
-
width: 100%;
|
72
|
-
|
73
|
-
.nav-menu ul {
|
74
|
-
justify-content: center;
|
75
|
-
}
|
76
|
-
}
|
77
|
-
|
78
|
-
.logo {
|
79
|
-
height: $navbar-height;
|
80
|
-
display: flex;
|
81
|
-
align-items: center;
|
82
|
-
}
|
83
|
-
|
84
|
-
.logo-mark {
|
85
|
-
width: 36px;
|
86
|
-
height: 36px;
|
87
|
-
padding: $scale-p0 $scale-m1 $scale-p0 $scale-p0;
|
88
|
-
}
|
89
|
-
|
90
|
-
.logo-type {
|
91
|
-
color: #fff;
|
92
|
-
font-family: $font-display-family;
|
93
|
-
font-weight: 800;
|
94
|
-
font-size: $scale-p1;
|
95
|
-
padding-right: $scale-p0;
|
96
|
-
}
|
97
|
-
}
|
98
|
-
|
99
|
-
.nav-menu {
|
100
|
-
@include at-least-desktop {
|
101
|
-
margin-left: $scale-p3;
|
102
|
-
}
|
103
|
-
|
104
|
-
&.is-meta {
|
105
|
-
margin-left: 0;
|
106
|
-
}
|
107
|
-
|
108
|
-
ul {
|
109
|
-
@include at-least-tablet {
|
110
|
-
display: flex;
|
111
|
-
align-items: center;
|
112
|
-
}
|
113
|
-
|
114
|
-
li {
|
115
|
-
font-size: $scale-p0;
|
116
|
-
line-height: 1.2;
|
117
|
-
height: $navbar-height;
|
118
|
-
font-family: $font-display-family;
|
119
|
-
font-weight: 700;
|
120
|
-
color: $color-white;
|
121
|
-
|
122
|
-
a {
|
123
|
-
display: block;
|
124
|
-
box-sizing: border-box;
|
125
|
-
padding: $scale-p0 + $scale-m3;
|
126
|
-
height: $navbar-height;
|
127
|
-
color: $color-white;
|
128
|
-
|
129
|
-
&:hover {
|
130
|
-
background-color: $color-navbar-hover;
|
131
|
-
}
|
132
|
-
|
133
|
-
svg {
|
134
|
-
display: inline;
|
135
|
-
}
|
136
|
-
|
137
|
-
span {
|
138
|
-
display: none;
|
139
|
-
}
|
140
|
-
}
|
141
|
-
|
142
|
-
@include until-tablet {
|
143
|
-
font-size: $scale-p2;
|
144
|
-
height: auto;
|
145
|
-
|
146
|
-
a {
|
147
|
-
height: auto;
|
148
|
-
|
149
|
-
svg {
|
150
|
-
display: none;
|
151
|
-
}
|
152
|
-
|
153
|
-
span {
|
154
|
-
display: inline;
|
155
|
-
}
|
156
|
-
}
|
157
|
-
}
|
158
|
-
}
|
159
|
-
}
|
160
|
-
}
|
161
|
-
}
|