swedbank-pay-design-guide-jekyll-theme 1.9.3 → 1.9.8
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 +2 -0
- data/_layouts/default.html +30 -22
- data/_layouts/front-page.html +9 -4
- 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/front-page.scss +21 -15
- data/_sass/sidebar.scss +39 -3
- data/_sass/swedbank-pay-design-guide-theme.scss +17 -1
- data/_sass/title-header.scss +7 -0
- data/assets/css/pygments-autumn.css +1 -1
- data/assets/img/external-url-dark-bg.svg +1 -0
- data/lib/gem_version.rb +1 -1
- data/lib/regex_capture_filter.rb +18 -0
- data/lib/sidebar.rb +1 -1
- data/lib/sidebar_page.rb +6 -1
- data/lib/sidebar_page_collection.rb +1 -1
- data/lib/swedbank-pay-design-guide-jekyll-theme.rb +1 -0
- metadata +9 -3
- 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: ae277c07bbee768b44244f3b4f8695ca4cb4c39b4cbcd3b22ac14aec80051cc4
|
|
4
|
+
data.tar.gz: 9d7fd1e61e646949b5b57e82aa04d76303228e07ef39d2fc837306fe6fb79ccd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 4ec88e2f83cb6fe69d88350d4452ffbd1e7d9a26e2837cfc5231df8cd270fa9a773300219c3576e252c0e3dd13cc3820cf62ff27e845c53f268d9a288750e31f
|
|
7
|
+
data.tar.gz: 7194c69444a6a324c5ca110f0da8301a5cba4faccc3594de6973d8142a6e02490fce43caa6470ff4627a5ba96150e438179408c53c28cfab66b67d5f15064968
|
|
@@ -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="40" 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-secondary" 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-secondary" 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 %}
|
data/_includes/title-header.html
CHANGED
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: '
|
|
15
|
+
{%- assign design_guide_version = site.design_guide.version | default: '5.0.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
|
+
<button class="mb-0">
|
|
84
|
+
<i class="material-icons m-0" aria-hidden="true">search</i>
|
|
85
|
+
</button>
|
|
86
|
+
</form>
|
|
87
|
+
{% endif %}
|
|
75
88
|
<ul id="dx-sidebar-main-nav-ul" class="main-nav-ul">
|
|
76
89
|
</ul>
|
|
77
90
|
</nav>
|
|
@@ -93,12 +106,7 @@
|
|
|
93
106
|
</main>
|
|
94
107
|
</div>
|
|
95
108
|
</div>
|
|
96
|
-
|
|
97
|
-
<footer class="page-footer">
|
|
98
|
-
<p class="page-footer-rights">© Swedbank Pay</p>
|
|
99
|
-
</footer>
|
|
100
109
|
</div>
|
|
101
|
-
|
|
102
110
|
<script src="{{ design_guide_url }}/scripts/dg.js"></script>
|
|
103
111
|
<script src="{{ '/assets/js/swedbank-pay-design-guide-theme.js' | relative_url }}"></script>
|
|
104
112
|
{%- if site.google_analytics.tracking_id %}
|
data/_layouts/front-page.html
CHANGED
|
@@ -21,6 +21,8 @@ layout: default
|
|
|
21
21
|
<h2 id="front-page-start" class="heading-line heading-line-white">{{ front_page_start_heading }}</h2>
|
|
22
22
|
{% contentblock start %}
|
|
23
23
|
</div>
|
|
24
|
+
|
|
25
|
+
{% include github.html %}
|
|
24
26
|
</div>
|
|
25
27
|
<div class="front-page-container">
|
|
26
28
|
{% if show_merchants_bar == true %}
|
|
@@ -52,7 +54,7 @@ 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
59
|
<span class="h2">Try our Demoshop</span>
|
|
58
60
|
<span class="demoshop-text-description">
|
|
@@ -61,8 +63,11 @@ layout: default
|
|
|
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
72
|
<img class="demoshop-link-img-mobile d-none d-md-flex"
|
|
68
73
|
src="/assets/img/demoshop-mobile.svg" alt="demoshop-mobile" />
|
|
@@ -72,7 +77,7 @@ layout: default
|
|
|
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
|
+
}
|
data/_sass/front-page.scss
CHANGED
|
@@ -83,6 +83,10 @@ $front-page-max-width: 1312px;
|
|
|
83
83
|
color: $white;
|
|
84
84
|
font-size: 1.125rem;
|
|
85
85
|
}
|
|
86
|
+
|
|
87
|
+
a {
|
|
88
|
+
color: #43d0dd;
|
|
89
|
+
}
|
|
86
90
|
|
|
87
91
|
.front-page-hero-name {
|
|
88
92
|
font-family: $mono;
|
|
@@ -113,11 +117,10 @@ $front-page-max-width: 1312px;
|
|
|
113
117
|
}
|
|
114
118
|
|
|
115
119
|
@media screen and (min-width: $breakpoint-xxl) {
|
|
116
|
-
margin-bottom:
|
|
120
|
+
margin-bottom: 10rem;
|
|
117
121
|
|
|
118
122
|
.front-page-intro-cards {
|
|
119
123
|
position: absolute;
|
|
120
|
-
bottom: -7rem;
|
|
121
124
|
left: 0;
|
|
122
125
|
width: 100%;
|
|
123
126
|
padding: 0 4rem;
|
|
@@ -235,19 +238,6 @@ $front-page-max-width: 1312px;
|
|
|
235
238
|
text-decoration: none;
|
|
236
239
|
border-radius: 1rem;
|
|
237
240
|
|
|
238
|
-
&:hover,
|
|
239
|
-
&:focus {
|
|
240
|
-
.front-page-demoshop-link {
|
|
241
|
-
background-color: $white;
|
|
242
|
-
color: $brown;
|
|
243
|
-
|
|
244
|
-
.h3 {
|
|
245
|
-
color: $brown;
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
|
|
251
241
|
&:after {
|
|
252
242
|
display: none;
|
|
253
243
|
content: none;
|
|
@@ -299,6 +289,21 @@ $front-page-max-width: 1312px;
|
|
|
299
289
|
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.15);
|
|
300
290
|
max-width: $front-page-max-width;
|
|
301
291
|
width: 100%;
|
|
292
|
+
cursor: pointer;
|
|
293
|
+
|
|
294
|
+
a::after{
|
|
295
|
+
content: '';
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
&:hover,
|
|
299
|
+
&:focus {
|
|
300
|
+
background-color: $white;
|
|
301
|
+
color: $brown;
|
|
302
|
+
|
|
303
|
+
.h3 {
|
|
304
|
+
color: $brown;
|
|
305
|
+
}
|
|
306
|
+
}
|
|
302
307
|
|
|
303
308
|
.demoshop-link-img {
|
|
304
309
|
display: flex;
|
|
@@ -306,6 +311,7 @@ $front-page-max-width: 1312px;
|
|
|
306
311
|
position: absolute;
|
|
307
312
|
bottom: -1rem;
|
|
308
313
|
right: 3%;
|
|
314
|
+
pointer-events: none;
|
|
309
315
|
|
|
310
316
|
.demoshop-link-img-web {
|
|
311
317
|
width: 26.5rem;
|
data/_sass/sidebar.scss
CHANGED
|
@@ -6,14 +6,13 @@
|
|
|
6
6
|
display: flex;
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
align-items: center;
|
|
9
|
-
margin-bottom: 2.5rem;
|
|
10
9
|
margin-top: 2rem;
|
|
11
10
|
text-decoration: none;
|
|
12
11
|
color: #512b2b;
|
|
13
12
|
|
|
14
13
|
img {
|
|
15
|
-
|
|
16
|
-
margin-
|
|
14
|
+
margin-top: 1.5rem;
|
|
15
|
+
margin-bottom: 1.25rem;
|
|
17
16
|
}
|
|
18
17
|
|
|
19
18
|
span {
|
|
@@ -30,6 +29,43 @@
|
|
|
30
29
|
}
|
|
31
30
|
}
|
|
32
31
|
|
|
32
|
+
.search-container {
|
|
33
|
+
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.15);
|
|
34
|
+
border-radius: 0.125rem;
|
|
35
|
+
|
|
36
|
+
&:focus-within {
|
|
37
|
+
outline: -webkit-focus-ring-color auto 0.5px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.search-input {
|
|
41
|
+
color: $medium-brown;
|
|
42
|
+
font-size: 0.875rem;
|
|
43
|
+
border: none;
|
|
44
|
+
padding: 0.375rem;
|
|
45
|
+
|
|
46
|
+
&:focus {
|
|
47
|
+
color: $brown;
|
|
48
|
+
outline: none
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
i {
|
|
53
|
+
display: block;
|
|
54
|
+
color: $brown;
|
|
55
|
+
|
|
56
|
+
&:hover {
|
|
57
|
+
color: $turquoise-link;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
button {
|
|
62
|
+
background-color: $white;
|
|
63
|
+
border: none;
|
|
64
|
+
cursor: pointer;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
}
|
|
68
|
+
|
|
33
69
|
.main-nav-ul {
|
|
34
70
|
.nav-group {
|
|
35
71
|
.nav-ul {
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
@import 'code-view.scss';
|
|
8
8
|
@import 'front-page.scss';
|
|
9
9
|
@import 'heading.scss';
|
|
10
|
+
@import 'accordion-table.scss';
|
|
10
11
|
@import 'paragraph-highlight.scss';
|
|
11
12
|
@import 'sidebar.scss';
|
|
12
13
|
@import 'title-header.scss';
|
|
@@ -23,7 +24,6 @@ body {
|
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
.table {
|
|
26
|
-
|
|
27
27
|
th,
|
|
28
28
|
td {
|
|
29
29
|
>.material-icons {
|
|
@@ -292,4 +292,20 @@ a[href ^='https://']:not([href *='{{ site.url }}']):after {
|
|
|
292
292
|
font-size: 1rem !important;
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
|
+
|
|
296
|
+
.github {
|
|
297
|
+
opacity: .5;
|
|
298
|
+
position: absolute;
|
|
299
|
+
right: 4rem;
|
|
300
|
+
top: 4rem;
|
|
301
|
+
transition: opacity .3s;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
a.github:after {
|
|
305
|
+
display: none;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
a.github:hover {
|
|
309
|
+
opacity: 1;
|
|
310
|
+
}
|
|
295
311
|
}
|
data/_sass/title-header.scss
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
.highlight .nf { color: #00aa00 } /* Name.Function */
|
|
37
37
|
.highlight .nn { color: #00aaaa; text-decoration: underline } /* Name.Namespace */
|
|
38
38
|
.highlight .nt { color: #1e90ff; font-weight: bold } /* Name.Tag */
|
|
39
|
-
.highlight .nv { color: #
|
|
39
|
+
.highlight .nv { color: #e07088 } /* Name.Variable */
|
|
40
40
|
.highlight .ow { color: #0000aa } /* Operator.Word */
|
|
41
41
|
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
|
42
42
|
.highlight .mb { color: #009999 } /* Literal.Number.Bin */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg style="fill: #43d0dd; stroke: #43d0dd" enable-background="new 0 0 17 17" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m17 0v7l-2.8-2.8-8.2 8.2-1.4-1.4 8.2-8.2-2.8-2.8zm-3 17h-14v-14h8v2h-6v10h10v-6h2z" fill-rule="evenodd"/></svg>
|
data/lib/gem_version.rb
CHANGED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
require 'liquid'
|
|
4
|
+
|
|
5
|
+
# Jekyll
|
|
6
|
+
module Jekyll
|
|
7
|
+
# Adds a 'regex_capture' filter to Liquid. Performs a regular expression match
|
|
8
|
+
# on the provided string and returns the capture as an array. Example usage:
|
|
9
|
+
# {{ html | regex_capture: 'id="([^"]+)"' | first }}
|
|
10
|
+
module RegexCaptureFilter
|
|
11
|
+
def regex_capture(str, regex)
|
|
12
|
+
match = /#{regex}/.match(str)
|
|
13
|
+
match ? match.captures : []
|
|
14
|
+
end
|
|
15
|
+
end
|
|
16
|
+
end
|
|
17
|
+
|
|
18
|
+
Liquid::Template.register_filter(Jekyll::RegexCaptureFilter)
|
data/lib/sidebar.rb
CHANGED
data/lib/sidebar_page.rb
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# frozen_string_literal:
|
|
1
|
+
# frozen_string_literal: true
|
|
2
2
|
|
|
3
3
|
require 'jekyll'
|
|
4
4
|
require 'nokogiri'
|
|
@@ -56,6 +56,11 @@ module SwedbankPay
|
|
|
56
56
|
end
|
|
57
57
|
|
|
58
58
|
def hidden_for?(other_page)
|
|
59
|
+
if @jekyll_page.data['layout'] == 'search'
|
|
60
|
+
# Never show the search result page in the menu.
|
|
61
|
+
return true
|
|
62
|
+
end
|
|
63
|
+
|
|
59
64
|
# The current page should be hidden for the other page unless the
|
|
60
65
|
# other page is also hidden.
|
|
61
66
|
hidden = hidden?
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: swedbank-pay-design-guide-jekyll-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.9.
|
|
4
|
+
version: 1.9.8
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Swedbank Pay
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date:
|
|
11
|
+
date: 2021-01-26 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: faraday
|
|
@@ -207,6 +207,7 @@ extra_rdoc_files: []
|
|
|
207
207
|
files:
|
|
208
208
|
- LICENSE
|
|
209
209
|
- README.md
|
|
210
|
+
- _includes/accordion-table.html
|
|
210
211
|
- _includes/alert.html
|
|
211
212
|
- _includes/anchor_headings.html
|
|
212
213
|
- _includes/apple-mobile-headers.html
|
|
@@ -217,6 +218,7 @@ files:
|
|
|
217
218
|
- _includes/card-horizontal-list.html
|
|
218
219
|
- _includes/card-list.html
|
|
219
220
|
- _includes/card.html
|
|
221
|
+
- _includes/github.html
|
|
220
222
|
- _includes/google_analytics.html
|
|
221
223
|
- _includes/img/merchants/logo-coop.svg
|
|
222
224
|
- _includes/img/merchants/logo-elkjop.svg
|
|
@@ -243,7 +245,9 @@ files:
|
|
|
243
245
|
- _includes/toc.html
|
|
244
246
|
- _layouts/default.html
|
|
245
247
|
- _layouts/front-page.html
|
|
246
|
-
-
|
|
248
|
+
- _layouts/search.html
|
|
249
|
+
- _plugins/swedbank-pay-design-guide-jekyll-theme.rb
|
|
250
|
+
- _sass/accordion-table.scss
|
|
247
251
|
- _sass/breakpoints.scss
|
|
248
252
|
- _sass/card.scss
|
|
249
253
|
- _sass/code-view.scss
|
|
@@ -262,6 +266,7 @@ files:
|
|
|
262
266
|
- assets/img/demoshop-mobile2.svg
|
|
263
267
|
- assets/img/demoshop-web.svg
|
|
264
268
|
- assets/img/demoshop.svg
|
|
269
|
+
- assets/img/external-url-dark-bg.svg
|
|
265
270
|
- assets/img/external-url.svg
|
|
266
271
|
- assets/js/mermaid.min.js
|
|
267
272
|
- assets/js/swedbank-pay-design-guide-theme.js
|
|
@@ -270,6 +275,7 @@ files:
|
|
|
270
275
|
- assets/tipuesearch/tipuesearch_content.js
|
|
271
276
|
- assets/tipuesearch/tipuesearch_set.js
|
|
272
277
|
- lib/gem_version.rb
|
|
278
|
+
- lib/regex_capture_filter.rb
|
|
273
279
|
- lib/safe_merge.rb
|
|
274
280
|
- lib/sanitized_filename.rb
|
|
275
281
|
- lib/sidebar.rb
|
data/_plugins/sidebar.rb
DELETED