@moreonion/foundist 3.3.4 → 3.4.0-beta
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 +1 -1
- package/src/html/basic-action-page-cover-1col-with-headline.html +2 -0
- package/src/html/basic-action-page-cover-2col-with-headline.html +1 -0
- package/src/html/basic-action-page-cover-banner-with-headline.html +1 -0
- package/src/html/basic-action-page-with-banner-and-headline.html +1 -0
- package/src/html/includes/section-quote.html +18 -0
- package/src/html/thank-you-page-cover-1col-with-headline.html +1 -0
- package/src/html/thank-you-page-cover-2col-with-headline.html +1 -0
- package/src/html/thank-you-page-cover-banner-with-headline.html +1 -0
- package/src/html/thank-you-page-with-banner-and-headline.html +1 -0
- package/src/html/typography-static-page.html +13 -1
- package/src/scss/_util.scss +2 -1
- package/src/scss/components/_quote.scss +81 -0
- package/src/scss/main.scss +1 -0
- package/src/scss/typography/_elements.scss +0 -7
- package/src/scss/typography/_settings.scss +2 -0
- package/src/scss/form/_braintree_apple_pay.scss +0 -13
package/package.json
CHANGED
|
@@ -52,6 +52,8 @@
|
|
|
52
52
|
{% block bottom %}
|
|
53
53
|
{% include "src/html/includes/section-2col.html" %}
|
|
54
54
|
{% include "src/html/includes/section-2col.html" %}
|
|
55
|
+
{% include "src/html/includes/section-quote.html" %}
|
|
56
|
+
{% include "src/html/includes/section-quote.html" %}
|
|
55
57
|
{% include "src/html/includes/section-1col.html" %}
|
|
56
58
|
{% endblock %}
|
|
57
59
|
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
{% block bottom %}
|
|
53
53
|
{% include "src/html/includes/section-2col.html" %}
|
|
54
54
|
{% include "src/html/includes/section-2col.html" %}
|
|
55
|
+
{% include "src/html/includes/section-quote.html" %}
|
|
55
56
|
{% include "src/html/includes/section-1col.html" %}
|
|
56
57
|
{% endblock %}
|
|
57
58
|
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
{% block bottom %}
|
|
53
53
|
{% include "src/html/includes/section-2col.html" %}
|
|
54
54
|
{% include "src/html/includes/section-2col.html" %}
|
|
55
|
+
{% include "src/html/includes/section-quote.html" %}
|
|
55
56
|
{% include "src/html/includes/section-1col.html" %}
|
|
56
57
|
{% endblock %}
|
|
57
58
|
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
{% block bottom %}
|
|
53
53
|
{% include "src/html/includes/section-2col.html" %}
|
|
54
54
|
{% include "src/html/includes/section-2col.html" %}
|
|
55
|
+
{% include "src/html/includes/section-quote.html" %}
|
|
55
56
|
{% include "src/html/includes/section-1col.html" %}
|
|
56
57
|
{% endblock %}
|
|
57
58
|
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<section class="blockquote-section">
|
|
2
|
+
<div class="grid-container">
|
|
3
|
+
<div class="column blockquote-image">
|
|
4
|
+
<img src="http://placekitten.com/500/500" alt="test image with cats" crossorigin="">
|
|
5
|
+
</div>
|
|
6
|
+
<div class="column">
|
|
7
|
+
<blockquote>
|
|
8
|
+
<p>Get my claw stuck in the dog's ear. Reward the chosen human with a slow blink. Roll on the floor purring your whiskers off cat dog hate mouse eat string barf pillow no baths hate everything.</p>
|
|
9
|
+
<footer>
|
|
10
|
+
<div>
|
|
11
|
+
<span class="blockquote-source">Famous cat</span>
|
|
12
|
+
<span>CEO of Caturday International</span>
|
|
13
|
+
</div>
|
|
14
|
+
</footer>
|
|
15
|
+
</blockquote>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
</section>
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
{% block bottom %}
|
|
26
26
|
{% include "src/html/includes/section-2col.html" %}
|
|
27
27
|
{% include "src/html/includes/section-2col.html" %}
|
|
28
|
+
{% include "src/html/includes/section-quote.html" %}
|
|
28
29
|
{% include "src/html/includes/section-1col.html" %}
|
|
29
30
|
{% endblock %}
|
|
30
31
|
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
{% block bottom %}
|
|
30
30
|
{% include "src/html/includes/section-2col.html" %}
|
|
31
31
|
{% include "src/html/includes/section-2col.html" %}
|
|
32
|
+
{% include "src/html/includes/section-quote.html" %}
|
|
32
33
|
{% include "src/html/includes/section-1col.html" %}
|
|
33
34
|
{% endblock %}
|
|
34
35
|
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
{% block bottom %}
|
|
26
26
|
{% include "src/html/includes/section-2col.html" %}
|
|
27
27
|
{% include "src/html/includes/section-2col.html" %}
|
|
28
|
+
{% include "src/html/includes/section-quote.html" %}
|
|
28
29
|
{% include "src/html/includes/section-1col.html" %}
|
|
29
30
|
{% endblock %}
|
|
30
31
|
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
{% block bottom %}
|
|
26
26
|
{% include "src/html/includes/section-2col.html" %}
|
|
27
27
|
{% include "src/html/includes/section-2col.html" %}
|
|
28
|
+
{% include "src/html/includes/section-quote.html" %}
|
|
28
29
|
{% include "src/html/includes/section-1col.html" %}
|
|
29
30
|
{% endblock %}
|
|
30
31
|
|
|
@@ -16,11 +16,23 @@
|
|
|
16
16
|
<h2>Meow meow mama hell is other people but i love cuddles</h2>
|
|
17
17
|
<p>Cat fur is the new black burrow under covers, so push your water glass on the floor bathe private parts with tongue then lick owner's face sugar, my siamese, stalks me (in a good way), day and night and hiss at vacuum cleaner flee in terror at cucumber discovered on floor. Make meme, make cute face freak human out make funny noise mow mow mow mow mow mow success now attack human.</p>
|
|
18
18
|
<blockquote>
|
|
19
|
-
<p>Mark territory peer out window, chatter at birds, lure them to mouth vommit food and eat it again. Crusty butthole need to chase tail licks paws sit in box make meme, make cute face
|
|
19
|
+
<p>Mark territory peer out window, chatter at birds, lure them to mouth vommit food and eat it again. Crusty butthole need to chase tail licks paws sit in box make meme, make cute face.</p>
|
|
20
20
|
<cite>Famous Cat</cite>
|
|
21
21
|
</blockquote>
|
|
22
22
|
<p>I want to go outside let me go outside nevermind inside is better pee in the shoe but eat a rug and furry furry hairs everywhere oh no human coming lie on counter don't get off counter. Plays league of legends kitty loves pigs intrigued by the shower, or play with twist ties.
|
|
23
23
|
</p>
|
|
24
|
+
<blockquote>
|
|
25
|
+
<p>Mark territory peer out window, chatter at birds, lure them to mouth vommit food and eat it again. Crusty butthole need to chase tail licks paws sit in box make meme, make cute face.</p>
|
|
26
|
+
<footer>
|
|
27
|
+
<img src="http://placekitten.com/150/150" alt="test image with cats" crossorigin="">
|
|
28
|
+
<div>
|
|
29
|
+
<span class="blockquote-source">Famous Cat</span>
|
|
30
|
+
<span>CEO of mysterious cat organisation</span>
|
|
31
|
+
</div>
|
|
32
|
+
</footer>
|
|
33
|
+
</blockquote>
|
|
34
|
+
<p>I want to go outside let me go outside nevermind inside is better pee in the shoe but eat a rug and furry furry hairs everywhere oh no human coming lie on counter don't get off counter. Plays league of legends kitty loves pigs intrigued by the shower, or play with twist ties.
|
|
35
|
+
</p>
|
|
24
36
|
|
|
25
37
|
<h3>I will ruin the couch with my claws refuse to come home when humans are going to bed stay out all night then yowl like i am dying</h3>
|
|
26
38
|
<p>Scratch me there, elevator butt poop on couch and instead of drinking water from the cat bowl, make sure to steal water from the toilet cats woo. Stuff and things man running from cops stops to pet cats, goes to jail, loves cheeseburgers so pet me pet me don't pet me and jump off balcony, onto stranger's head. As lick i the shoes.</p>
|
package/src/scss/_util.scss
CHANGED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
// Quotes
|
|
2
|
+
// - - - - - - - - - - - - - - -
|
|
3
|
+
// Custom overrides for the quote component
|
|
4
|
+
|
|
5
|
+
$blockquote-image-border-radius: 50% !default;
|
|
6
|
+
$blockquote-image-max-width: 7rem !default;
|
|
7
|
+
$blockquote-section-font-size: $blockquote-font-size * 1.5 !default;
|
|
8
|
+
$blockquote-section-line-height: grid-lineheight($blockquote-section-font-size) !default;
|
|
9
|
+
$blockquote-source-font-weight: $global-weight-bold !default;
|
|
10
|
+
|
|
11
|
+
// Basic blockquote layout.
|
|
12
|
+
blockquote p,
|
|
13
|
+
blockquote img {
|
|
14
|
+
padding: 0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.blockquote-image img,
|
|
18
|
+
blockquote img {
|
|
19
|
+
border-radius: $blockquote-image-border-radius;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
blockquote footer {
|
|
23
|
+
@extend .cite-block;
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
blockquote .blockquote-source {
|
|
29
|
+
font-weight: $blockquote-source-font-weight;
|
|
30
|
+
display: block;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
// Give images in content quotes some breathing space.
|
|
34
|
+
blockquote img {
|
|
35
|
+
margin-#{$global-right}: $global-margin;
|
|
36
|
+
max-width: $blockquote-image-max-width;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
// Quote sections.
|
|
40
|
+
.blockquote-section {
|
|
41
|
+
.grid-container {
|
|
42
|
+
margin-bottom: $global-margin * 2;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
blockquote,
|
|
46
|
+
blockquote p {
|
|
47
|
+
font-size: $blockquote-section-font-size;
|
|
48
|
+
line-height: $blockquote-section-line-height;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
// Center & space images on mobile.
|
|
52
|
+
@include breakpoint(medium down) {
|
|
53
|
+
div.blockquote-image {
|
|
54
|
+
justify-self: center;
|
|
55
|
+
max-width: 20rem;
|
|
56
|
+
margin-bottom: $global-margin * 2;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
// Adapt two-col section layout to give text more space.
|
|
62
|
+
#bottom section.blockquote-section {
|
|
63
|
+
@include breakpoint(xlarge) {
|
|
64
|
+
&:nth-child(even) {
|
|
65
|
+
.column:first-child {
|
|
66
|
+
grid-column: 1 / 4;
|
|
67
|
+
}
|
|
68
|
+
.column:last-child {
|
|
69
|
+
grid-column: 5 / -1;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
&:nth-child(odd) {
|
|
73
|
+
.column:first-child {
|
|
74
|
+
grid-column: 7 / -1;
|
|
75
|
+
}
|
|
76
|
+
.column:last-child {
|
|
77
|
+
grid-column: 1 / 6;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
package/src/scss/main.scss
CHANGED
|
@@ -108,6 +108,8 @@ $cite-line-height: if(
|
|
|
108
108
|
$blockquote-line-height,
|
|
109
109
|
grid-lineheight($cite-font-size)
|
|
110
110
|
) !default;
|
|
111
|
+
$cite-font-style: normal !default;
|
|
112
|
+
$cite-pseudo-content: "" !default;
|
|
111
113
|
|
|
112
114
|
// Tags that usually make up text sections
|
|
113
115
|
$text-tags: p, h1, h2, h3, h4, h5, h6, dl, ul, ol, blockquote !default;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
@use "sass:color";
|
|
2
|
-
|
|
3
|
-
@supports (-webkit-appearance: -apple-pay-button) {
|
|
4
|
-
.button.apple-pay {
|
|
5
|
-
-webkit-appearance: -apple-pay-button;
|
|
6
|
-
|
|
7
|
-
@if (color.lightness($form-background) < 40%) {
|
|
8
|
-
-apple-pay-button-style: white;
|
|
9
|
-
} @else {
|
|
10
|
-
-apple-pay-button-style: black;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|