- Even though Pure Grids are designed to be mobile-first, you may want to show the "desktop-experience" to users who view your website in IE 8 or below. Just include the grids-responsive-old-ie.css file inside an IE conditional statement and Pure Grids will adapt to show the desktop experience.
-
diff --git a/site/src/pages/tools/index.js b/site/src/pages/tools/index.js
index 16267cf..2a14a60 100644
--- a/site/src/pages/tools/index.js
+++ b/site/src/pages/tools/index.js
@@ -33,14 +33,6 @@ function Tools() {
– Return full path to a Pure file.
-
- You can add Pure to your project through Bower. This works great if your website is SSL-encrypted. -
- -
@@ -141,78 +133,6 @@ const css = rework('').use(pureGrids.units({
console.log(css);`}
- {/*
-
- Developing your web project from a mobile-first perspective has benefits: -
- -- CSS rules are easier to add than to remove, so it makes sense to start from the smallest and simplest layout, and add styles for larger screens. -
-- Forces you to think about your most important content, instead of shoe-horning desktop experiences into small screens. -
-- However, one of the problems with mobile-first designs is that old browsers that don't support CSS Media Queries (such as IE 8) get a mobile-phone experience, which looks odd on a big screen. -
- -- To solve this, we helped develop the Strip MQ Grunt Plugin. By using this Grunt plugin, you're able to write mobile-first CSS, while ensuring that users on IE 8 and below get to view the desktop experience. It's the best of both worlds! -
- -- Install the Strip MQ Grunt Plugin through npm. -
- -$ npm install grunt-stripmq --save-dev
- Next, add the Grunt task to your Gruntfile.js
-
grunt.loadNpmTasks('grunt-stripmq');
- Add the necessary configuration through the stripmq task. Check out the README documentation for a full list of available options.
-
- Finally, you'll need to add this block in your <head> to let old IE browsers request the generated CSS files.
-
diff --git a/site/static/layouts/blog/index.html b/site/static/layouts/blog/index.html index 7c0d7c7..8056baa 100644 --- a/site/static/layouts/blog/index.html +++ b/site/static/layouts/blog/index.html @@ -5,8 +5,8 @@
<!--[if lte IE 8]>
- <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/grids-responsive-old-ie-min.css">
- <![endif]-->
- <!--[if gt IE 8]><!-->
- <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/grids-responsive-min.css">
- <!--<![endif]-->
+
+ <link rel="stylesheet" href="/css/pure/grids-responsive-min.css">
<style>
.custom-wrapper {
diff --git a/site/static/layouts/tucked-menu/index.html b/site/static/layouts/tucked-menu/index.html
index 108cb4a..158cd41 100644
--- a/site/static/layouts/tucked-menu/index.html
+++ b/site/static/layouts/tucked-menu/index.html
@@ -5,7 +5,7 @@
Responsive Horizontal-to-Scrollable Menu – Layout Examples – Pure
-
+
diff --git a/src/base/css/base.css b/src/base/css/base.css
index 6813132..3355e91 100644
--- a/src/base/css/base.css
+++ b/src/base/css/base.css
@@ -8,6 +8,10 @@
* Extra rules that Pure adds on top of Normalize.css
*/
+html {
+ font-family: sans-serif;
+}
+
/**
* Always hide an element when it has the `hidden` HTML attribute.
*/
diff --git a/src/buttons/css/buttons-core.css b/src/buttons/css/buttons-core.css
index 2b2118b..986d4a8 100644
--- a/src/buttons/css/buttons-core.css
+++ b/src/buttons/css/buttons-core.css
@@ -1,7 +1,6 @@
.pure-button {
/* Structure */
display: inline-block;
- zoom: 1;
line-height: normal;
white-space: nowrap;
vertical-align: middle;
@@ -21,8 +20,6 @@
/* Inherit .pure-g styles */
.pure-button-group {
letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
- *letter-spacing: normal; /* reset IE < 8 */
- *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
}
diff --git a/src/buttons/css/buttons.css b/src/buttons/css/buttons.css
index b1c56e9..a8e81c7 100644
--- a/src/buttons/css/buttons.css
+++ b/src/buttons/css/buttons.css
@@ -34,9 +34,6 @@
.pure-button-disabled:active {
border: none;
background-image: none;
- /* csslint ignore:start */
- filter: alpha(opacity=40);
- /* csslint ignore:end */
opacity: 0.40;
cursor: not-allowed;
box-shadow: none;
diff --git a/src/forms/css/forms-r.css b/src/forms/css/forms-r.css
index dab2758..0179c58 100644
--- a/src/forms/css/forms-r.css
+++ b/src/forms/css/forms-r.css
@@ -52,8 +52,6 @@
margin: 1.5em 0 0 0;
}
- /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
- .pure-form .pure-help-inline,
.pure-form-message-inline,
.pure-form-message {
display: block;
diff --git a/src/forms/css/forms.css b/src/forms/css/forms.css
index 336bdeb..4698d75 100644
--- a/src/forms/css/forms.css
+++ b/src/forms/css/forms.css
@@ -201,12 +201,8 @@ since IE8 won't execute CSS that contains a CSS3 selector.
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
-/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
-.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
display: inline-block;
- *display: inline;
- *zoom: 1;
vertical-align: middle;
}
.pure-form-aligned textarea {
@@ -294,8 +290,6 @@ since IE8 won't execute CSS that contains a CSS3 selector.
}
/* Inline help for forms */
-/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
-.pure-form .pure-help-inline,
.pure-form-message-inline {
display: inline-block;
padding-left: 0.3em;
diff --git a/src/forms/tests/manual/forms.html b/src/forms/tests/manual/forms.html
index 461ce97..c1685ad 100644
--- a/src/forms/tests/manual/forms.html
+++ b/src/forms/tests/manual/forms.html
@@ -110,7 +110,7 @@
-
+
@@ -151,7 +151,7 @@
-
+
diff --git a/src/grids/css/grids-core.css b/src/grids/css/grids-core.css
index e28a779..9f5682a 100644
--- a/src/grids/css/grids-core.css
+++ b/src/grids/css/grids-core.css
@@ -2,8 +2,6 @@
.pure-g {
letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
- *letter-spacing: normal; /* reset IE < 8 */
- *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
/*
@@ -50,8 +48,6 @@
.pure-u {
display: inline-block;
- *display: inline; /* IE < 8: fake inline-block */
- zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
diff --git a/src/grids/tests/manual/responsive.html b/src/grids/tests/manual/responsive.html
index 097a1db..6926d8b 100644
--- a/src/grids/tests/manual/responsive.html
+++ b/src/grids/tests/manual/responsive.html
@@ -7,13 +7,7 @@
-
-
-
+