diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 3ddb890..eaba1a4 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -59,7 +59,6 @@ $ grunt watch Pure is tested and works in: -- IE 10+ - Latest Stable: Edge, Firefox, Chrome, Safari - iOS 6+ - Android 4.x diff --git a/README.md b/README.md index cc68831..a64e452 100644 --- a/README.md +++ b/README.md @@ -88,7 +88,6 @@ conventions of the files in the `build/` directory follow these rules: Pure is tested and works in: -- IE 10+ - Latest Stable: Firefox, Chrome, Safari - iOS 12+ - Android 6+ diff --git a/RELEASE.md b/RELEASE.md index 63670f6..1259984 100644 --- a/RELEASE.md +++ b/RELEASE.md @@ -27,7 +27,6 @@ This assumes the following repo's are cloned and `npm` installed: - [ ] **Review all src/.../tests/manual/ files in target environments, including:** - - [ ] IE 11 - [ ] Edge - [ ] Chrome - [ ] Firefox @@ -38,7 +37,6 @@ This assumes the following repo's are cloned and `npm` installed: - [ ] **Review pure-site in target environments with [Pure served locally](https://github.com/pure-css/pure-site/blob/master/README.md#running-with-pure-served-locally)** - - [ ] IE 11 - [ ] Edge - [ ] Chrome - [ ] Firefox diff --git a/package.json b/package.json index 6780c43..5d9bb94 100644 --- a/package.json +++ b/package.json @@ -58,7 +58,6 @@ "license": "BSD-3-Clause", "browserslist": [ "last 2 versions", - "ie >= 10", "iOS >= 12", "Android >= 6" ], diff --git a/site/src/pages/base/index.js b/site/src/pages/base/index.js index 8b0105c..eb8194b 100644 --- a/site/src/pages/base/index.js +++ b/site/src/pages/base/index.js @@ -56,7 +56,7 @@ function Base() {

Hiding Elements

- Add the hidden attribute to an HTML element to hide it from the screen via display: none !important;. Alternatively, for compatibility with old IE, you may use the CSS classname .hidden. + Add the hidden attribute to an HTML element to hide it from the screen via display: none !important;.

diff --git a/site/src/pages/start/index.js b/site/src/pages/start/index.js index 7aabeed..38fbca5 100644 --- a/site/src/pages/start/index.js +++ b/site/src/pages/start/index.js @@ -193,175 +193,6 @@ function Start() {
.pure-u-1
.pure-u-md-1-4
- {/* -
- -

Build Your Pure Starter Kit

-

- Now that you know how grids work, you might want to customize things to better suit your web project. You can define your own breakpoints by specifying a CSS Media Queries. You can also customize the number of columns that your layout needs. -

-

- We'll generate an index.html file, and if needed, a grid.css file that you can download and use as the starting-point for your project. -

-
- -
-
-

Grids Media Queries

-

- You can use Pure's default CSS Media Queries which will add grids-responsive.css to your Pure Starter Kit, or we can generate a mobile-first, responsive grid if you provide us with the breakpoints. -

-

- Pure's generated Responsive Grids is simple to use. It provides you with a specific CSS classname for each Media Query. For example, pure-u-md-* for devices with width >= 768px, and pure-u-lg-* for devices with width >= 1024px. -

-

- What Media Queries should your grid system respond to? -

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

Grid Options

-

- Pure has a 5ths and 24ths-column grid system by default. You define an element's width using fractional classnames, e.g; .pure-u-2-5 for width: 40%, or .pure-u-12-24 for width: 50%. You can view all the grid units that are available in the default grid. -

-

- You can customize the number of columns; the default grid is 24 columns. You can also change the Grids classname prefix; the default is .pure-u-. -

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

- Your Pure Starter Kit will be generated below in real-time as you make your customizations. When you're ready, just download it! -

-
-
- Download Your Starter Kit -
-

- Here's what the downloaded zip file contains. -

-
-
-
- -
-
-
-
- 
<!doctype html>
-                              <html>
-                              <head>
-                                  <meta charset="utf-8">
-                                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-                                  <title>Your page title</title>
-
-                                  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@1.0.1/build/pure-min.css"></head>
-
-                              <body>
-                                  <!--
-                                  Your HTML goes here. Visit purecss.io/layouts/ for some sample HTML code.
-                                  -->
-                              </body>
-                              </html>
-
-
-
-

- You haven't specified any customization that require any additional CSS. -

-
-
-
-
-

- You haven't specified any customization that requires IE-specific CSS. -

-
-
-
-
- -
- */} ); } diff --git a/site/src/pages/start/styles.css b/site/src/pages/start/styles.css index f7436fa..694b83e 100644 --- a/site/src/pages/start/styles.css +++ b/site/src/pages/start/styles.css @@ -76,8 +76,7 @@ overflow-y: scroll; margin: 0; } -#css .code, -#css-old-ie .code { +#css .code { max-height: 35em; } diff --git a/site/static/layouts/gallery/styles.css b/site/static/layouts/gallery/styles.css index 195aa3c..3b6169e 100644 --- a/site/static/layouts/gallery/styles.css +++ b/site/static/layouts/gallery/styles.css @@ -46,12 +46,7 @@ h1,h2,h3,h4,h5,h6 { width: 100%; font-size: 80%; text-align: right; - background: -moz-linear-gradient(top, rgba(16,27,30,0) 0%, rgba(12,2,2,1) 90%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(16,27,30,0)), color-stop(90%,rgba(12,2,2,1))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(16,27,30,0) 0%,rgba(12,2,2,1) 90%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(16,27,30,0) 0%,rgba(12,2,2,1) 90%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(16,27,30,0) 0%,rgba(12,2,2,1) 90%); /* IE10+ */ - background: linear-gradient(to bottom, rgba(16,27,30,0) 0%,rgba(12,2,2,1) 90%); /* W3C */ + background: linear-gradient(to bottom, rgba(16,27,30,0) 0%,rgba(12,2,2,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00101b1e', endColorstr='#0c0202',GradientType=0 ); /* IE6-9 */ } diff --git a/site/static/layouts/tucked-menu/index.html b/site/static/layouts/tucked-menu/index.html index 158cd41..fa8e9db 100644 --- a/site/static/layouts/tucked-menu/index.html +++ b/site/static/layouts/tucked-menu/index.html @@ -206,8 +206,7 @@ document.getElementById('toggle').addEventListener('click', function (e) { such as pure-menu-horizontal and pure-menu-scrollable. At wide window-widths we display a horizontal menu. At smaller window-widths, - we switch to a scrollable horizontal menu with a toggle control. Older IE - clients won't get all the bells and whistles, but it should still be usable. + we switch to a scrollable horizontal menu with a toggle control. Remember that the JavaScript provided is plain vanilla JS so it won't work in some browsers; you'll need to polyfill or adapt the code to your library of choice.