FAQ Database Discussion Community


Weird behavior in Firefox using :after and float:right inside of a yui-purecss button

css,yui-pure-css
JsFiddle: http://jsfiddle.net/9opb4n03/1/ HTML: <html lang="en"> <head> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css"> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css"> </head> <body > <a class="pure-button" href="#"><span>BUTTON</span></a><a class="pure-button" href="#">Button Text</a><a class="pure-button" href="#">Another Button</a> </body> </html>...

phantomjs not honouring box-sizing

css,phantomjs,yui-pure-css
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 1024x768): I'm a little rusty on my CSS skills, but my gut feeling...

purecss pure-menu-item doesn't work properly

html,css,yui-pure-css
This menu code is the first example in http://purecss.io/menus/. Yet it works bad :( Each <li> 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 why. (Here when you run it works...

make table adapt screen width // purecss

html,forms,responsive-design,yui-pure-css
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 table fits...

How can I prevent navigation rendering as list before the CSS and Javascript are applied?

javascript,jquery,css,dom,yui-pure-css
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 the list as normal html before...

Sticky footer with purecss

css3,yui-pure-css
I want to achieve a sticky footer so the footer is at the bottom of the window even if the page content is short, but will be pushed down on pages with longer content (like this). I am using YUI purecss on the page, but the pure-g div in the...

Pure-CSS grid default code won't work

html,css,yui-pure-css
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: <div class="pure-g"> <div class="pure-u-1 pure-u-md-1-3"> ... </div> <div class="pure-u-1 pure-u-md-1-3"> ......

PureCSS Grid not centered on Firefox

css,yui-pure-css
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 can see that my...