]> git.ipfire.org Git - thirdparty/foundation/foundation-emails.git/commitdiff
adding an optional boolean to remove ios-blue styling for phone numbers and addresses
authorTim Hartwick <tdhartwick2@gmail.com>
Wed, 21 Sep 2016 22:50:15 +0000 (15:50 -0700)
committerTim Hartwick <tdhartwick2@gmail.com>
Wed, 21 Sep 2016 22:50:15 +0000 (15:50 -0700)
CONTRIBUTING.md [deleted file]
scss/components/_typography.scss
scss/settings/_settings.scss
test/visual/pages/anchor.html [new file with mode: 0644]
test/visual/pages/button-inky.html
test/visual/pages/inliner-bugs.html

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
deleted file mode 100644 (file)
index b352cf7..0000000
+++ /dev/null
@@ -1,46 +0,0 @@
-# Contributing to Foundation
-
-ZURB loves its community! We always want to hear from our users, whether they're reporting bugs, suggesting new features, or even adding them themselves.
-
-## Reporting Bugs
-
-[Open a new issue](https://github.com/zurb/foundation-emails/issues/new) to report a problem you're having with Foundation for Apps. When writing your issue, keep these things in mind:
-
-- **Be descriptive.** If you can, upload a screenshot of problem you're having, or copy and paste any JavaScript or command line errors you encounter. Being detailed will help us hone in on the problem faster.
-- **Post your code.** It's very helpful to see any HTML, Sass, or JavaScript you've written that you think may be causing the problem. In some cases, we might be able to fix your problem just by fixing your code.
-- **Help us recreate it.** If your problem is complex, tell us the steps needed to recreate the issue. Sometimes we need to see the problem for ourselves, in our own testing environment, so we can more easily debug it.
-
-## Editing the Documentation
-
-The documentation is compiled by a tool called [Supercollider](https://github.com/gakimball/supercollider). Each page is compiled from 1–2 sources:
-
-- A Markdown file under `docs/pages/`.
-- If it's a Sass component, the relevant Sass file inside `scss/` is scanned for special [SassDoc](http://sassdoc.com/) comments.
-
-Each page is rendered in one big [Handlebars template](https://github.com/zurb/foundation-docs/blob/master/templates/component.html) that takes in all of the above data.
-
-Much of the guts of the documentation are stored in an external codebase called [foundation-docs](https://github.com/zurb/foundation-docs). This is code that's shared between the documentation for all three Foundation frameworks, including:
-
-- CSS specific to the documentation
-- The Handlebars template used to build pages
-- A series of Handlebars helpers for the template
-- A custom Markdown parser used when parsing pages
-- A script that generates the search results for documentation pages
-
-To hack on this repo locally, clone the foundation-docs repo into a folder adjacent to this repo's folder on your machine. Then run `npm link ../foundation-docs` to wire the two together.
-
-## Submitting Pull Requests
-
-If you think you can solve a problem yourself, or want to implement a new feature, go for it! Follow these guidelines to make the most killer PR ever.
-
-- **Target the right branch.** So we can properly follow [semantic versioning](http://semver.org/), be sure to develop your pull request in the right branch:
-  - Ink 1.0 changes: `v1.0`
-  - Foundation for Emails 2.0+ bug fixes: `develop`
-  - New features should be pointed to: `v2.2`
-- **Test, test, and test.** The Foundation frameworks are used by thousands and thousands of designers and developers, so making sure your changes work in every email client is important! Please test bug fixes or new features in Litmus, or another email testing service.
-
-## Help Wanted
-
-Want something to work on? Let us guide you in the right direction.
-
-- Browse the [Help Wanted](https://github.com/zurb/foundation-emails/labels/help%20wanted) issue to see bugs or features we've asked for the community's help on. Feel free to implement them yourself as a pull request!
index 0e0d63a72e60b6d6dfd74f3efe1b678339bdc2ca..4d94e6dac86c22df7a2ed9ac34b745a2222f1c6e 100755 (executable)
@@ -150,6 +150,10 @@ $anchor-color-active: $anchor-color-hover !default;
 /// @type Number
 $stat-font-size: 40px !default;
 
+/// Removing the iOS telephone and address styling
+/// @type Boolean
+$remove-ios-blue: true !default;
+
 body,
 table.body,
 h1,
@@ -337,3 +341,18 @@ span.preheader {
   opacity: 0;
   overflow: hidden;
 }
+
+// Removing the iOS colors put in for telephone and addresses
+@if $remove-ios-blue {
+  // Wrapping in a media only screen to have inline-css respect the styling
+  @media only screen {
+    a[x-apple-data-detectors] {
+      color: inherit !important;
+      text-decoration: none !important;
+      font-size: inherit !important;
+      font-family: inherit !important;
+      font-weight: inherit !important;
+      line-height: inherit !important;
+    }
+  }
+}
index 57c3d0f6f87dc09a6bedc8cc172d35102aebf6f6..3fd5f2fcc48a816001ac056d3d109f61ed064aa1 100644 (file)
@@ -90,6 +90,7 @@ $anchor-color-visited: $anchor-color;
 $anchor-color-hover: darken($primary-color, 10%);
 $anchor-color-active: $anchor-color-hover;
 $stat-font-size: 40px;
+$remove-ios-blue: true;
 
 // 5. Button
 // ---------
diff --git a/test/visual/pages/anchor.html b/test/visual/pages/anchor.html
new file mode 100644 (file)
index 0000000..5313054
--- /dev/null
@@ -0,0 +1,8 @@
+<container>
+  <row class="collapse">
+    <columns small="12" large="12">
+     <h1>Testing to see if nasty phone and iOS links can be removed.</h1>
+     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum voluptates placeat laudantium, nihil minus commodi incidunt <a href="tel:1-408-555-5555">513-555-5555</a> magni, accusamus vitae nemo? Sit, minima. Dolorem nisi quaerat voluptatum nobis, numquam saepe hic. 123 locust st santa cruz, ca 95060</p>
+    </columns>
+  </row>
+</container>
\ No newline at end of file
index 650e01dcd006abe213e08351ccc1e656b5f028e8..98ed9ac69f8b752991f86b22c40083968ca3c546 100644 (file)
       </center>
     </columns>
   </row>
+  <row>
+    <columns small="12" large="12">
+      <button href="http://zurb.com">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum, qui aliquam rerum aliquid sapiente nulla et ipsa autem error, corporis hic! At temporibus aspernatur sed facilis odit harum, nobis fugit?</button>
+    </columns>
+  </row>
+    <row>
+    <columns small="12" large="12">
+      <button class="expanded" href="http://zurb.com">Lorem ipsum </button>
+    </columns>
+  </row>
 </container>
index f43c53324fc3df4d97d17bff840ca81c66b024d9..f7ff3be2f9417ec76d83957ccde1631319847113 100644 (file)
@@ -1,4 +1,4 @@
-<container>
+<!-- <container>
   <row>
     <columns>
       
@@ -97,3 +97,4 @@
     </columns>
   </row>
 </container>
+ -->
\ No newline at end of file