Skip to content

Instantly share code, notes, and snippets.

View bernatfortet's full-sized avatar

Bernat Fortet bernatfortet

View GitHub Profile
@bernatfortet
bernatfortet / hcss.css
Last active October 10, 2015 22:08
HCSS Styling
=== HCSS Code Styling ===
1. Inline Styles ------------------------------------------------------------------
.content{ width:100px; height:100px; display:block; position:relative; left:-5px; top:-5px; float:none; margin:0; padding:20px; background:transparent url("../images/bkg.jpg") no-repeat center center; color:#000; ....}
Order --> Widht - Height / Display / Position / left, right, top, bottom / float / margins / paddings / background / color / text types / CSS3 features (text-shadow/ border radius / box-shadow) / opacity / overflow / z-index
basically is:
1 - dimensions/structural/positioning - background and font style - the rest
.class{ color:red;}