intia-theme 0.1.36 → 0.1.40

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: 7d27e854de8c386c535a12351283445d3291663101d20094f5977b909fe1b6d7
4
- data.tar.gz: e5ad65beb57d64259d1c8e05737d93a7a77f94f1d8fe8d884dd2ba0d970aab02
3
+ metadata.gz: 789e4e94cf052a9ba874513d34c395b0579d49cd5cc9b753e22e2cd32ed51a97
4
+ data.tar.gz: 3d379b8228ad69c4219be294d6353fabc568a190a954698f58d7be4ca8394729
5
5
  SHA512:
6
- metadata.gz: 8fe04e96407d64dca24d1fccd4d2dcc9f889d2c4ab7e7a3bea0f8481c0f8b6de2de2db6c60327298dbe26f79bc2613d72604a9750567393be7fa6f10800869b8
7
- data.tar.gz: fddf1a2c9d3160e2777ef22d170926f2e1dc532f3dca35a2dcc601f9a46fcf71cb57fa143da2538551053567e024fabc7d8adfa23f8c7d80b044f88c3042ddec
6
+ metadata.gz: 2389fbba428167ed402ee84fd723bdcd030869317c7b52225f24b39d91f5e8829a061d1d46d951810988a3b9275452ec925d8f34fd4e65ba7615171c0804fe82
7
+ data.tar.gz: 43aa5166aa4341c7957291fbc1cb5d9d38f5977e1dde47e80c678cd27e343638a1763355036d6f026617a6938f56a11f9f463fd4c550e4073afda724134130c6
@@ -0,0 +1,15 @@
1
+ // Classes that are meant to be used by custom css of theme users
2
+
3
+ // For icons.scss
4
+ .fas {
5
+ line-height: 2.25rem !important;
6
+ }
7
+ .custom-icon {
8
+ content: "";
9
+ background: url(https://via.placeholder.com/48x48) no-repeat;
10
+ background-position: center center;
11
+ display: block;
12
+ width: 48px;
13
+ height: 48px;
14
+ float: left;
15
+ }
data/_sass/_icons.scss ADDED
@@ -0,0 +1,5 @@
1
+ // Custom Icons
2
+ .icon-handshake:before {
3
+ @extend .custom-icon;
4
+ background: url(/assets/img/icons/handshake.svg) no-repeat;
5
+ }
data/_sass/_layout.scss CHANGED
@@ -1,3 +1,192 @@
1
+ //$navbar-box-shadow-color: transparent;
2
+ // Bulma
3
+ @import "../node_modules/bulma/bulma.sass";
4
+ // Extensions
5
+ @import "../node_modules/bulma-block-list/src/block-list.scss";
6
+ @import "../node_modules/@creativebulma/bulma-tooltip/src/sass/index.sass";
7
+ // Bulma Config
8
+ $column-gap: 1rem;
9
+ $modal-content-width: 800px;
10
+ $tabs-link-active-color: $primary;
11
+ $tabs-link-active-border-bottom-color: $primary;
12
+ // Global
13
+ html {
14
+ scroll-behavior: smooth;
15
+ }
16
+ body {
17
+ font-size: 1.5rem;
18
+ line-height: 2.25rem;
19
+ }
20
+
21
+ h1,
22
+ h2,
23
+ h3,
24
+ p {
25
+ padding-bottom: 30px;
26
+ }
27
+ h1,
28
+ h2 {
29
+ padding-top: 90px;
30
+ }
31
+
32
+ .card h1,
33
+ .card h2,
34
+ .card p,
35
+ .slider h1,
36
+ .slider h2,
37
+ .slider p {
38
+ padding-top: 0;
39
+ padding-bottom: 0;
40
+ }
41
+
42
+ h1,
43
+ h1 p {
44
+ font-size: 48px;
45
+ line-height: 72px;
46
+ font-weight: 600;
47
+ text-align: center;
48
+ }
49
+
50
+ .green h1,
51
+ .green h1 p {
52
+ text-align: left;
53
+ }
54
+
55
+ h2,
56
+ h2 p {
57
+ font-size: 36px;
58
+ font-weight: 600;
59
+ text-align: left;
60
+ background-repeat: no-repeat;
61
+ background-size: auto 35px;
62
+ font-family: "Verdana", sans-serif;
63
+ }
64
+
65
+ h3 {
66
+ font-weight: 600;
67
+ font-size: 1.7rem;
68
+ padding-top: 50px;
69
+ }
70
+
71
+ h4 {
72
+ font-size: 1rem;
73
+ }
74
+
75
+ h5 {
76
+ font-size: 0.83rem;
77
+ }
78
+ ul {
79
+ list-style-type: disc;
80
+ padding-left: 1em;
81
+ }
82
+ // Button Animation + Gleiche Breite
83
+ .button {
84
+ // Schrifft
85
+ font-size: 1.31rem !important;
86
+ font-weight: 600;
87
+ // Animation
88
+ transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
89
+ transition-property: background-color, transform;
90
+ transition-duration: 0.3s;
91
+ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
92
+ -webkit-transition-property: background-color, transform;
93
+ -webkit-transition-duration: 0.3s;
94
+ -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
95
+ -o-transition-property: background-color, transform;
96
+ -o-transition-duration: 0.3s;
97
+ -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
98
+ -moz-transition-property: background-color, transform;
99
+ -moz-transition-duration: 0.3s;
100
+ }
101
+
102
+ .button a,
103
+ .button span {
104
+ // Schrifft
105
+ font-size: 16px !important;
106
+ font-weight: 600;
107
+ }
108
+
109
+ .navbar-menu .button,
110
+ .navbar-dropdown .button {
111
+ // Buttongröße aus Figma
112
+ width: 180px;
113
+ height: 47px;
114
+ }
115
+
116
+ // z.B. "Mehr über Intia" Button
117
+ .button.is-dark:hover,
118
+ .button.is-dark.is-hovered {
119
+ border-width: 1px;
120
+ background-color: $dark;
121
+ border-color: transparent;
122
+ color: white;
123
+ }
124
+ @include desktop {
125
+ .navbar-menu .button.is-dark:hover.has-dropdown,
126
+ .navbar-menu .button.is-dark.is-hovered.has-dropdown {
127
+ background-color: $primary-dark;
128
+ }
129
+ }
130
+ .is-active-header {
131
+ background-color: $dark !important;
132
+ }
133
+ @include mobile {
134
+ .is-active-header {
135
+ background-color: transparent !important;
136
+ }
137
+ }
138
+ // Dropdownmenüelemente
139
+ .navbar-dropdown,
140
+ .navbar-item:focus,
141
+ .navbar-dropdown a.navbar-item:focus,
142
+ .navbar-dropdown a.navbar-item:hover {
143
+ background-color: $dark;
144
+ border-width: 2px;
145
+ color: white;
146
+ }
147
+ .navbar.is-primary .navbar-start .navbar-item:hover .navbar-link::after,
148
+ .navbar.is-primary .navbar-end .navbar-item:hover .navbar-link::after {
149
+ transform: rotate(135deg);
150
+ margin-top: 0;
151
+ }
152
+
153
+ // Dropdownmenühintergrund und Rand
154
+ .navbar-dropdown {
155
+ border-top: transparent;
156
+ background-color: transparent;
157
+ }
158
+
159
+ // Navbar Padding
160
+ .navbar-end.buttons {
161
+ padding-left: 0px;
162
+ padding-top: 15px;
163
+ font-weight: bold;
164
+ }
165
+ // Logo Padding
166
+ .navbar-item {
167
+ //padding-top: 21px;
168
+ }
169
+ .navbar-dropdown {
170
+ display: none;
171
+ }
172
+ .button.is-dark.has-dropdown:hover .navbar-dropdown,
173
+ .button.is-dark.is-hovered.has-dropdown .navbar-dropdown {
174
+ display: block;
175
+ }
176
+
177
+ .footer {
178
+ background-color: $primary-dark;
179
+ color: white;
180
+ }
181
+
182
+ .link {
183
+ color: $primary;
184
+ }
185
+
186
+ .footer .link {
187
+ color: white;
188
+ }
189
+
1
190
  .is-outlined {
2
191
  border-width: 2px;
3
192
  border-color: $primary-dark;
@@ -517,17 +706,15 @@ figcaption {
517
706
  .highlighter img.with-zone {
518
707
  width: 100%;
519
708
  float: none;
520
- padding-left: 30px;
521
- padding-right: 30px;
522
709
  border-radius: 0;
523
710
  }
524
711
  .highlighter .column {
525
712
  padding-top: 2rem;
526
713
  padding-bottom: 2rem;
714
+ text-align: center;
527
715
  }
528
716
  .highlighter .column .button.highlighter-column-button {
529
717
  margin-top: 1em;
530
- margin-left: 2em;
531
718
  float: none;
532
719
  }
533
720
 
data/_sass/_main.scss CHANGED
@@ -11,195 +11,9 @@ $title-color: #000 !default;
11
11
  $light: #e7f2ea;
12
12
  $primary-dark: #1e7d73;
13
13
  $dark: #09443e;
14
- //$navbar-box-shadow-color: transparent;
15
- // Bulma
16
- @import "../node_modules/bulma/bulma.sass";
17
- // Extensions
18
- @import "../node_modules/bulma-block-list/src/block-list.scss";
19
- @import "../node_modules/@creativebulma/bulma-tooltip/src/sass/index.sass";
20
- // Bulma Config
21
- $column-gap: 1rem;
22
- $modal-content-width: 800px;
23
- $tabs-link-active-color: $primary;
24
- $tabs-link-active-border-bottom-color: $primary;
25
- // Global
26
- html {
27
- scroll-behavior: smooth;
28
- }
29
- body {
30
- font-size: 1.5rem;
31
- line-height: 2.25rem;
32
- }
33
-
34
- h1,
35
- h2,
36
- h3,
37
- p {
38
- padding-bottom: 30px;
39
- }
40
- h1,
41
- h2 {
42
- padding-top: 90px;
43
- }
44
-
45
- .card h1,
46
- .card h2,
47
- .card p,
48
- .slider h1,
49
- .slider h2,
50
- .slider p {
51
- padding-top: 0;
52
- padding-bottom: 0;
53
- }
54
-
55
- h1,
56
- h1 p {
57
- font-size: 48px;
58
- line-height: 72px;
59
- font-weight: 600;
60
- text-align: center;
61
- }
62
-
63
- .green h1,
64
- .green h1 p {
65
- text-align: left;
66
- }
67
-
68
- h2,
69
- h2 p {
70
- font-size: 36px;
71
- font-weight: 600;
72
- text-align: left;
73
- background-repeat: no-repeat;
74
- background-size: auto 35px;
75
- font-family: "Verdana", sans-serif;
76
- }
77
-
78
- h3 {
79
- font-weight: 600;
80
- font-size: 1.7rem;
81
- padding-top: 50px;
82
- }
83
-
84
- h4 {
85
- font-size: 1rem;
86
- }
87
-
88
- h5 {
89
- font-size: 0.83rem;
90
- }
91
- ul {
92
- list-style-type: disc;
93
- padding-left: 1em;
94
- }
95
- // Button Animation + Gleiche Breite
96
- .button {
97
- // Schrifft
98
- font-size: 1.31rem !important;
99
- font-weight: 600;
100
- // Animation
101
- transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
102
- transition-property: background-color, transform;
103
- transition-duration: 0.3s;
104
- -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
105
- -webkit-transition-property: background-color, transform;
106
- -webkit-transition-duration: 0.3s;
107
- -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
108
- -o-transition-property: background-color, transform;
109
- -o-transition-duration: 0.3s;
110
- -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
111
- -moz-transition-property: background-color, transform;
112
- -moz-transition-duration: 0.3s;
113
- }
114
-
115
- .button a,
116
- .button span {
117
- // Schrifft
118
- font-size: 16px !important;
119
- font-weight: 600;
120
- }
121
-
122
- .navbar-menu .button,
123
- .navbar-dropdown .button {
124
- // Buttongröße aus Figma
125
- width: 180px;
126
- height: 47px;
127
- }
128
-
129
- // z.B. "Mehr über Intia" Button
130
- .button.is-dark:hover,
131
- .button.is-dark.is-hovered {
132
- border-width: 1px;
133
- background-color: $dark;
134
- border-color: transparent;
135
- color: white;
136
- }
137
- @include desktop {
138
- .navbar-menu .button.is-dark:hover.has-dropdown,
139
- .navbar-menu .button.is-dark.is-hovered.has-dropdown {
140
- background-color: $primary-dark;
141
- }
142
- }
143
- .is-active-header {
144
- background-color: $dark !important;
145
- }
146
- @include mobile {
147
- .is-active-header {
148
- background-color: transparent !important;
149
- }
150
- }
151
- // Dropdownmenüelemente
152
- .navbar-dropdown,
153
- .navbar-item:focus,
154
- .navbar-dropdown a.navbar-item:focus,
155
- .navbar-dropdown a.navbar-item:hover {
156
- background-color: $dark;
157
- border-width: 2px;
158
- color: white;
159
- }
160
- .navbar.is-primary .navbar-start .navbar-item:hover .navbar-link::after,
161
- .navbar.is-primary .navbar-end .navbar-item:hover .navbar-link::after {
162
- transform: rotate(135deg);
163
- margin-top: 0;
164
- }
165
-
166
- // Dropdownmenühintergrund und Rand
167
- .navbar-dropdown {
168
- border-top: transparent;
169
- background-color: transparent;
170
- }
171
-
172
- // Navbar Padding
173
- .navbar-end.buttons {
174
- padding-left: 0px;
175
- padding-top: 15px;
176
- font-weight: bold;
177
- }
178
- // Logo Padding
179
- .navbar-item {
180
- //padding-top: 21px;
181
- }
182
- .navbar-dropdown {
183
- display: none;
184
- }
185
- .button.is-dark.has-dropdown:hover .navbar-dropdown,
186
- .button.is-dark.is-hovered.has-dropdown .navbar-dropdown {
187
- display: block;
188
- }
189
-
190
- .footer {
191
- background-color: $primary-dark;
192
- color: white;
193
- }
194
-
195
- .link {
196
- color: $primary;
197
- }
198
-
199
- .footer .link {
200
- color: white;
201
- }
202
14
 
203
15
  // Specific styles
204
16
  @import "layout";
17
+ @import "helper";
18
+ @import "icons";
205
19
  @import "print";
@@ -0,0 +1,6 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
2
+
3
+ <g transform="matrix(20.833333333333332,0,0,20.833333333333332,0,0)"><g>
4
+ <path d="M1,16.25H2.67a1.86,1.86,0,0,0,1.78-1.5,2.12,2.12,0,0,0,0-.44V14a.25.25,0,0,1,.25-.25H6a.48.48,0,0,1,.37.17l3.59,4a.88.88,0,0,0,.67.31.87.87,0,0,0,.87-.87c0-.28,0-.4-.07-.5l-.78-.78a.49.49,0,1,1,.7-.7l.93.92A1.18,1.18,0,0,0,14,15.59a.26.26,0,0,0-.06-.25L12.65,14.1a.49.49,0,0,1,.7-.7l1.28,1.28c.1.09.21.07.37.07a1,1,0,0,0,.8-1.6L12.93,9.47a.26.26,0,0,0-.28-.09l-1.56.52A1.69,1.69,0,0,1,9,9a1.67,1.67,0,0,1,.25-1.83.25.25,0,0,0,.05-.25.24.24,0,0,0-.2-.16,1.62,1.62,0,0,0-.84.1L4.84,8.25a.27.27,0,0,1-.23,0A.26.26,0,0,1,4.5,8V7.69a2.1,2.1,0,0,0,0-.36,1.88,1.88,0,0,0-1.8-1.58H1a1,1,0,0,0-1,1v8.5A1,1,0,0,0,1,16.25Z" style="fill: #000000"></path>
5
+ <path d="M14.66,8.73l-.49.16a.25.25,0,0,0-.17.16.28.28,0,0,0,.05.23l2.54,3.26A2,2,0,0,1,17,13.75a1.66,1.66,0,0,1,0,.32.27.27,0,0,0,.08.22.26.26,0,0,0,.22.07L19.2,14a.23.23,0,0,1,.21,0,.25.25,0,0,1,.09.19,2,2,0,0,0,.1.7,1.84,1.84,0,0,0,1.73,1.32H23a1,1,0,0,0,1-1V6.75a1,1,0,0,0-1-1H21.33a1.79,1.79,0,0,0-1.44.75,2,2,0,0,0-.32.66.26.26,0,0,1-.12.15.31.31,0,0,1-.21,0l-4-1.46A2,2,0,0,0,13.71,6L10.26,7.68a.68.68,0,0,0-.32.9.69.69,0,0,0,.84.37l3.56-1.17a.49.49,0,0,1,.63.31A.5.5,0,0,1,14.66,8.73Z" style="fill: #000000"></path>
6
+ </g></g></svg>
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: intia-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.36
4
+ version: 0.1.40
5
5
  platform: ruby
6
6
  authors:
7
7
  - Marc Schmidt
@@ -50,6 +50,8 @@ files:
50
50
  - _layouts/404.html
51
51
  - _layouts/default.html
52
52
  - _layouts/plattform.html
53
+ - _sass/_helper.scss
54
+ - _sass/_icons.scss
53
55
  - _sass/_layout.scss
54
56
  - _sass/_main.scss
55
57
  - _sass/_print.scss
@@ -58,6 +60,7 @@ files:
58
60
  - assets/img/arrow-left.png
59
61
  - assets/img/download_link.png
60
62
  - assets/img/external-link.png
63
+ - assets/img/icons/handshake.svg
61
64
  - assets/img/internal-link.png
62
65
  - assets/img/logo-black.png
63
66
  - assets/img/logo-dites.png