Stack Overflow
Stack Overflow

Questions tagged [yui-pure-css]

Pure is a set of reusable CSS modules created by the YUI team.

The Pure.css framework is an advanced responsive, mobile-first, HTML5, base-theme developed at Yahoo.

Documentation :

112 questions
33
votes
4 answers

What's the equivalent of the container bootstrap class in purecss.io?

I'm using purecss for my project. I want to have all my content center on my page like with the bootstrap container class. I tried to use different things using the purecss grid but I can't figure out how to do it.
BoumTAC
  • 3,531
  • 6
  • 32
  • 44
13
votes
1 answer

Purecss Grids Offset Class

I have been evaluating purecss and would like to know whether in its grid system there is an equivalent to Bootstrap's offset class. The grids doco does not mention such a thing. Thanks
onefootswill
  • 3,707
  • 6
  • 47
  • 101
10
votes
2 answers

PureCSS.io - Pure Grid (height) displays different in Firefox

I am using the Pure Grids of PureCSS. I have a pure-g with three pure-u-1-3, containing a few paragraphs. The problem is that there is a difference in display between Chrome/IE and Firefox when one of the units is longer than the…
Rick Kuilman
  • 146
  • 1
  • 12
9
votes
2 answers

Best way to extend pure-css's grid to have gutters

I'm coming to Pure CSS (the Yahoo! framework) from a SUITCSS background and am looking for a neat way to add gutters to multi-column grids. I've seen mention of the l-box technique, but can't find a decent example of it. Here's what I'm currently…
Steve Jalim
  • 11,989
  • 1
  • 37
  • 54
9
votes
5 answers

How to align label and select box vertically (middle)

For the CSS gurus out there, I cannot figure out the css that makes the first label/select pair not middle align, but the second one does align in the middle. See the problem in the image below. My goal is to make the first label/select pair align…
John Livermore
  • 30,235
  • 44
  • 126
  • 216
8
votes
1 answer

Pure-CSS grid default code won't work

Using Pure grids, my website did not respond properly, so I attempted copying and pasting the default responsive grid code into my file, and it still did not function properly. This is the default code listed on their website:
…
Connorelsea
  • 2,308
  • 6
  • 26
  • 47
7
votes
2 answers

Do we need to include normalize after using Pure css?

I think Yahoo's Pure is awesome. But I was thinking, do we need to include normalize.css after using Pure?
Explorer
  • 71
  • 3
6
votes
2 answers

What is going on with purecss here?

I'm trying to integrate purecss with a project I've been working on. It was just borking my layout for some reason, so I tried to create an extremely primitive template (below), and I'm just getting funny letter spacing. What is going on?
Anonymous
  • 6,181
  • 7
  • 45
  • 72
5
votes
1 answer

pure.CSS: responsive centered columns

With Bootstrap 3 there is an easy solution to center multiple columns as described here: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-centered-columns Would it be possible to do this with Yahoo pure.CSS? And if yes,…
berlindave
  • 55
  • 1
  • 5
5
votes
2 answers

Site zooms out when menu is opened

I'm using Yahoo's PureCSS library along with a plugin for the sidebar and it works great on all browsers except mobile Safari. For some reason, it zooms out whenever the menu is opened. This even occurs in the documentation's example. I have no idea…
ncksllvn
  • 5,699
  • 2
  • 21
  • 28
5
votes
3 answers

purecss pure-menu-item doesn't work properly

This menu code is the first example in http://purecss.io/menus/. Yet it works bad :( Each
  • item stays a screenful of distance one another. If you scroll down you see the other items. But it works in the purecss.io/menus page. I don't know…
    • ijverig
    • 2,795
    • 3
    • 18
    • 26
    5
    votes
    2 answers

    Vertical-align with Pure CSS (from YUI)

    How can I add vertical-align: middle to elements using PureCSS, from YUI? I have three elements with have the same height, and I want that, "inside", they have vertical-align: middle. => Check jsfiddle: http://jsfiddle.net/kn88b/1/ The closest I…
    Programmeur
    • 1,483
    • 4
    • 22
    • 32
    4
    votes
    1 answer

    Purecss grids not working as expected

    I am using the documentation at http://purecss.io/grids/ and basically copying the example code to create a grid of thirds
    ...
    ...
    yoyoma
    • 3,336
    • 6
    • 27
    • 42
    4
    votes
    1 answer

    Example of how to use nested grids with pure css

    The docs don't contain any example of nested grid. Could someone post an example of nested grid
    aWebDeveloper
    • 36,687
    • 39
    • 170
    • 242
    4
    votes
    4 answers

    Whitespace causing divs to stack in Pure CSS

    I'm using Pure CSS to layout a site, and I've run into an issue. If there's any whitespace between nested grid elements, it breaks the layout and pushes the last div onto the next line. I created a test website with as little in it as possible to…
    tamasys
    • 59
    • 1
    • 8
    1
    2 3 4 5 6 7 8