From: RafiBomb Date: Tue, 28 Jun 2016 20:40:44 +0000 (-0700) Subject: adds radius container class X-Git-Tag: v2.2.0~6 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=17b8905bb4e018a4149983f7bd0050a40fe4afb7;p=thirdparty%2Ffoundation%2Ffoundation-emails.git adds radius container class --- diff --git a/scss/grid/_grid.scss b/scss/grid/_grid.scss index e5261fa4..15329b35 100755 --- a/scss/grid/_grid.scss +++ b/scss/grid/_grid.scss @@ -14,6 +14,10 @@ $grid-column-count: 12 !default; /// @type Number $column-padding-bottom: $global-padding !default; +/// Default border radius for the container. +/// @type Number +$container-radius: 50px !default; + //For viewing email in browser @media only screen { html { @@ -160,3 +164,9 @@ th.expander { width: 0; padding: 0 !important; } + +// adds radius to container +table.container.radius { + border-radius: $container-radius; + border-collapse: separate; +} diff --git a/test/visual/pages/alignment.html b/test/visual/pages/alignment.html index 281402b2..8e2fdb02 100644 --- a/test/visual/pages/alignment.html +++ b/test/visual/pages/alignment.html @@ -33,7 +33,7 @@
-

Center on all clients except Outlook 20017, 10, 13

+

Center on all clients except Outlook 2007, 10, 13

@@ -120,4 +120,6 @@ + + diff --git a/test/visual/pages/basic.html b/test/visual/pages/basic.html deleted file mode 100644 index fced7339..00000000 --- a/test/visual/pages/basic.html +++ /dev/null @@ -1,45 +0,0 @@ -
- - - - - - -

BASIC

- - - -
- - - - -
-
- -
-
-

Hi, Susan Calvin

-

YO YOY Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni, iste, amet consequatur a veniam.

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio nulla et, fugiat. Maiores accusantium nostrum asperiores provident, quam modi ex inventore dolores id aspernatur architecto odio minima perferendis, explicabo. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quos quasi itaque beatae natus fugit provident delectus, magnam laudantium odio corrupti sit quam. Optio aut ut repudiandae velit distinctio asperiores?

- -

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit repellendus natus, sint ea optio dignissimos asperiores inventore a molestiae dolorum placeat repellat excepturi mollitia ducimus unde doloremque ad, alias eos!

- - - - -
Connect With Us:
- - - - - -
Contact Info:
-

Phone: 408-341-0600

-

Email: foundation@zurb.com

- - - - - - diff --git a/test/visual/pages/block-inky.html b/test/visual/pages/block-inky.html index 5ebf97fa..40a6bcd8 100644 --- a/test/visual/pages/block-inky.html +++ b/test/visual/pages/block-inky.html @@ -2,6 +2,7 @@ .block-grid p { background: dodgerblue; text-align: center !important; + color: white !important; } diff --git a/test/visual/pages/block.html b/test/visual/pages/block.html deleted file mode 100644 index bbfa4da9..00000000 --- a/test/visual/pages/block.html +++ /dev/null @@ -1,69 +0,0 @@ - - - - -
- - - - - - -
-

one

- 		-

two

-
- - - - - - - -
-

one

- 		-

two

- 		-

three

-
- - - - - - - - -
-

one

- 		-

two

- 		-

three

- 		-

four

-
- - - - - - - - - -
-

one

- 		-

two

- 		-

three

- 		-

four

- 		-

five

-
- -
\ No newline at end of file diff --git a/test/visual/pages/button-expanded.html b/test/visual/pages/button-expanded.html deleted file mode 100644 index 66b660a8..00000000 --- a/test/visual/pages/button-expanded.html +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/test/visual/pages/button-inky.html b/test/visual/pages/button-inky.html index 1a317721..32a5dd13 100644 --- a/test/visual/pages/button-inky.html +++ b/test/visual/pages/button-inky.html @@ -4,7 +4,7 @@ } -Test Results - Passing 6/8/1016 +Test Results - Passing 6/28/2016
@@ -76,6 +76,7 @@ + Radius and round edges except Outlook 2007, 10, 13 diff --git a/test/visual/pages/button.html b/test/visual/pages/button.html deleted file mode 100644 index 3e50f718..00000000 --- a/test/visual/pages/button.html +++ /dev/null @@ -1,266 +0,0 @@ - - - - -
- - - - - -
- - - - - -
- - - - -
- I am a large button -
-
- - -
- - - - - -
- - - - - -
- - - - -
- I am a button -
-
- -
- - - - - - -
- - - - - -
- - - - -
- I am a small button -
-
- -
- - - - - -
- - - - - -
- - - - -
- I am a tiny button -
-
- -
- - - - - -
- - - - - - - -
- - - - - - -
- Radius? -
-
- -
- - - - - -
- - - - - - - -
- - - - - - -
- Rounded? -
-
- -
- - - - - -
- - - - - -
- - - - -
- I am secondary -
-
- -
- - - - - -
- - - - - -
- - - - -
- I am successful -
-
- -
- - - - - - -
- - - - - -
- - - - -
- I alert -
-
- -
- - - - - -
- - - - - -
- - - - -
- I warn -
-
- -
- - - - - -
- - - - - - -
- - - - - -
-
- I expand -
-
- -
- -
- - -
diff --git a/test/visual/pages/callout-in-grid.html b/test/visual/pages/callout-in-grid.html index fac2151a..a7374e50 100644 --- a/test/visual/pages/callout-in-grid.html +++ b/test/visual/pages/callout-in-grid.html @@ -11,26 +11,44 @@ - + + +

Not in a callout :(

+ + + +

I'm in a callout!

+ + + + + - -

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque necessitatibus perferendis doloremque quod quam nisi, unde ipsum qui, nesciunt reiciendis adipisci. Ratione nemo adipisci aspernatur quaerat tempore omnis delectus ipsam!

- - -

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, doloremque explicabo aperiam vitae autem dolorum id placeat cumque praesentium qui, similique rerum error quibusdam sed officia eligendi obcaecati illum. Quo!

+ +

This whole row is in a callout!

 - - - -

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque necessitatibus perferendis doloremque quod quam nisi, unde ipsum qui, nesciunt reiciendis adipisci. Ratione nemo adipisci aspernatur quaerat tempore omnis delectus ipsam!

- - -

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita, doloremque explicabo aperiam vitae autem dolorum id placeat cumque praesentium qui, similique rerum error quibusdam sed officia eligendi obcaecati illum. Quo!

- - + + +

Successfully avoided Kraken. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

+ + +

Successfully avoided Kraken. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

+ + + +

Successfully avoided Kraken. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

+ + + +

There may be Krakens around. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

+ + + +

Incoming Kraken! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

 + diff --git a/test/visual/pages/center.html b/test/visual/pages/center.html deleted file mode 100644 index a79ca91e..00000000 --- a/test/visual/pages/center.html +++ /dev/null @@ -1,35 +0,0 @@ - - - - - -
-

I should be centered

-
- - - - -
- -
- - - - -
- -
- - -
- -
- - - - diff --git a/test/visual/pages/container-radius.html b/test/visual/pages/container-radius.html index 39a3ef2b..d1f29f20 100644 --- a/test/visual/pages/container-radius.html +++ b/test/visual/pages/container-radius.html @@ -1,11 +1,12 @@ - + +

Container should have a border and border radius except on Outlook 2000, 02, 03, 07, 10, 13

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam veritatis adipisci sint dolorem cupiditate, perferendis. Atque repellendus, perferendis temporibus quibusdam quod nam sint tenetur, ullam ab dicta suscipit at totam?

diff --git a/test/visual/pages/inliner-bugs.html b/test/visual/pages/inliner-bugs.html index ace565f5..f43c5332 100644 --- a/test/visual/pages/inliner-bugs.html +++ b/test/visual/pages/inliner-bugs.html @@ -4,7 +4,7 @@ #417 - 2 sets of angle backets: outer set should not get converted to charachter codes. you should not see 2 angle brackets here:
- <> + <> confirmed on inliner (both) need to