Compile SASS to style.css (considering you already have installed compass I think)
sass --watch style.scss:../style.css
Categories
Tag: css
“Can I use” provides up-to-date browser support tables for support
of front-end web technologies on desktop and mobile web browsers.
Categories
Disabling a Link With CSS
.unlink {
pointer-events: none;
cursor: default;
}
Categories
Turn Images to Grayscale with CSS
img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url(“data:image/svg+xml;utf8,<svg version=‘1.1’ xmlns=’http://www.w3.org/2000/svg’ height=’0’><filter id=’greyscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’ /></filter></svg>#greyscale”);
}
-webkit-backface-visibility: hidden;
Categories
Hiding Empty Elements with CSS
.slide_content:empty { display: none; }
Categories
CSS Tools: Reset CSS
Eric Meyer’s reset: “The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on.”
Categories
Background Image Overflowing its Own Div
#box { background: url(zzz.jpeg); padding-left: 10px; margin-left: -10px; }
Categories
Remove iOS text resizing
p { -webkit-text-size-adjust: none; }
Rod Tech Blog 