Skip to content

Instantly share code, notes, and snippets.

View flow-css-simplified-example.css
// Incorrect:
#sidebar {
background-color: #fff;
background-image: (bg.png);
background-position: 0 0;
}
// Correct:
#sidebar {
background: #fff url(bg.png) repeat-x 0 0;
View flow-css-alphabetical-order-example.css
.alert {
background-color: #eee; /* temporarily put here */
border: 1px solid #ccc;
display: block;
font-size: 10px;
padding: 5px 10px;
}
.box {
top: 0;
View flow-css-disable-rule-example.css
.alert {
border: 1px solid #ccc;
padding: 5px 10px;
font-size: 10px;
x-display: block; /* disabled */
}
View flow-css-test-styles-example.css
.alert {
border: 1px solid #ccc;
padding: 5px 10px;
font-size: 10px;
display: block;
background-color: #eee; /* temporarily put here */
}
View flow-css-multiline-example.css
.alert {
border: 1px solid #ccc;
padding: 5px 10px;
font-size: 10px;
display: block;
}
.alert__error { color: red; }
View flow-css-section-header-example.css
/** -------------------------
=Header
-------------------------- */
View flow-css-file-header-example.css
/**
file: theme.css
description: Common theme styles
date-created: February 28, 2017
date-modified: March 01, 2017
authors:
- _thinkholic
- Ind
includes:
- Header
View flow-css-file-directory-structure-example
css/
vendor/
xyz/
xyz.min.css
sass/
header.sass
theme.sass
sidebar.sass
final.css