diff --git a/examples/blueprint_plugins/config.rb b/examples/blueprint_plugins/config.rb new file mode 100644 index 00000000..fe37a489 --- /dev/null +++ b/examples/blueprint_plugins/config.rb @@ -0,0 +1,9 @@ +# Require any additional compass plugins here. +project_type = :stand_alone +css_dir = "stylesheets" +sass_dir = "src" +images_dir = "images" +output_style = :compact +# To enable relative image paths using the images_url() function: +# http_images_path = :relative +http_images_path = :relative diff --git a/examples/blueprint_plugins/images/link_icons/doc.png b/examples/blueprint_plugins/images/link_icons/doc.png new file mode 100644 index 00000000..834cdfaf Binary files /dev/null and b/examples/blueprint_plugins/images/link_icons/doc.png differ diff --git a/examples/blueprint_plugins/images/link_icons/email.png b/examples/blueprint_plugins/images/link_icons/email.png new file mode 100644 index 00000000..7348aed7 Binary files /dev/null and b/examples/blueprint_plugins/images/link_icons/email.png differ diff --git a/examples/blueprint_plugins/images/link_icons/external.png b/examples/blueprint_plugins/images/link_icons/external.png new file mode 100644 index 00000000..cf1cfb42 Binary files /dev/null and b/examples/blueprint_plugins/images/link_icons/external.png differ diff --git a/examples/blueprint_plugins/images/link_icons/feed.png b/examples/blueprint_plugins/images/link_icons/feed.png new file mode 100644 index 00000000..315c4f4f Binary files /dev/null and b/examples/blueprint_plugins/images/link_icons/feed.png differ diff --git a/examples/blueprint_plugins/images/link_icons/im.png b/examples/blueprint_plugins/images/link_icons/im.png new file mode 100644 index 00000000..79f35ccb Binary files /dev/null and b/examples/blueprint_plugins/images/link_icons/im.png differ diff --git a/examples/blueprint_plugins/images/link_icons/pdf.png b/examples/blueprint_plugins/images/link_icons/pdf.png new file mode 100644 index 00000000..8f8095e4 Binary files /dev/null and b/examples/blueprint_plugins/images/link_icons/pdf.png differ diff --git a/examples/blueprint_plugins/images/link_icons/visited.png b/examples/blueprint_plugins/images/link_icons/visited.png new file mode 100644 index 00000000..ebf206de Binary files /dev/null and b/examples/blueprint_plugins/images/link_icons/visited.png differ diff --git a/examples/blueprint_plugins/images/link_icons/xls.png b/examples/blueprint_plugins/images/link_icons/xls.png new file mode 100644 index 00000000..b977d7e5 Binary files /dev/null and b/examples/blueprint_plugins/images/link_icons/xls.png differ diff --git a/examples/blueprint_plugins/index.html b/examples/blueprint_plugins/index.html index 418b4ff6..7c6d34a6 100644 --- a/examples/blueprint_plugins/index.html +++ b/examples/blueprint_plugins/index.html @@ -42,6 +42,13 @@ A simple page, showing links and buttons styled using the button plugin. + + Link Icons + + grid.sass, + + A simple page, showing links icons. +

Note about the css files: diff --git a/examples/blueprint_plugins/parts/link_icons.html b/examples/blueprint_plugins/parts/link_icons.html new file mode 100644 index 00000000..94bb0b11 --- /dev/null +++ b/examples/blueprint_plugins/parts/link_icons.html @@ -0,0 +1,59 @@ + + + + + + Blueprint Link Icons Sample Page + + + + + + + + + + +

+

A Link Icons Example Page

+
+

This sample page demonstrates what you can do with the Link Icons plugin.

+
+ +
+

External Links

+ A Normal External Link + A Visited External Link + An Email Link +
+ +
+

Document Links

+ A .pdf Link + A .doc Link + A .xls Link +
+ +
+

Misc Links

+ An RSS Link + An Atom Link + A Instant Messenger Link +
+ +
+

Turning Icons Off

+ A Normal External Link + A Visited External Link + An Email Link +
+ +
+

+ Valid HTML 4.01 Strict

+
+
+ + + diff --git a/examples/blueprint_plugins/src/link_icons.sass b/examples/blueprint_plugins/src/link_icons.sass new file mode 100644 index 00000000..a095e833 --- /dev/null +++ b/examples/blueprint_plugins/src/link_icons.sass @@ -0,0 +1,13 @@ +@import blueprint/modules/link_icons.sass + +// This turns link icons on for all links. You can change the scoping selector from +// body to something more specific if you prefer. +body + +link-icons + // Use this class if a link gets an icon when it shouldn't. + a.noicon + +no-link-icon + // Not all links have a url structure that can be detected, + // So you can set them explicitly yourself like so: + a#this-is-a-pdf-link + +link-icon("pdf.png")