intia-theme 0.1.36 → 0.1.40

Sign up to get free protection for your applications and to get access to all the features.
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