In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.
For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.
| $gutter: 10px; | |
| $grid-unit: 60px; | |
| %clearfix { | |
| *zoom: 1; | |
| &:after { | |
| content: "\0020"; | |
| display: block; | |
| height: 0; | |
| clear: both; |
| /* | |
| * HTML5 ✰ Boilerplate | |
| * | |
| * What follows is the result of much research on cross-browser styling. | |
| * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, | |
| * Kroc Camen, and the H5BP dev community and team. | |
| * | |
| * Detailed information about this CSS: h5bp.com/css | |
| * | |
| * ==|== normalize ========================================================== |
pandora’s vox: on community in cyberspace
by humdog (1994)
when i went into cyberspace i went into it thinking that it was a place like any other place and that it would be a human interaction like any other human interaction. i was wrong when i thought that. it was a terrible mistake.
the very first understanding that i had that it was not a place like any place and that the interaction would be different was when people began to talk to me as though i were a man. when they wrote about me in the third person, they would say “he.” it interested me to have people think i was “he” instead of “she” and so at first i did not say anything. i grinned and let them think i was “he.” this went on for a little while and it was fun but after a while i was uncomfortable. finally i said unto them that i, humdog, was a woman and not a man. this surprised them. at that moment i realized that the dissolution of gender-category was something that was happening everywhere, and perhaps it was only just very obvious on the ne
I'm trying to make a horizontal rainbow stripe background gradient mixin, but I feel like this is way too verbose. How can it be better?
Goals:
Pure SASS-adaption of Lea Verou's contrast-ratio javascript. Can be useful when eg. generating colored buttons from a single supplied color as you can then check which out of a couple of text colors would give the best contrast.
This script currently lacks the support for alpha-transparency that Lea supports in her script though.
In addition to the color-contrast adaption there's also some math methods that were needed to be able to calculate the exponent of a number and especially so when the exponent is a decimal number. A 2.4 exponent is used to calculate the luminance of a color and calculating such a thing is not something that SASS supports out of the box and not something I found a good pure-SASS script for calculating and I much prefer pure-SASS over ruby extensions. The math methods might perhaps be unecessary though if you're running Compass or similar as they may provide compatible math methods themselves.
Normal usage: `color: pick_best_color(#f00
| $base-font-size: 16px; | |
| $base-line-height: 1.5; | |
| // this value may vary for each font | |
| // unitless value relative to 1em | |
| $cap-height: 0.68; | |
| @mixin baseline($font-size, $scale: 2) { |
| class Middleman::Extensions::DirManager < Middleman::Extension | |
| register :dir_manager | |
| option :dirs, {source: 'pages', destination: '', add: [], remove: ['', 'pages']} | |
| def manipulate_resource_list resources | |
| [options.dirs].flatten.each do |opts| | |
| # Remove pages if specified | |
| opts[:remove].each do |dir| | |
| resources.reject! do |page| | |
| Dir.glob(normalise(dir) + '/*', File::FNM_DOTMATCH).include? page.source_file |
SassDoc allows to document Sass items: functions, mixins, variables, placeholders.
No CSS selectors.
It uses a similar system as JSDoc, based on comments and annotations.
You can choose between two types of comments.
Inline comments (3 slashes):
///
///