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
1 answer
How to prevent a "break" for very small widths in pure css?
The snippet below presents a row of squares and a row of keys (not unlike the wordle game, which I'm attempting to build as a learning project). At very small widths the last tile column breaks off to a new row, and the last few keys break off,…
goodson
- 727
- 2
- 14
- 24
0
votes
0 answers
Yahoo purecss horizontal menu
Menu does not work on local pc
As you can see in image htmt on local, the menu is ruleless on my pc...
But when I run the code on codepen https://codepen.io/djary/pen/EGOpYZ it works fine! (all css and js code included).
Pure version: 1.0.0
Browser…
arman
- 649
- 1
- 10
- 27
0
votes
1 answer
Change div order on smaller width screens in YUI Pure CSS
Here's an image of what I'm trying to do in YUI Pure CSS on a smaller width screen:
My HTML is pretty straight forward:
Howard
- 3,648
- 13
- 58
- 86
0
votes
1 answer
CKEditor hide table border
I have full-page CKEditor, which is use to edit my Invoices.
My CSS have table border property, and I can see it when load HTML source directly in browser.
But CKEditor hide it after open! I even see how it blinks for one second, than fade. Anybody…
Capybarro
- 180
- 2
- 12
0
votes
3 answers
How do you get div to bottom of container with 100% height?
How do you get the div to float to the bottom with 100% height? I've been trying, and searching answers, but nothing is working. I wondered if it was because of Pure, or something else I was doing. Not sure.
Here and image of what I'm trying to…
user2296112
- 146
- 1
- 10
0
votes
1 answer
Simplest responsive grid fail
I am trying to create a responsive grid with a single column containing two adjacent boxes. ⅓ columns on the left and ⅔ columns on the right. Here's the non-responsive version on codepen at http://codepen.io/htmlcheats/pen/OWMobO:
tomcam
- 4,625
- 3
- 19
- 22
0
votes
0 answers
Pure css - Nesting forms in 'float:right' dropdown menu item
Two things,
Nesting a form inside a menu item works except it hides again of the
mouse moves from the form div.
This form menu item is right aligned and the form left-most margin
is aligned with the left-most margin of the button so the actual
form…
candronikos
- 159
- 1
- 13
0
votes
3 answers
Pure css pure-menu-heading not aligning with items in Firefox?
Pure css pure-menu-heading not aligning with items in Firefox? To see run this on Firefox,http://purecss.io/layouts/marketing/. 'YOUR SITE' pure-menu-heading is above the pure-menu-item items but aligns well in Chromium and Opera. Also class…
user7339197
- 1,879
- 2
- 9
- 12
0
votes
0 answers
Using splash-container in Pure CSS
i'm using a spash-container this way:
Ciencias de la Legislación
Listado de archivos disponibles. …
federico Guastadisegni
- 131
- 1
- 15
0
votes
0 answers
navbar getting dispositioned in Firefox
I have a simple page file that has a navbar. It works well in all browsers besides Firefox. For some reason, the navbar is pushed down towards my content div. What could be the issue here? I have tried playing around with margin-top but that just…
Tendekai Muchenje
- 440
- 1
- 6
- 20
0
votes
2 answers
CSS to vertically align a button in purecss
i have a button inside a div which is currently at the top of the div. I want to center it vertically inside iths parent div.
.button-login {
background-color: white;
border: 2px solid #01BDE0;
border-radius: 4px;
color:#01BDE0;
…
nidhinpd
- 93
- 1
- 4
0
votes
1 answer
How do I remove the scrollbar of the purecss navbar?
On my website I use pure.css and the navbar consists of more elements than a small screen can display without scrolling. Therefore a scrollbar appears in that case, which I don't want.
I would like the navbar to stay at the top so that the navbar…
Dremet
- 1,008
- 1
- 9
- 23
0
votes
1 answer
Why does PureCSS stack grid divs in Firefox?
I'm attempting to create a grid using PureCSS and have discovered a behavior I don't understand. I want the left part of the grid to take up 1/3 of the page and the right the remaining 2/3:
# index.html
…
Jim
- 13,430
- 26
- 104
- 155
0
votes
0 answers
Pure.CSS collapse responsive grid column to button, and fix maximum possible width
Using Pure.css and Pure's grids-responsive.css is there a way to collapse a grid column to a button once it becomes smaller than a certain width?
Info…
Don Smythe
- 9,234
- 14
- 62
- 105
0
votes
1 answer
Pure.CSS menu heading and menu list on same row
I am using the Pure.css (purecss.io) framework to layout a website. I am using a horizontal menu along the top of the screen. I can't work out how to position menu items to be on the same (first) row as the menu heading. ie in HTML:
Don Smythe
- 9,234
- 14
- 62
- 105