github/pure
1
Fork 0
mirror of https://github.com/pure-css/pure synced 2025-05-26 16:52:33 +02:00
Code Releases Activity

Merge pull request from msweeney/grids-unit-match

Browse Source 
Use "substring match" rather than "starts with" selector to match responsive units.
This commit is contained in:
Tilo 2013-05-30 14:38:37 -07:00
commit a194d15b49
3 changed files with 8 additions and 5 deletions
HISTORY.md
src/grids
css
grids-r.css
tests/manual
responsive.html

3
HISTORY.md

@ -4,7 +4,8 @@ Pure Change History
NEXT NEXT
---- ----
* Fixed: Responsive grids fails to apply when another class precedes the unit
class in markup. [#44]
0.1.0 (2013-05-24) 0.1.0 (2013-05-24)

6
src/grids/css/grids-r.css

@ -29,12 +29,14 @@
} }
} }
@media (max-width:480px) { @media (max-width:480px) {
.pure-g-r > [class ^= "pure-u"] { .pure-g-r > .pure-u,
.pure-g-r > [class *= "pure-u-"] {
width: 100%; width: 100%;
} }
} }
@media (max-width:767px) { @media (max-width:767px) {
.pure-g-r > [class ^= "pure-u"] { .pure-g-r > .pure-u,
.pure-g-r > [class *= "pure-u-"] {
width: 100%; width: 100%;
} }
.pure-hidden-phone { .pure-hidden-phone {

4
src/grids/tests/manual/responsive.html

@ -40,14 +40,14 @@
<div class="pure-g-r"> <div class="pure-g-r">
<h1 class="pure-u-1 centered">Example.</h1> <h1 class="pure-u-1 centered">Example.</h1>
<div class="pure-u-1-4"> <div class="pure-foo pure-u-1-4">
<div class="cell"> <div class="cell">
<h3>Fast</h3> <h3>Fast</h3>
<p>YUI's lightweight core and modular architecture make it scalable, fast, and robust. Built by frontend engineers at Yahoo!, YUI powers the most popular websites in the world.</p> <p>YUI's lightweight core and modular architecture make it scalable, fast, and robust. Built by frontend engineers at Yahoo!, YUI powers the most popular websites in the world.</p>
</div> </div>
</div><!--/span--> </div><!--/span-->
<div class="pure-u-1-4"> <div class="pure-u-1-4 pure-foo">
<div class="cell"> <div class="cell">
<h3>Complete</h3> <h3>Complete</h3>
<p>YUI's intuitive and well-documented API takes you from basic DOM handling to building performant and maintainable applications on desktop browsers, mobile devices, and servers.</p> <p>YUI's intuitive and well-documented API takes you from basic DOM handling to building performant and maintainable applications on desktop browsers, mobile devices, and servers.</p>