diff --git a/examples/compass/config.rb b/examples/compass/config.rb index bbb651ed..9c3646d5 100644 --- a/examples/compass/config.rb +++ b/examples/compass/config.rb @@ -5,3 +5,4 @@ sass_dir = "src" images_dir = "images" output_style = :compact relative_assets = true +line_comments = false diff --git a/examples/compass/images/.gitignore b/examples/compass/images/.gitignore index 266ce3ac..6bdf2a8d 100644 --- a/examples/compass/images/.gitignore +++ b/examples/compass/images/.gitignore @@ -1 +1,2 @@ flag-*.png +emblem-*.png diff --git a/examples/compass/images/emblem/favorite.png b/examples/compass/images/emblem/favorite.png new file mode 100644 index 00000000..8482a047 Binary files /dev/null and b/examples/compass/images/emblem/favorite.png differ diff --git a/examples/compass/images/emblem/important.png b/examples/compass/images/emblem/important.png new file mode 100644 index 00000000..260bd900 Binary files /dev/null and b/examples/compass/images/emblem/important.png differ diff --git a/examples/compass/images/emblem/photos.png b/examples/compass/images/emblem/photos.png new file mode 100644 index 00000000..3e991907 Binary files /dev/null and b/examples/compass/images/emblem/photos.png differ diff --git a/examples/compass/images/emblem/readonly.png b/examples/compass/images/emblem/readonly.png new file mode 100644 index 00000000..1e6e08fb Binary files /dev/null and b/examples/compass/images/emblem/readonly.png differ diff --git a/examples/compass/images/emblem/symbolic-link.png b/examples/compass/images/emblem/symbolic-link.png new file mode 100644 index 00000000..7ee44a05 Binary files /dev/null and b/examples/compass/images/emblem/symbolic-link.png differ diff --git a/examples/compass/images/emblem/system.png b/examples/compass/images/emblem/system.png new file mode 100644 index 00000000..aed44b10 Binary files /dev/null and b/examples/compass/images/emblem/system.png differ diff --git a/examples/compass/images/emblem/unreadable.png b/examples/compass/images/emblem/unreadable.png new file mode 100644 index 00000000..9e74190f Binary files /dev/null and b/examples/compass/images/emblem/unreadable.png differ diff --git a/examples/compass/sprites.html.haml b/examples/compass/sprites.html.haml index 32a3d771..c33bdc72 100644 --- a/examples/compass/sprites.html.haml +++ b/examples/compass/sprites.html.haml @@ -21,3 +21,17 @@ %td.tw %td.rs %td.gb + %h1 Emblems + %table#emblems + %tr + %td.favorite + %td.important + %td.photos + %tr + %td.readonly + %td.symbolic-link + %td.system + %tr + %td.unreadable + %td + %td diff --git a/examples/compass/src/sprites.scss b/examples/compass/src/sprites.scss index 24e8d2bb..e791f095 100644 --- a/examples/compass/src/sprites.scss +++ b/examples/compass/src/sprites.scss @@ -1,5 +1,5 @@ -$flag-position: 2px; @import "flag/*.png"; +@import "emblem/*.png"; .flag-sprite { width: image-width("flag/us.png"); @@ -7,6 +7,19 @@ $flag-position: 2px; padding: 0; } +.emblem-sprite { + width: image-width("emblem/favorite.png"); + height: image-height("emblem/favorite.png"); + padding: 0; +} + #flags { - @include sprites($flag-sprites, us de ca au cn cz nz jp scotland tw rs gb, $flag-sprite-base-class, $prefix: false); + @include sprites($flag-sprites, + us de ca au cn cz nz jp scotland tw rs gb, + $flag-sprite-base-class, + $prefix: false); +} + +#emblems { + @include all-emblem-sprites($prefix: false); } \ No newline at end of file