Basic CSS Hacks

Basic-CSS-Hacks.markdown

Basic CSS Hacks

A Pen by Ahmad Awais on CodePen.

License.

style.scss

@import "compass/css3";
/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size: 62.5%;
}

body {
    font: 11px/1.4 'U_reg', Arial, sans-serif;
    color: #444;
    margin: 0;
    background: #2c3e50;
}
/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

a {
    color: #444;
    text-decoration: none;
}

a:hover {
    color: #444;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

input:focus {
    outline: 0;
    border: 1px solid #292929;
}

ol, ul {
    list-style: none;
}