swedbank-pay-design-guide-jekyll-theme 2.4.0 → 2.4.1

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 89e9b9b712aa95d08f4d47ab4c497ee11c059a42e2780f88395e30e7a959997c
4
- data.tar.gz: 1ece3dd25126a74b9b01b19ba43a59d67511b62d02a47d3a3359aec0b5355122
3
+ metadata.gz: 460f32897594d35506f24e3aed0eb34028982b3ca384d4353ce29ea43742b8fe
4
+ data.tar.gz: 49bd8515c22ade73b3a3c06e67a5e2bc1bd0209b78e5fd157d10042c11385150
5
5
  SHA512:
6
- metadata.gz: 743087aa82594b7a93cafba62321ecdd4e25ee0b85d85f85a77c04847640176396a8a0bece0d98c85046d9bac497920b5d13dbd49b5c384920cbbb2846c2a624
7
- data.tar.gz: e061ab03d0ca578357bd246d3f716587882c6e56db77d065ce277befe7f6fafd8a853df62334cad0a1e2f595d7b1b37100caa633af4905a5e2b4920064ac61a3
6
+ metadata.gz: 0af16984cba923880cd3996691af11d37975fa2fc85ac5494e7fa6c8bd229706d87b86eac1b3fe99ba4d9ac28264ab7699a4ae8d8a2027f357f7866c1cf8837f
7
+ data.tar.gz: 4fcc8434970d37db0973cc2b693ba5b180570a1a5b0cab2e1427aaf1ca8cd3307c8578b0591723877ed44379146a3b180bb97117d709ee6afa0f55c55ac76b19
@@ -15,9 +15,7 @@ layout: default
15
15
  <h3>{{ front_page_hero1 }}
16
16
  <span class="d-block">
17
17
  <span class="front-page-hero-jumbo">{{ front_page_hero2 }}</span>
18
- <span class="front-page-hero-name"> {</span>
19
18
  <span class="front-page-hero-lean">{{ front_page_title }}</span>
20
- <span class="front-page-hero-name">}</span>
21
19
  </span>
22
20
  </h3>
23
21
  <p>{{ front_page_ingress }}</p>
@@ -57,11 +57,12 @@ $front-page-max-width: $breakpoint-lg;
57
57
 
58
58
  #github {
59
59
  top: 2.5rem;
60
+
60
61
  path {
61
62
  fill: $black;
62
63
  }
63
64
  }
64
-
65
+
65
66
  .front-page-top {
66
67
  position: relative;
67
68
  margin: 0 4rem;
@@ -82,7 +83,7 @@ $front-page-max-width: $breakpoint-lg;
82
83
  margin-bottom: 2rem;
83
84
  font-size: 2.5rem;
84
85
  line-height: 3.5rem;
85
-
86
+
86
87
 
87
88
  }
88
89
 
@@ -90,35 +91,41 @@ $front-page-max-width: $breakpoint-lg;
90
91
  color: $brown;
91
92
  font-size: 1.125rem;
92
93
  }
93
-
94
+
94
95
  a {
95
96
  color: #43d0dd;
96
97
  }
97
98
 
98
- .front-page-hero-name {
99
- font-family: $font_mono;
100
- font-weight: bold;
101
- font-size: 2.5rem;
102
- color: $yellow;
103
- margin-bottom: 1rem;
104
-
105
-
106
- span {
107
- color: $white;
108
- }
99
+ .front-page-hero-jumbo {
100
+ color: $brown;
101
+ font-family: $font_headline;
102
+ margin-bottom: 2rem;
103
+ font-size: 3.5rem;
109
104
  }
110
105
 
111
- .front-page-hero-jumbo {
112
- color: $brown;
113
- font-family: $font_headline;
114
- margin-bottom: 2rem;
115
- font-size: 3.5rem;
116
- }
117
-
118
106
  .front-page-hero-lean {
119
107
  font-family: $font_mono;
108
+ white-space: nowrap;
109
+
110
+ &::before {
111
+ content: ' { ';
112
+ font-family: $font_mono;
113
+ font-weight: bold;
114
+ font-size: 2.5rem;
115
+ color: $yellow;
116
+ margin-bottom: 1rem;
117
+ }
118
+
119
+ &::after {
120
+ content: ' } ';
121
+ font-family: $font_mono;
122
+ font-weight: bold;
123
+ font-size: 2.5rem;
124
+ color: $yellow;
125
+ margin-bottom: 1rem;
126
+ }
120
127
  }
121
-
128
+
122
129
 
123
130
  }
124
131
 
@@ -139,13 +146,14 @@ $front-page-max-width: $breakpoint-lg;
139
146
  }
140
147
 
141
148
  @media screen and (min-width: $breakpoint-xxl) {
142
-
149
+
143
150
  .front-page-intro-cards {
144
151
  left: 0;
145
152
  width: 100%;
146
153
  }
147
154
  }
148
155
  }
156
+
149
157
  .front-page-container {
150
158
  max-width: $front-page-max-width;
151
159
  margin: $front-page-padding;
@@ -243,4 +251,4 @@ $front-page-max-width: $breakpoint-lg;
243
251
 
244
252
  }
245
253
  }
246
- }
254
+ }
@@ -480,4 +480,22 @@ body {
480
480
  display: block;
481
481
  position: absolute;
482
482
  }
483
+ }
484
+
485
+ .video-container {
486
+ width: 100%;
487
+ max-width: 330px;
488
+ padding: 0.5rem;
489
+
490
+ @media screen and (max-width: $breakpoint-lg) {
491
+ display: none !important;
492
+ }
493
+ }
494
+
495
+ .video-container video {
496
+ margin: 0;
497
+ height: 100%;
498
+ width: 100%;
499
+ aspect-ratio: 872 / 1080;
500
+ object-fit: cover;
483
501
  }
data/lib/gem_version.rb CHANGED
@@ -4,7 +4,7 @@ module Gem
4
4
  # Gem Specification
5
5
  class Specification
6
6
  def self.gem_version
7
- '2.4.0'
7
+ '2.4.1'
8
8
  end
9
9
  end
10
10
  end
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: 2.4.0
4
+ version: 2.4.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Swedbank Pay
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-03-04 00:00:00.000000000 Z
11
+ date: 2025-03-05 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: faraday