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
1
vote
1 answer

phantomjs not honouring box-sizing

I'm using phantomjs (1.9.8) to get screenshots for a project. This project uses Pure CSS grids for responsive layout. Here is a stripped down HTML demo for what I'm doing: http://output.jsbin.com/sobabiy/1 This is what phantomjs sees (viewport…
jodeci
  • 966
  • 2
  • 11
  • 18
1
vote
0 answers

purecss make .pure-menu-scrollable and pure-menu-has-children work together

Actually I would like to have horizontally scrollable menu with dropdowns smth like this:
deathmood
  • 113
  • 6
1
vote
1 answer

Why is this not behaving responsively?

I have the below SASS and HTML code. I'm using PureCSS by Yahoo. What I'm trying to do I'm trying to get this to have a 3 column layout for large desktop size screen, with the pure-lg-3-24 classes essentially acting as margins, then collapse it to…
Nona
  • 5,302
  • 7
  • 41
  • 79
1
vote
1 answer

make table adapt screen width // purecss

I am using pure css to design my web page. I have this table/form on my page. Unfortunaltey it exceeds the width of my screen. How can I make the table autoamticall format so that it fits my screen? I would like that each columns "shrinks" until the…
timbmg
  • 3,192
  • 7
  • 34
  • 52
1
vote
3 answers

PureCSS and CSS menu dropdowns

I'm trying to use PureCSS, and get menudrop downs using CSS (rather than via either YUI or Jquery for portability reasons). This is what I have so far: http://jsfiddle.net/ket262p3/3/
    …
cbz
  • 1,696
  • 1
  • 15
  • 19
1
vote
1 answer

Horziontal responsive navigation bar PureCSS troubles

I'm using Pure CSS combined with a layout for a vertical menu. But instead of a vertical side menu, I'm trying to adjust the code to be a horizontal menu that disappears into the top of the screen if the minimum screen width is too low. I seem to be…
yesman
  • 7,165
  • 15
  • 52
  • 117
1
vote
1 answer

YUI and Purecss button color

I'm created a simple CSS with YUI Skin Builder, but, when I try to use it in my MVC project the color system is not correct My skin is that: Skin, the spected button color is red, but, I just get a gray or blue button: My cshtml code: @{ Layout…
Alexandre
  • 1,985
  • 5
  • 30
  • 55
1
vote
2 answers

Pure.css breakpoints not working

Fiddle I'm trying to make a responsive grid, that shows 2 items per row on bigger screens and only one on smaller screens. Now I found out you can do this with Pure.css, but I have the correct syntax and it's not working. The items just stay on the…
Claudio
  • 884
  • 1
  • 15
  • 31
1
vote
2 answers

Validation messes up input group CSS

I'm using PureCSS and the jQuery Validate plugin. I have code like:
…
infinity
  • 719
  • 2
  • 11
  • 23
1
vote
1 answer

Pure-CSS / YUI Vertical multi-level menu

I am trying to use the Pure CSS framework for a responsive layout. I like their vertical menu, but I can't figure out how to add dropdown (collapsing) submenus. I can't even get the horizontal menu example on their site to work…
jake905
  • 23
  • 1
  • 6
1
vote
0 answers

PureCSS application to Jquery Datatables

Just wondering if anyone has seen or has a purecss (purecss.io) markup for Jquery Datatables? I've had a look around and can't seem to find any. Thanks!
Andrew Burns
  • 346
  • 4
  • 15
1
vote
2 answers

YUI is overwriting my
  • id. How can I preserve them?

    • I am using YUI with Purecss and I noticed that my
  • elements with their id's get overwritten when creating dropdown menus. They turn into something like:
  • See this example: PureCSS Dropdown How can I preserve my given…
    • zer02
    • 3,963
    • 4
    • 31
    • 66
    1
    vote
    1 answer

    Why my input fields on html form are not styled the same as PureCSS website?

    I included pure-css to my html template and made a simple form. I thought that this form will look the same as on PureCSS site. Although buttons are styled nicely, the input elements on form are 'raw'. No rounded corners, no highlight. Checked on…
    Jakub Głazik
    • 893
    • 9
    • 13
    1
    vote
    2 answers

    Why isn't my 2-column Pure CSS layout working?

    I'm trying to create a simple Meteor Web application, but am struggling already to produce a working 2 column layout defined via a Pure responsive grid. The problem is demonstrated in the below screenshot; the heading should be two columns on one…
    aknuds1
    • 65,625
    • 67
    • 195
    • 317
    1
    vote
    1 answer

    CSS for responsive, collapsible left-hand menu?

    I'd like to create a responsive left-hand menu, like the menu on Yahoo's Pure CSS site. In other words, it should look like this on desktop: And collapse like this on narrower screens: Oddly, although this menu is prominent on the Pure site, it…
    Richard
    • 62,943
    • 126
    • 334
    • 542
    1 2 3
    4
    5 6 7 8