@moreonion/foundist 3.0.2 → 3.0.3
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@moreonion/foundist",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.3",
|
|
4
4
|
"description": "Foundation based default theme for Impact Stack landing pages.",
|
|
5
5
|
"author": "More Onion <kontakt@more-onion.at>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"prepare": "husky install"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@moreonion/foundation-base": "^3.0.
|
|
29
|
+
"@moreonion/foundation-base": "^3.0.2",
|
|
30
30
|
"vite-plugin-nunjucks": "^0.1.10"
|
|
31
31
|
},
|
|
32
32
|
"lint-staged": {
|
|
@@ -1,33 +1,74 @@
|
|
|
1
1
|
<div class="share-buttons">
|
|
2
|
-
|
|
2
|
+
<h2 class="share-buttons-title">Will you share this with your friends and family?</h2>
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
<p>Spread your love for kittens.</p>
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
</
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
6
|
+
<ul class="no-bullet">
|
|
7
|
+
<li class="email">
|
|
8
|
+
<a
|
|
9
|
+
href="#"
|
|
10
|
+
title="Share this via email!"
|
|
11
|
+
data-share="email"
|
|
12
|
+
target="_blank"
|
|
13
|
+
class="large share button expanded email-icon"
|
|
14
|
+
>
|
|
15
|
+
<span>Email</span>
|
|
16
|
+
</a>
|
|
17
|
+
</li>
|
|
18
|
+
<li class="facebook">
|
|
19
|
+
<a
|
|
20
|
+
href="#"
|
|
21
|
+
title="Share this via Facebook!"
|
|
22
|
+
data-share="facebook"
|
|
23
|
+
target="_blank"
|
|
24
|
+
class="large share button expanded facebook-icon"
|
|
25
|
+
>
|
|
26
|
+
<span>Facebook</span>
|
|
27
|
+
</a>
|
|
28
|
+
</li>
|
|
29
|
+
<li class="twitter">
|
|
30
|
+
<a
|
|
31
|
+
href="#"
|
|
32
|
+
title="Share this via Twitter!"
|
|
33
|
+
data-share="twitter"
|
|
34
|
+
target="_blank"
|
|
35
|
+
class="large share button expanded twitter-icon"
|
|
36
|
+
>
|
|
37
|
+
<span>Twitter</span>
|
|
38
|
+
</a>
|
|
39
|
+
</li>
|
|
40
|
+
<li class="whatsapp">
|
|
41
|
+
<a
|
|
42
|
+
href="#"
|
|
43
|
+
title="Share this via WhatsApp!"
|
|
44
|
+
data-share="whatsapp"
|
|
45
|
+
data-mobile="true"
|
|
46
|
+
class="hide large share button expanded whatsapp-icon"
|
|
47
|
+
>
|
|
48
|
+
<span>WhatsApp</span>
|
|
49
|
+
</a>
|
|
50
|
+
</li>
|
|
51
|
+
<li class="fbmsg">
|
|
52
|
+
<a
|
|
53
|
+
href="#"
|
|
54
|
+
title="Share this via Facebook Messenger!"
|
|
55
|
+
data-share="facebook-messenger"
|
|
56
|
+
data-mobile="true"
|
|
57
|
+
class="hide large share button expanded facebook-messenger-icon"
|
|
58
|
+
>
|
|
59
|
+
<span>Facebook Messenger</span>
|
|
60
|
+
</a>
|
|
61
|
+
</li>
|
|
62
|
+
<li class="web-share">
|
|
63
|
+
<a
|
|
64
|
+
href="#"
|
|
65
|
+
title="Open share dialog"
|
|
66
|
+
data-share="web-share"
|
|
67
|
+
data-text="Share this anywhere!"
|
|
68
|
+
class="hide share"
|
|
69
|
+
>
|
|
70
|
+
<span>More ways to share</span>
|
|
71
|
+
</a>
|
|
72
|
+
</li>
|
|
73
|
+
</ul>
|
|
33
74
|
</div>
|
package/src/js/foundist.js
CHANGED
|
@@ -20,8 +20,10 @@ import {
|
|
|
20
20
|
CookieBar,
|
|
21
21
|
FileUpload,
|
|
22
22
|
SelectTwo,
|
|
23
|
+
Share,
|
|
23
24
|
StickyButton,
|
|
24
|
-
ToggleElement
|
|
25
|
+
ToggleElement,
|
|
26
|
+
UserAgent,
|
|
25
27
|
} from '@moreonion/foundation-base'
|
|
26
28
|
|
|
27
29
|
// Add the select2 to jQuery
|
|
@@ -36,8 +38,10 @@ Foundation.plugin(AdaptiveSticky, 'AdaptiveSticky')
|
|
|
36
38
|
Foundation.plugin(CookieBar, 'CookieBar')
|
|
37
39
|
Foundation.plugin(FileUpload, 'FileUpload')
|
|
38
40
|
Foundation.plugin(SelectTwo, 'SelectTwo')
|
|
41
|
+
Foundation.plugin(Share, 'Share')
|
|
39
42
|
Foundation.plugin(StickyButton, 'StickyButton')
|
|
40
43
|
Foundation.plugin(ToggleElement, 'ToggleElement')
|
|
44
|
+
Foundation.plugin(UserAgent, 'UserAgent')
|
|
41
45
|
|
|
42
46
|
/**
|
|
43
47
|
* Let foundation initialize the initial markup.
|
|
@@ -20,6 +20,11 @@
|
|
|
20
20
|
margin-#{$global-left}: $global-margin * 0.5;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
+
// Undo grid.
|
|
24
|
+
.grid-container {
|
|
25
|
+
display: block;
|
|
26
|
+
}
|
|
27
|
+
|
|
23
28
|
// Show button(s) next to text.
|
|
24
29
|
@if ($cookiebar-flex-breakpoint) {
|
|
25
30
|
@include breakpoint($cookiebar-flex-breakpoint) {
|
|
@@ -34,9 +39,11 @@
|
|
|
34
39
|
.button {
|
|
35
40
|
flex: 0 0 auto;
|
|
36
41
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
42
|
+
@include breakpoint(large) {
|
|
43
|
+
// No extra margin needed due to column gap.
|
|
44
|
+
.button + .button {
|
|
45
|
+
margin-#{$global-left}: 0;
|
|
46
|
+
}
|
|
40
47
|
}
|
|
41
48
|
}
|
|
42
49
|
}
|