percentage values are relative to the nearest ancestor element
viewport units are always relative to the browser window1. Using another domain name means that you'll be able to not have the cookies that are used on the main domain - which means that HTTP requests will be smaller
2. No need for a full PHP/.NET/JAVA server to serve static content!
3. Use another machine to serve the static content (Including some CDN)
4. Use another web-server to serve the static content (something more lightweight and faster)npm install -g sassThen we can compile .scss file:sass source/stylesheets/index.scss build/stylesheets/index.css- and underscores _ are identical.
This means that $font-size and $font_size both refer to the same variable.box {
width: 300px * 2;
}.box {
width: 500px / 2;
}.box {
width: 100px + 200px;
}@mixin for-phone-only {
@media (max-width: 599px) { @content; }
}After declaring for-phone-only mixin, we can write the following Sass code:.header-title {
font-size: 15px;
@include for-phone-only {
font-size: 18px;
}
}