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
0
votes
4 answers
PureCSS stop page reload on form submit but retain form validation
I'm trying to use PureCSS forms in my web app and I can't figure out how to retain the nifty form validation while stopping the page reload.
I know I can stop the page reload using onsubmit="return false;"
Then I can use AJAX to post the form data…
njachowski
- 927
- 5
- 14
0
votes
1 answer
Slide down on pure css image
I would like to make an animation on my menu, instead of the fade animation that you can see on the fist two div, I would like to put as animation a slide down color. As a curtain.
On hover on the image, a "coloured panel" positioned on the image…
Mariagrazia.B
- 71
- 16
0
votes
1 answer
YUI Purecss remove multi level menu behavior when the screen size drops below a curtain point
I want to remove the behavior set by pure-menu-has-children, pure-menu-children and pure-menu-allow-hover when the screen size drops below a curtain point.
I have tried to reset them with the follow code and it works partially but when I hover a sub…
Mazaka
- 624
- 1
- 5
- 20
0
votes
0 answers
Multi-column dropdown menu in PureCSS
I'm having a dropdown menu based on pureCss. This menu can contain 20 or more entries:
-
Peter Albert- 16,917
- 5
- 64
- 88
0
votes
2 answers
how to create a horizontal grouped input with .pure-group in purecss?
from http://purecss.io/forms/ on the section "Grouped Inputs" it only shows a vertical/stacked grouped inputs, but is it possible to make a horizontal one?
Jacky
- 1
- 1
- 2
0
votes
3 answers
How to increase width of textarea without modifying div?
How to resize textarea in following case using Pure CSS, without damaging whole structure of table:
Heading:
fatherazrael
- 5,511
- 16
- 71
- 155
0
votes
1 answer
Using Pure CSS Blog Template
I am looking to create a blog website.
I was searching for CSS Template That I can use for my blog website.
I found purecss.io blog theme very good.
How can I use it as my website template
Mahtab Alam
- 607
- 2
- 9
- 22
0
votes
3 answers
How to add gutters to pure-grid
I need to add gutters to the pure-grid I'm using.
Because I need that by default it should work just be the regular pure-grid css like this example:
…
Werner
- 2,126
- 2
- 22
- 34
0
votes
1 answer
purecss.io Grid Breaking in Firefox
I've noticed that in purecss.io Firefox grids don't work unless I set display=flex for each grid that I want to horizontally align and then stack in responsive. If I don't want them horizontal and to always stack (e.g. two pure-u-1 boxes on top of…
user2694306
- 3,832
- 10
- 47
- 95
0
votes
1 answer
Pure CSS: Responsive images breaking columns with border-box and padding on Firefox and Opera
I'm using the responsive grid from Yahoo Pure CSS as a basis for a WordPress theme / layout.
http://smartwatchapps.co.uk/module-test/
Columns without images are fine; when an image is present, the columns expand on FF and Opera. Chrome / Safari…
luke
- 237
- 5
- 15
0
votes
2 answers
How can I prevent navigation rendering as list before the CSS and Javascript are applied?
I have navigation that is built with unordered list elements in HTML. I style it with CSS ( using PUREcss ). Jquery is used, as is a small JS function. These are the implementation instructions from PUREcss.
When the page loads, it always renders…
T. Brian Jones
- 13,002
- 25
- 78
- 117
0
votes
1 answer
Compose dynamically generated class name
So, I'm using PureCSS for grids and decided to build a couple helper mixins to later on mix into my components. A particularly helpful one should in principle be something like this:
.cols(@howmany:1, @of:12){
.pure-u-@{howmany}-@{of};
}
but…
Carlos Vergara
- 657
- 6
- 19
0
votes
1 answer
media queries in Yahoo Pure CSS
I am working on creating my site using Yahoo's Pure CSS modules(http://purecss.io/). I really like it so far. One thing I don't understand is how the media queries fit into it. Here is what it says on their grids page:
Default Media Queries
When…
dmikester1
- 1,374
- 11
- 55
- 113
0
votes
1 answer
Pure.css 1-3 grid only shows 2 items per line
The plan would be to get all three personal trainers on the same line, but somehow Pure only shows 2 items per line, though there is enough space for the third one.
I've removed the paddings and there shouldn't be any extra margins that cause this…
Claudio
- 884
- 1
- 15
- 31
0
votes
2 answers
purecss.io and wrapping a LabelFor
I'm using purecss.io on a project of mine and I am having an issue when trying to apply a label style to a LabelFor element. I know it does not take any html attributes but I cannot get it to take the style when wrapped without squashing all of the…
Syrsyrian
- 35
- 1
- 5