Adding CSS to the Style Guide
SCSS
@css:
.example {
color: red;
}
const Config = require('../lib/config') | |
const Document = require('../lib/document') | |
const config = new Config() | |
config.commands[':'] = function (pi) { | |
pi.renderer.config.parseInfoString(pi.content.trim(), pi) | |
} | |
config.addInfoStringParser(/#([^ ]+)/, function (match, id) { |
const Config = require('../lib/config') | |
const Document = require('../lib/document') | |
const config = new Config() | |
config.commands[':'] = function (pi) { | |
pi.renderer.config.parseInfoString(pi.content.trim(), pi) | |
} | |
config.commands['lol'] = function (pi) { |
cd Documents | |
git clone git@github.com:hagenburger/glyphs-export-and-install.git | |
cd glyphs-export-and-install | |
ln -s "`pwd`/Export-and-install.py" ~/Library/Application\ Support/Glyphs/Scripts |
Respektierte Nico Hagenburger, | |
Die World Heath Organization freut sich, Sie zur Teilnahme an der kommenden Internationalen Konferenz über Kindesmissbrauch, HIV / AIDS, Rassismus und Menschenhandel einzuladen. Dieses Ereignis beginnt vom 9. bis 22. Februar 2017 in Kalifornien, den Vereinigten Staaten von Amerika und (16.-19. März 2017) in Santa Maria, Sal, Kapverdische Insel. Es ist mir eine Ehre, Sie als Gast einzuladen. | |
Ihre E-Mail-Adresse wurde als die einzige zugelassene E-Mail aus Ihrem Land nominiert, um für die 2017 International Conference zu qualifizieren. Daher sind Sie glücklich, weil Sie eine Barzahlung von $ 850,000.00USD und ein offizielles Auto erhalten, um Ihnen bei der Arbeit mit der WHO USA als ein Kampf gegen AIDS-Vertreter in Ihrem Land. |
@sass colors.scss | |
@style background-color: change-color($turquoise, $lightness: 98%) | |
@style color: $pink | |
# Colors | |
No you can use Sass functions in color swatches: | |
@colors { |
$name: "world"; | |
// works: | |
.#{$name} { | |
test: test; | |
} | |
// fails: | |
.-#{$name} { | |
test: test; |
%html | |
%head | |
= style_css | |
= style_javascript | |
= style_template :layout do | |
= style_template :navigation, root_url: "/", items: [{ url: "/", text: "Home"}, { url: xyz_path(@abc), text: "XYZ" }]) | |
= style_template :cover, date: "...", location: "..." | |
= style_template :team, items: data.team | |
= style_template :footer, ... |
@css:
.example {
color: red;
}
[alias] | |
ci = commit -pm | |
last = log -1 HEAD | |
st = status | |
nb = checkout -b | |
co = checkout | |
cog = "!cog() { git checkout `git branch|grep $1`; }; cog" | |
cp = cherry-pick | |
amend = commit --amend -p -CHEAD | |
rb = rebase |
config.assets.precompile.clear | |
precompiled_extensions = %w(.html .css .js .png .gif .jpg .svg .woff .woff2 .eot .ttf) | |
config.assets.precompile.push(Proc.new { |path| | |
File.extname(path).in?(precompiled_extensions) and not path =~ /^_|\/_/ | |
}) |