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.
Questions tagged [yui-pure-css]
112 questions
3
votes
2 answers
Specify collapse order of purecss grid
I would like to have a purecss grid. When it collapses (i.e. breakpoints on smaller screens) is it possible to make say the right grid item appear before the left grid item? I.e some sort of collapse order? I beleive something along these lines is…
user2237076
- 331
- 3
- 13
3
votes
1 answer
Weird behavior in Firefox using :after and float:right inside of a yui-purecss button
JsFiddle: http://jsfiddle.net/9opb4n03/1/
HTML:
Jeremathy
- 33
- 3
3
votes
1 answer
YUI pure css fixed width
Can someone show me an example of how I might use purecss.io to implement a fixed width/responsive design, similar to the 960 grid like bootstrap, etc???
The fluid width simply won't work for my particular design, here is what I currently have:
…
Alex.Barylski
- 2,843
- 4
- 45
- 68
3
votes
1 answer
How to make input size bigger?
Here is the demo for it - http://plnkr.co/edit/B2lPwBgY61fSzg4nbaeD?p=preview
I am using both Twitter Bootstrap forms and Pure Forms and as you can see in demo, the size of input box is very small.
I even tried to increase the size by overriding as…
daydreamer
- 87,243
- 191
- 450
- 722
2
votes
1 answer
Purecss Roadmap and Project Status
Does anybody know the project status of the Purecss framework? From their blog and github it appears to be a dead project.
SemanticUI
- 899
- 2
- 10
- 19
2
votes
2 answers
How to combine grouped inputs with aligned forms?
From Pure CSS I want to combine aligned forms:
2
votes
2 answers
How to put a div at left or right in pure CSS?
I am new in pure css, it is nice and easy!
My HTML:
My CSS:
@font-face{
font-family:…
This should be in left
John IP
- 87
- 9
2
votes
1 answer
Trying to split a horizontal nav (ul) into two rows
Using PureCSS I am trying to change their Responsive Horizontal-to-Vertical Menu example to fit my needs.
I want to split a horizontal nav into two rows, and I am unsuccessfully trying to use css3 columns, as described in this Stackoverflow…
EricC
- 5,720
- 13
- 52
- 71
2
votes
2 answers
PureCSS Grid not centered on Firefox
I'm trying out PureCSS for my website and it seemed like everything was going great. I opened it up in Firefox and noticed that my content wasn't centered.
You can view my site here.
The HTML/CSS is pretty simple. If I open the Inspector tool, I…
telkins
- 10,440
- 8
- 52
- 79
2
votes
1 answer
How to vertically center in yui-pure-css?
I use purecss (purecss.io), which works fantastic so far, but I haven't managed to vertically center anything in their responsive grid.
I have a div (class="pure-u-1-3") with automatically has the height of it's parents element. I would like to…
sebastiansieber
- 63
- 1
- 15
2
votes
2 answers
Pure CSS Dropdown Menu
I have been working on facebook application and you know on facebook native javascript is not allowed, they have their own implementation FBJS which is troublesome when it comes to creating stuff like menus.
Is there any pure CSS dropdown solution…
Sarfraz
- 377,238
- 77
- 533
- 578
2
votes
1 answer
Image beside multiline text in 'vertical-align: middle' with fluid layout (Pure CSS from YUI)
I want an image beside a multiline text (usually two lines) with vertical-align: middle.
When it's just one line, everything is ok with vertical-align: middle in the image style, but when the text has more than one line, the mess begins.
jsfiddle…
Programmeur
- 1,483
- 4
- 22
- 32
2
votes
1 answer
Styling a Radio Button Group using the purecss.io framework
The other day I stumbled on the Pure project - a set of CSS modules released by the YUI team. I wanted to standardize the forms across my website and I liked the look of their forms module. Especially the style of form they call the Aligned Form. I…
jester66
- 242
- 2
- 10
2
votes
1 answer
purecss grunt task fails
I cloned purecss project to my desktop and tried to run grunt on it since I saw there is a gruntfile included.
Running "bower-install" task
Warning: Cannot find module 'bower' Use --force to continue.
Of course a saved a local grunt to project…
aegyed
- 1,320
- 3
- 20
- 39
2
votes
2 answers
pure css javascript not working after deployment Django
I am using pure css and bootstrap in one of my Django project, and everything is fine when I run in my local machine. But after I deployed, it looks different. Snapshot of the font from my local machine is
but the font-width increased after i…
vaibhav1312
- 863
- 4
- 13
- 31