gitextract_5zupg1e5/ ├── .gitignore ├── CHANGELOG.md ├── Gemfile ├── LICENSE ├── README.md ├── Rakefile.rb ├── VERSION ├── compass-recipes.gemspec ├── config.rb ├── docs/ │ ├── img/ │ │ ├── logo/ │ │ │ └── src/ │ │ │ └── compass-recipes.psd │ │ └── ruby.psd │ ├── layout/ │ │ ├── footer.html │ │ └── header.html │ ├── scripts/ │ │ ├── prism/ │ │ │ ├── prism-bash.js │ │ │ ├── prism-ruby.js │ │ │ └── prism-sass.js │ │ ├── prism.js │ │ └── s.js │ └── stylesheets/ │ ├── _share.scss │ ├── prism/ │ │ └── _prism-monokai-soda.scss │ ├── s.css │ └── s.scss ├── index.html ├── javascripts/ │ └── polyfills/ │ └── addEventListener.js ├── lib/ │ ├── compass-recipes/ │ │ ├── sass_extensions/ │ │ │ ├── _error.rb │ │ │ └── background_noise.rb │ │ └── sass_extensions.rb │ └── compass-recipes.rb ├── stylesheets/ │ ├── _recipes.scss │ └── recipes/ │ ├── _animation.scss │ ├── _background.scss │ ├── _color.scss │ ├── _effect.scss │ ├── _font.scss │ ├── _form.scss │ ├── _google-webfont.scss │ ├── _icon-font.scss │ ├── _icons.scss │ ├── _image.scss │ ├── _layout.scss │ ├── _media-queries.scss │ ├── _shadow.scss │ ├── _shape.scss │ ├── _text.scss │ ├── _ui.scss │ ├── _utilities.scss │ ├── animation/ │ │ ├── _animation.scss │ │ ├── _keyframes.scss │ │ └── _timing-function.scss │ ├── background/ │ │ ├── _blueprint-grid.scss │ │ ├── _carbon-fiber.scss │ │ ├── _checkerboard.scss │ │ ├── _cicada-stripes.scss │ │ ├── _gradients.scss │ │ ├── _houndstooth.scss │ │ ├── _lined-paper.scss │ │ ├── _madras.scss │ │ ├── _metal.scss │ │ ├── _noise.scss │ │ ├── _polka-dot.scss │ │ ├── _radial-overlay.scss │ │ ├── _rainbow.scss │ │ ├── _stripes.scss │ │ ├── _tablecloth.scss │ │ └── _tartan.scss │ ├── color/ │ │ ├── _name.scss │ │ ├── _scheme.scss │ │ └── scheme/ │ │ ├── _analog.scss │ │ ├── _complementary.scss │ │ ├── _split.scss │ │ ├── _subtle.scss │ │ ├── _tetra.scss │ │ └── _triad.scss │ ├── effect/ │ │ ├── _bevel.scss │ │ ├── _corner-folded.scss │ │ ├── _corners-tucked.scss │ │ ├── _cutout.scss │ │ ├── _folded-corner.scss │ │ ├── _glass.scss │ │ ├── _ribbon.scss │ │ ├── _scatter.scss │ │ └── _tape.scss │ ├── form/ │ │ ├── _element.scss │ │ ├── _skin.scss │ │ ├── element/ │ │ │ └── _inline.scss │ │ └── skin/ │ │ └── _natural.scss │ ├── image/ │ │ ├── _dimensions.scss │ │ ├── _inline.scss │ │ └── _sprite.scss │ ├── layout/ │ │ ├── _flexible-box-model.scss │ │ ├── _vertical-align.scss │ │ └── vertical-align/ │ │ └── _block.scss │ ├── media-queries/ │ │ ├── _orientation.scss │ │ ├── _resolution.scss │ │ ├── _size.scss │ │ └── size/ │ │ ├── _height.scss │ │ └── _width.scss │ ├── shadow/ │ │ ├── _drop.scss │ │ ├── _top-edge.scss │ │ └── drop/ │ │ ├── _curled-corners.scss │ │ ├── _curved.scss │ │ ├── _flying.scss │ │ ├── _lifted-corners.scss │ │ ├── _perspective.scss │ │ ├── _raised.scss │ │ └── _transform-requirement.scss │ ├── shape/ │ │ ├── _ellipse.scss │ │ ├── _polygon.scss │ │ ├── _symbol.scss │ │ ├── polygon/ │ │ │ ├── _hexagon.scss │ │ │ ├── _octagon.scss │ │ │ ├── _parallelogram.scss │ │ │ ├── _pentagon.scss │ │ │ ├── _rectangle.scss │ │ │ ├── _rhombus.scss │ │ │ ├── _square.scss │ │ │ ├── _star.scss │ │ │ ├── _trapezoid.scss │ │ │ └── _triangle.scss │ │ └── symbol/ │ │ ├── _diamond.scss │ │ ├── _egg.scss │ │ ├── _heart.scss │ │ ├── _infinity.scss │ │ ├── _pacman.scss │ │ └── _yin-yang.scss │ ├── text/ │ │ └── _gradient.scss │ ├── ui/ │ │ ├── _convex.scss │ │ ├── _glossy.scss │ │ ├── _gradient.scss │ │ ├── _keyboard.scss │ │ ├── _menu.scss │ │ ├── _overlay.scss │ │ ├── _separator.scss │ │ ├── _tooltip.scss │ │ ├── border/ │ │ │ └── _bevel.scss │ │ ├── loader/ │ │ │ └── _pulse.scss │ │ └── menu/ │ │ └── _dropdown.scss │ └── utilities/ │ ├── _block-inline-block.scss │ ├── _clearfix.scss │ ├── _list-inline-block.scss │ ├── _position.scss │ ├── _pseudo-element.scss │ └── _relative-position.scss ├── templates/ │ ├── icon-fonts/ │ │ ├── README.md │ │ ├── icons/ │ │ │ ├── broccolidry/ │ │ │ │ └── license.txt │ │ │ ├── cuticons/ │ │ │ │ └── license.txt │ │ │ ├── ecoico/ │ │ │ │ └── license.txt │ │ │ ├── entypo/ │ │ │ │ └── licence │ │ │ ├── fontawesome/ │ │ │ │ └── README.md │ │ │ ├── heydings_controls/ │ │ │ │ └── SIL Open Font License 1.1.txt │ │ │ ├── heydings_icons/ │ │ │ │ └── SIL Open Font License 1.1.txt │ │ │ ├── icomoon/ │ │ │ │ └── License.txt │ │ │ ├── iconic_fill/ │ │ │ │ └── SIL Open Font License 1.1.txt │ │ │ ├── iconic_stroke/ │ │ │ │ └── SIL Open Font License 1.1.txt │ │ │ ├── iconminia/ │ │ │ │ └── license.txt │ │ │ ├── meteocons/ │ │ │ │ └── license.txt │ │ │ ├── modern_pictograms/ │ │ │ │ └── SIL OFL Font License 1.1.txt │ │ │ ├── silkcons/ │ │ │ │ └── license.txt │ │ │ ├── socialico/ │ │ │ │ └── socialico.otf │ │ │ ├── typicons/ │ │ │ │ └── license.txt │ │ │ ├── websymbols/ │ │ │ │ ├── OFL-FAQ.txt │ │ │ │ └── OFL.txt │ │ │ └── wpzoom/ │ │ │ └── license.txt │ │ └── manifest.rb │ └── media-queries-for-js/ │ ├── README.md │ ├── manifest.rb │ └── media-queries.js └── tests/ ├── recipes/ │ ├── background/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── color/ │ │ ├── index.html │ │ ├── s.css │ │ ├── s.scss │ │ └── scheme/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── effect/ │ │ ├── bevel/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── corner-folded/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── corners-tucked/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── cutout/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── glass/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── index.html │ │ ├── ribbon/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ └── scatter/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── form/ │ │ ├── element/ │ │ │ └── inline/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── index.html │ │ └── skin/ │ │ ├── index.html │ │ └── natural/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── google-webfont/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── icon-font/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── image/ │ │ ├── dimensions/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── index.html │ │ ├── inline/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── s.css │ │ ├── s.scss │ │ └── sprite/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── index.html │ ├── layout/ │ │ ├── index.html │ │ └── vertical-align/ │ │ ├── block/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── media-queries/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── s.css │ ├── s.scss │ ├── shadow/ │ │ ├── drop/ │ │ │ ├── curved/ │ │ │ │ ├── index.html │ │ │ │ ├── s.css │ │ │ │ └── s.scss │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ └── index.html │ ├── shape/ │ │ ├── ellipse/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── index.html │ │ ├── polygon/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ ├── s.scss │ │ │ ├── star/ │ │ │ │ ├── index.html │ │ │ │ ├── s.css │ │ │ │ └── s.scss │ │ │ └── triangle/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ └── symbol/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── text/ │ │ ├── gradient/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ └── index.html │ ├── ui/ │ │ ├── convex/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── gradient/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── index.html │ │ ├── keyboard/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── loader/ │ │ │ ├── index.html │ │ │ └── pulse/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── menu/ │ │ │ ├── dropdown/ │ │ │ │ ├── index.html │ │ │ │ ├── s.css │ │ │ │ └── s.scss │ │ │ └── index.html │ │ ├── overlay/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ ├── separator/ │ │ │ ├── index.html │ │ │ ├── s.css │ │ │ └── s.scss │ │ └── tooltip/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ └── utilities/ │ ├── clearfix/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ ├── index.html │ ├── position/ │ │ ├── index.html │ │ ├── s.css │ │ └── s.scss │ └── relative-position/ │ ├── index.html │ ├── s.css │ └── s.scss ├── tests.css └── tests.scss