swedbank-pay-design-guide-jekyll-theme 1.9.0 → 1.9.5
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/_includes/accordion-table.html +11 -0
- data/_includes/apple-touch-startup-image.html +1 -1
- data/_includes/github.html +11 -0
- data/_includes/iterator.html +2 -2
- data/_includes/release_notes.html +11 -10
- data/_includes/title-header.html +34 -0
- data/_layouts/default.html +31 -46
- data/_layouts/front-page.html +26 -21
- data/_layouts/search.html +5 -0
- data/_plugins/swedbank-pay-design-guide-jekyll-theme.rb +3 -0
- data/_sass/accordion-table.scss +96 -0
- data/_sass/breakpoints.scss +5 -0
- data/_sass/card.scss +1 -0
- data/_sass/front-page.scss +108 -71
- data/_sass/sidebar.scss +33 -3
- data/_sass/swedbank-pay-design-guide-theme.scss +22 -1
- data/_sass/title-header.scss +3 -0
- data/_sass/variables.scss +1 -1
- data/assets/css/pygments-autumn.css +1 -1
- data/lib/gem_version.rb +1 -1
- data/lib/regex_capture_filter.rb +18 -0
- data/lib/sidebar.rb +14 -22
- data/lib/sidebar_html_builder.rb +55 -42
- data/lib/sidebar_page.rb +87 -23
- data/lib/sidebar_page_collection.rb +1 -2
- data/lib/sidebar_page_title.rb +71 -6
- data/lib/sidebar_parser.rb +53 -20
- data/lib/sidebar_renderer.rb +26 -10
- data/lib/sidebar_text_builder.rb +5 -4
- data/lib/sidebar_tree_builder.rb +17 -4
- data/lib/swedbank-pay-design-guide-jekyll-theme.rb +1 -0
- metadata +11 -4
- data/_plugins/sidebar.rb +0 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 566ba26f6230e74ab04ec6e8b2fb69c2c1a289b5ce565ef7c71ebbdec36288c7
|
|
4
|
+
data.tar.gz: c4e5893779e945141756b3e96d9b35d9a1a038dd101c55987aaba0bf6a98dc90
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ac4010b99bb84102ed7c62af444a4bca86a8990a248251939fb71d2df5e2a770e6e4a4b4cf37613fa7b9f973867163e7813c5f0577cdaddc720dbc24b1a146e4
|
|
7
|
+
data.tar.gz: 8b922ba6da23f09aa579ca1fc0db09e6b97507d29bb12a80a89fd70bacc4ac0fa148c4d836889d168dc9eba730b4f0be5511dff0be4a19578dca683e2f8a4357
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{% assign content = include.content | markdownify%}
|
|
2
|
+
|
|
3
|
+
<div class="accordion accordion-table mb-4">
|
|
4
|
+
<button type="button" class="accordion-header pt-0" aria-expanded="false" aria-controls="exp-1">
|
|
5
|
+
<span class="mr-3 show">Show properties</span>
|
|
6
|
+
<span class="mr-3 hide">Hide properties</span>
|
|
7
|
+
</button>
|
|
8
|
+
<div class="accordion-body p-0" id="exp-1">
|
|
9
|
+
{{ content }}
|
|
10
|
+
</div>
|
|
11
|
+
</div>
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
{%- capture device_height_string -%}
|
|
11
11
|
(device-height: {{ device_height }})
|
|
12
12
|
{%- endcapture -%}
|
|
13
|
-
{%- if device_orientation != nil
|
|
13
|
+
{%- if device_orientation != nil and device_orientation != empty -%}
|
|
14
14
|
{%- capture device_orientation_string -%}
|
|
15
15
|
(orientation: {{ device_orientation }}) and
|
|
16
16
|
{%- endcapture -%}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
{% assign github_branch = site.github.branch | default : "develop" %}
|
|
2
|
+
|
|
3
|
+
<a href="{{ site.github.repository_url }}/tree/{{ github_branch }}/{{ page.path }}"
|
|
4
|
+
class="github" target="_blank"
|
|
5
|
+
rel="noopener noreferrer" title="Edit '{{ page.title }}' on GitHub">
|
|
6
|
+
<svg aria-labelledby="simpleicons-github-icon" role="img" width="50" viewBox="0 0 24 24"
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
8
|
+
<title id="simpleicons-github-icon">Edit "{{ page.title }}" on GitHub</title>
|
|
9
|
+
<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" />
|
|
10
|
+
</svg>
|
|
11
|
+
</a>
|
data/_includes/iterator.html
CHANGED
|
@@ -5,13 +5,13 @@
|
|
|
5
5
|
|
|
6
6
|
<nav class="iterator d-flex">
|
|
7
7
|
{% if prev_href != blank and prev_href != empty and prev_href != nil %}
|
|
8
|
-
<a class="mr-auto btn btn-
|
|
8
|
+
<a class="mr-auto btn btn-primary" role="button" rel="prev" href="{{ prev_href }}">
|
|
9
9
|
{{ prev_title }}
|
|
10
10
|
</a>
|
|
11
11
|
{% endif %}
|
|
12
12
|
|
|
13
13
|
{% if next_href != blank and next_href != empty and next_href != nil %}
|
|
14
|
-
<a class="ml-auto btn btn-
|
|
14
|
+
<a class="ml-auto btn btn-primary" role="button" rel="next" href="{{ next_href }}">
|
|
15
15
|
{{ next_title }}
|
|
16
16
|
</a>
|
|
17
17
|
{% endif %}
|
|
@@ -1,24 +1,25 @@
|
|
|
1
1
|
{% assign num_dates = include.num_dates %}
|
|
2
|
-
{%
|
|
3
|
-
{%
|
|
4
|
-
{% if
|
|
2
|
+
{% for page in site.pages %}
|
|
3
|
+
{% assign release_notes_url = '/resources/release-notes' %}
|
|
4
|
+
{% if page.url contains release_notes_url %}
|
|
5
5
|
<div class="release-notes-container">
|
|
6
|
-
{% assign dates =
|
|
7
|
-
{% assign variable = value %}
|
|
6
|
+
{% assign dates = page.content | markdownify | split: '<h2' | slice: 1, num_dates %}
|
|
8
7
|
|
|
9
8
|
{% for date in dates %}
|
|
10
9
|
<div class="row">
|
|
11
10
|
{% assign versions = date | split: '<h3' %}
|
|
11
|
+
{% assign date_id = date | regex_capture: 'id="([^"]+)"' | first %}
|
|
12
12
|
<div class="col-md-2 release-notes-date">
|
|
13
|
-
{% assign date_value = versions[0] | remove: '</h2>' |
|
|
14
|
-
{{ date_value[1] }}
|
|
13
|
+
{% assign date_value = versions[0] | remove: '</h2>' | split: '>' %}
|
|
14
|
+
<a href="{{ release_notes_url }}#{{ date_id }}">{{ date_value[1] | strip }}</a>
|
|
15
15
|
</div>
|
|
16
16
|
{% assign version_list = versions | shift %}
|
|
17
17
|
<div class="col-md-10">
|
|
18
18
|
{% for version in version_list %}
|
|
19
|
-
{% assign version_parts = version |
|
|
19
|
+
{% assign version_parts = version | split: '</h3>' %}
|
|
20
20
|
{% assign version_value = version_parts[0] | split: '>' %}
|
|
21
|
-
|
|
21
|
+
{% assign version_id = version | regex_capture: 'id="([^"]+)"' | first %}
|
|
22
|
+
<p class="h4"><a href="{{ release_notes_url }}#{{ version_id }}">{{ version_value[1] }}</a></p>
|
|
22
23
|
{{ version_parts[1] }}
|
|
23
24
|
{% endfor %}
|
|
24
25
|
</div>
|
|
@@ -26,4 +27,4 @@
|
|
|
26
27
|
{% endfor %}
|
|
27
28
|
</div>
|
|
28
29
|
{% endif %}
|
|
29
|
-
{% endfor %}
|
|
30
|
+
{% endfor %}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{% assign lead_title = page.lead_title %}
|
|
2
|
+
{% assign main_title = page.main_title | default: page.title %}
|
|
3
|
+
{% assign description = page.description %}
|
|
4
|
+
{% assign estimated_read = page.estimated_read %}
|
|
5
|
+
{% capture max_width_class %}
|
|
6
|
+
{% if page.card_overview %}
|
|
7
|
+
max-width-card-overview
|
|
8
|
+
{% else %}
|
|
9
|
+
max-width
|
|
10
|
+
{% endif %}
|
|
11
|
+
{% endcapture %}
|
|
12
|
+
|
|
13
|
+
<div class="title-header">
|
|
14
|
+
<div class="title-header-container {{ max_width_class | strip }}">
|
|
15
|
+
{% if lead_title != nil %}
|
|
16
|
+
<h4>{{ lead_title }}</h4>
|
|
17
|
+
{% endif %}
|
|
18
|
+
|
|
19
|
+
<h1>{{ main_title }}</h1>
|
|
20
|
+
|
|
21
|
+
{% if estimated_read %}
|
|
22
|
+
<div class="title-header-estimated-read">
|
|
23
|
+
<i class="material-icons">schedule</i>
|
|
24
|
+
{{ estimated_read }} min read
|
|
25
|
+
</div>
|
|
26
|
+
{% endif %}
|
|
27
|
+
|
|
28
|
+
{% if description %}
|
|
29
|
+
<p>{{ description | markdownify }}</p>
|
|
30
|
+
{% endif %}
|
|
31
|
+
</div>
|
|
32
|
+
|
|
33
|
+
{% include github.html %}
|
|
34
|
+
</div>
|
data/_layouts/default.html
CHANGED
|
@@ -1,31 +1,30 @@
|
|
|
1
|
-
{%- assign
|
|
1
|
+
{%- assign lead_title = page.lead_title -%}
|
|
2
|
+
{%- if lead_title == nil and page.sidebar.navigation == nil -%}
|
|
3
|
+
{%- unless page.name contains "index" -%}
|
|
4
|
+
{%- assign dirname = page.dir | split: "/" | last | remove: "/" | capitalize -%}
|
|
5
|
+
{%- unless dirname == "" -%}
|
|
6
|
+
{%- assign lead_title = dirname -%}
|
|
7
|
+
{%- endunless -%}
|
|
8
|
+
{%- endunless -%}
|
|
9
|
+
{%- endif -%}
|
|
10
|
+
{%- assign main_title = page.main_title | default: page.title | default: "PayEx Design Guide theme for Jekyll" -%}
|
|
11
|
+
{%- capture title -%}{%- if lead_title != nil -%}{{ lead_title }} – {% endif %}{{ main_title }}{%- endcapture -%}
|
|
2
12
|
{%- assign description = page.opengraph.description | default: site.opengraph.description -%}
|
|
3
13
|
{%- assign image = page.opengraph.image | default: site.opengraph.image -%}
|
|
4
|
-
{%- assign github_branch = site.github.branch | default : "develop" -%}
|
|
5
14
|
{%- assign design_guide_base_url = site.design_guide.base_url | default: 'https://design.swedbankpay.com' -%}
|
|
6
|
-
{%- assign design_guide_version = site.design_guide.version | default: '4.
|
|
15
|
+
{%- assign design_guide_version = site.design_guide.version | default: '4.8.1' -%}
|
|
7
16
|
{%- assign design_guide_url = design_guide_base_url | append: '/v/' | append: design_guide_version -%}
|
|
8
|
-
{%- if page.sidebar.navigation == nil -%}
|
|
9
|
-
{%- unless page.name contains "index" -%}
|
|
10
|
-
{%- assign dirname = page.dir | split: "/" | last | remove: "/" | capitalize -%}
|
|
11
|
-
{%- unless dirname == "" -%}
|
|
12
|
-
{%- assign title = dirname | append: " – " | append: title -%}
|
|
13
|
-
{%- endunless -%}
|
|
14
|
-
{%- endunless -%}
|
|
15
|
-
{%- endif -%}
|
|
16
17
|
<!DOCTYPE html>
|
|
17
18
|
<html lang="{{ site.lang | default: "en-US" }}">
|
|
18
|
-
|
|
19
19
|
<head>
|
|
20
20
|
<meta charset="utf-8" />
|
|
21
21
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
22
22
|
<meta name="mobile-web-app-capable" content="yes">
|
|
23
23
|
<meta name="theme-color" content="#000">
|
|
24
|
-
<meta name="application-name" content="{{
|
|
24
|
+
<meta name="application-name" content="{{ title }}">
|
|
25
25
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
26
26
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
27
|
-
<meta name="apple-mobile-web-app-title"
|
|
28
|
-
content="{{ page.title | default: 'PayEx Design Guide theme for Jekyll' }}">
|
|
27
|
+
<meta name="apple-mobile-web-app-title" content="{{ title }}">
|
|
29
28
|
<meta name="msapplication-TileColor" content="#000">
|
|
30
29
|
<meta name="msapplication-TileImage" content="{{ design_guide_version_url }}/icons/mstile-144x144.png">
|
|
31
30
|
<meta property="og:type" value="website" />
|
|
@@ -66,12 +65,26 @@
|
|
|
66
65
|
<nav class="sidebar-nav">
|
|
67
66
|
<a href="/" class="sidebar-header">
|
|
68
67
|
<img src="{{ design_guide_url }}/img/swedbankpay-logo-v.svg"
|
|
69
|
-
alt="Swedbank Pay vertical logo" />
|
|
68
|
+
alt="Swedbank Pay vertical logo" class="logotype-vertical logotype-lg"/>
|
|
70
69
|
<div class="sidebar-header-text">
|
|
71
70
|
<span>{</span>developer portal<span>}</span>
|
|
72
71
|
</div>
|
|
73
72
|
</a>
|
|
74
|
-
|
|
73
|
+
{% if site.search.enabled == true %}
|
|
74
|
+
<form class="search-container mx-2 my-4 px-3 py-2 d-flex"
|
|
75
|
+
method="get" action="{{ site.search.url | relative_url }}">
|
|
76
|
+
<input name="q" type="text" id="tipue_search_input"
|
|
77
|
+
class="search-input w-100 "
|
|
78
|
+
placeholder="Search in documentation"
|
|
79
|
+
onfocus="this.placeholder=''"
|
|
80
|
+
onblur="this.placeholder='Search in documentation'"
|
|
81
|
+
pattern=".{3,}"
|
|
82
|
+
title="At least 3 characters">
|
|
83
|
+
<label for="search-input" class="mb-0">
|
|
84
|
+
<i class="material-icons m-0" aria-hidden="true">search</i>
|
|
85
|
+
</label>
|
|
86
|
+
</form>
|
|
87
|
+
{% endif %}
|
|
75
88
|
<ul id="dx-sidebar-main-nav-ul" class="main-nav-ul">
|
|
76
89
|
</ul>
|
|
77
90
|
</nav>
|
|
@@ -80,30 +93,7 @@
|
|
|
80
93
|
|
|
81
94
|
<main class="doc-view col-xxl-10 col-lg-9">
|
|
82
95
|
{% if page.layout != 'front-page' %}
|
|
83
|
-
|
|
84
|
-
{% assign title_main = title | split: '–' | last %}
|
|
85
|
-
{% assign description = page.description %}
|
|
86
|
-
{% assign estimated_read = page.estimated_read %}
|
|
87
|
-
<div class="title-header">
|
|
88
|
-
<div class="title-header-container
|
|
89
|
-
{% if page.card_overview %} max-width-card-overview
|
|
90
|
-
{% else %} max-width
|
|
91
|
-
{% endif %}">
|
|
92
|
-
{% if title_lead != title_main %}
|
|
93
|
-
<h4>{{ title_lead }}</h4>
|
|
94
|
-
{% endif %}
|
|
95
|
-
<h1>{{ title_main }}</h1>
|
|
96
|
-
{% if estimated_read %}
|
|
97
|
-
<div class="title-header-estimated-read">
|
|
98
|
-
<i class="material-icons">schedule</i>
|
|
99
|
-
{{ estimated_read }} min read
|
|
100
|
-
</div>
|
|
101
|
-
{% endif %}
|
|
102
|
-
{% if description %}
|
|
103
|
-
<p>{{ description | markdownify }}</p>
|
|
104
|
-
{% endif %}
|
|
105
|
-
</div>
|
|
106
|
-
</div>
|
|
96
|
+
{% include title-header.html %}
|
|
107
97
|
{% endif %}
|
|
108
98
|
<div class="doc-container{% if page.layout == 'front-page' %} no-padding
|
|
109
99
|
{% elsif page.card_overview %} normal-padding max-width-card-overview
|
|
@@ -116,12 +106,7 @@
|
|
|
116
106
|
</main>
|
|
117
107
|
</div>
|
|
118
108
|
</div>
|
|
119
|
-
|
|
120
|
-
<footer class="page-footer">
|
|
121
|
-
<p class="page-footer-rights">© Swedbank Pay</p>
|
|
122
|
-
</footer>
|
|
123
109
|
</div>
|
|
124
|
-
|
|
125
110
|
<script src="{{ design_guide_url }}/scripts/dg.js"></script>
|
|
126
111
|
<script src="{{ '/assets/js/swedbank-pay-design-guide-theme.js' | relative_url }}"></script>
|
|
127
112
|
{%- if site.google_analytics.tracking_id %}
|
data/_layouts/front-page.html
CHANGED
|
@@ -9,20 +9,22 @@ layout: default
|
|
|
9
9
|
{% assign front_page_start_heading = page.front_page.start_heading | default: "Start your integration" %}
|
|
10
10
|
|
|
11
11
|
<div class="front-page">
|
|
12
|
-
<div class="front-page-
|
|
13
|
-
<div class="front-page-
|
|
14
|
-
<
|
|
15
|
-
|
|
16
|
-
<
|
|
17
|
-
{<span>{{ front_page_title }}</span>}
|
|
18
|
-
</div>
|
|
19
|
-
<p>{{ front_page_ingress }}</p>
|
|
20
|
-
</div>
|
|
21
|
-
<div class="front-page-intro-cards">
|
|
22
|
-
<h2 id="front-page-start" class="heading-line heading-line-white">{{ front_page_start_heading }}</h2>
|
|
23
|
-
{% contentblock start %}
|
|
12
|
+
<div class="front-page-top">
|
|
13
|
+
<div class="front-page-hero">
|
|
14
|
+
<h3>{{ front_page_hero }}</h3>
|
|
15
|
+
<div class="front-page-hero-name">
|
|
16
|
+
{<span>{{ front_page_title }}</span>}
|
|
24
17
|
</div>
|
|
18
|
+
<p>{{ front_page_ingress }}</p>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="front-page-intro-cards">
|
|
21
|
+
<h2 id="front-page-start" class="heading-line heading-line-white">{{ front_page_start_heading }}</h2>
|
|
22
|
+
{% contentblock start %}
|
|
25
23
|
</div>
|
|
24
|
+
|
|
25
|
+
{% include github.html %}
|
|
26
|
+
</div>
|
|
27
|
+
<div class="front-page-container">
|
|
26
28
|
{% if show_merchants_bar == true %}
|
|
27
29
|
<div class="front-page-merchants">
|
|
28
30
|
<h6>Trusted by</h6>
|
|
@@ -52,27 +54,30 @@ layout: default
|
|
|
52
54
|
</div>
|
|
53
55
|
</div>
|
|
54
56
|
{% endif %}
|
|
55
|
-
<
|
|
57
|
+
<div class="front-page-demoshop">
|
|
56
58
|
<span class="front-page-demoshop-text">
|
|
57
|
-
<span class="h2">Try our Demoshop
|
|
59
|
+
<span class="h2">Try our Demoshop</span>
|
|
58
60
|
<span class="demoshop-text-description">
|
|
59
|
-
|
|
61
|
+
See how our checkout and payment methods are used
|
|
60
62
|
in practice!
|
|
61
63
|
</span>
|
|
62
64
|
</span>
|
|
63
65
|
<span class="front-page-demoshop-link">
|
|
64
|
-
<
|
|
65
|
-
|
|
66
|
+
<a href="https://ecom.externalintegration.payex.com/pspdemoshop" class="text-decoration-none">
|
|
67
|
+
<span class="h3 mr-2">Go to the demoshop
|
|
68
|
+
<i class="material-icons ml-2">arrow_forward</i>
|
|
69
|
+
</span>
|
|
70
|
+
</a>
|
|
66
71
|
<span class="demoshop-link-img">
|
|
67
|
-
<img class="demoshop-link-img-mobile d-
|
|
72
|
+
<img class="demoshop-link-img-mobile d-none d-md-flex"
|
|
68
73
|
src="/assets/img/demoshop-mobile.svg" alt="demoshop-mobile" />
|
|
69
|
-
<img class="demoshop-link-img-mobile d-none d-
|
|
74
|
+
<img class="demoshop-link-img-mobile d-none d-xl-flex d-xxl-none"
|
|
70
75
|
src="/assets/img/demoshop-mobile2.svg" alt="demoshop-mobile2" />
|
|
71
|
-
<img class="demoshop-link-img-web d-none d-
|
|
76
|
+
<img class="demoshop-link-img-web d-none d-xxl-flex"
|
|
72
77
|
src="/assets/img/demoshop-web.svg" alt="demoshop-web" />
|
|
73
78
|
</span>
|
|
74
79
|
</span>
|
|
75
|
-
</
|
|
80
|
+
</div>
|
|
76
81
|
|
|
77
82
|
<div class="front-page-container">
|
|
78
83
|
<div class="front-page-cards-sdk">
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
@import 'colors.scss';
|
|
2
|
+
|
|
3
|
+
.accordion {
|
|
4
|
+
align-items: center;
|
|
5
|
+
|
|
6
|
+
&.accordion-table {
|
|
7
|
+
border: none;
|
|
8
|
+
|
|
9
|
+
.show {
|
|
10
|
+
display: block;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.hide {
|
|
14
|
+
display: none;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&.accordion-open {
|
|
18
|
+
border: none;
|
|
19
|
+
|
|
20
|
+
.show {
|
|
21
|
+
display: none;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.hide {
|
|
25
|
+
display: block;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.accordion-header {
|
|
30
|
+
&:before {
|
|
31
|
+
bottom: 1rem;
|
|
32
|
+
margin: auto;
|
|
33
|
+
transition: .3s;
|
|
34
|
+
color: $brown;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
span {
|
|
38
|
+
font-weight: normal;
|
|
39
|
+
}
|
|
40
|
+
&:hover {
|
|
41
|
+
span {
|
|
42
|
+
font-weight: bold;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.accordion-body {
|
|
48
|
+
@media (min-width: 1250px) {
|
|
49
|
+
width: 70vw;
|
|
50
|
+
max-width: 80rem;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
table {
|
|
55
|
+
border: 1px solid rgba(153, 153, 153, 0.5);
|
|
56
|
+
border-radius: 0.25rem;
|
|
57
|
+
|
|
58
|
+
th {
|
|
59
|
+
font-size: 0.875rem;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
tbody {
|
|
63
|
+
font-size: 0.875rem;
|
|
64
|
+
|
|
65
|
+
tr:nth-child(odd) {
|
|
66
|
+
background-color: #F9F8F6;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
tr {
|
|
70
|
+
td:not(:last-child) {
|
|
71
|
+
font-family: $mono;
|
|
72
|
+
|
|
73
|
+
code {
|
|
74
|
+
border: none;
|
|
75
|
+
background-color: transparent;
|
|
76
|
+
padding: 0;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
td:not(:last-child):not(:nth-last-child(2)) {
|
|
81
|
+
code {
|
|
82
|
+
font-weight: 700;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
tr {
|
|
88
|
+
&:hover {
|
|
89
|
+
background-color: $apricot;
|
|
90
|
+
transition: .5s;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|