Permalink
Browse files

Convert examples to scss.

  • Loading branch information...
chriseppstein committed Apr 11, 2010
1 parent 385ae3d commit 2eda8a682208809253b5fa494213c3df2e668642
Showing with 983 additions and 997 deletions.
  1. +0 −3 examples/blueprint_default/src/ie.sass
  2. +3 −0 examples/blueprint_default/src/ie.scss
  3. +0 −3 examples/blueprint_default/src/print.sass
  4. +3 −0 examples/blueprint_default/src/print.scss
  5. +6 −5 examples/blueprint_default/src/{screen.sass → screen.scss}
  6. +0 −49 examples/blueprint_plugins/src/buttons.sass
  7. +47 −0 examples/blueprint_plugins/src/buttons.scss
  8. +0 −3 examples/blueprint_plugins/src/ie.sass
  9. +3 −0 examples/blueprint_plugins/src/ie.scss
  10. +7 −7 examples/blueprint_plugins/src/{link_icons.sass → link_icons.scss}
  11. +0 −3 examples/blueprint_plugins/src/print.sass
  12. +3 −0 examples/blueprint_plugins/src/print.scss
  13. +0 −13 examples/blueprint_plugins/src/rtl_screen.sass
  14. +15 −0 examples/blueprint_plugins/src/rtl_screen.scss
  15. +0 −11 examples/blueprint_plugins/src/screen.sass
  16. +12 −0 examples/blueprint_plugins/src/screen.scss
  17. +0 −4 examples/blueprint_scoped/src/ie.sass
  18. +4 −0 examples/blueprint_scoped/src/ie.scss
  19. +0 −4 examples/blueprint_scoped/src/print.sass
  20. +4 −0 examples/blueprint_scoped/src/print.scss
  21. +0 −5 examples/blueprint_scoped/src/screen.sass
  22. +5 −0 examples/blueprint_scoped/src/screen.scss
  23. +0 −3 examples/blueprint_scoped_form/src/ie.sass
  24. +3 −0 examples/blueprint_scoped_form/src/ie.scss
  25. +0 −3 examples/blueprint_scoped_form/src/print.sass
  26. +3 −0 examples/blueprint_scoped_form/src/print.scss
  27. +0 −10 examples/blueprint_scoped_form/src/screen.sass
  28. +15 −0 examples/blueprint_scoped_form/src/screen.scss
  29. +0 −3 examples/blueprint_semantic/src/ie.sass
  30. +3 −0 examples/blueprint_semantic/src/ie.scss
  31. +0 −69 examples/blueprint_semantic/src/liquid.sass
  32. +69 −0 examples/blueprint_semantic/src/liquid.scss
  33. +0 −3 examples/blueprint_semantic/src/print.sass
  34. +3 −0 examples/blueprint_semantic/src/print.scss
  35. +0 −70 examples/blueprint_semantic/src/screen.sass
  36. +69 −0 examples/blueprint_semantic/src/screen.scss
  37. +0 −47 examples/compass/src/compass.sass
  38. +46 −0 examples/compass/src/compass.scss
  39. +0 −11 examples/compass/src/sticky_footer.sass
  40. +11 −0 examples/compass/src/sticky_footer.scss
  41. +0 −108 examples/compass/src/utilities.sass
  42. +108 −0 examples/compass/src/utilities.scss
  43. +0 −14 examples/css3/src/_base.sass
  44. +13 −0 examples/css3/src/_base.scss
  45. +0 −7 examples/css3/src/fancy-fonts.sass
  46. +7 −0 examples/css3/src/fancy-fonts.scss
  47. +0 −69 examples/css3/src/gradients.sass
  48. +77 −0 examples/css3/src/gradients.scss
  49. +0 −108 examples/css3/src/main.sass
  50. +110 −0 examples/css3/src/main.scss
  51. +0 −6 examples/logo/src/ie.sass
  52. +5 −0 examples/logo/src/ie.scss
  53. +0 −6 examples/logo/src/print.sass
  54. +3 −0 examples/logo/src/print.scss
  55. +0 −29 examples/logo/src/screen.sass
  56. +28 −0 examples/logo/src/screen.scss
  57. +1 −0 examples/ninesixty/config.rb
  58. +0 −16 examples/ninesixty/src/grid.sass
  59. +15 −0 examples/ninesixty/src/grid.scss
  60. +0 −10 examples/ninesixty/src/text.sass
  61. +8 −0 examples/ninesixty/src/text.scss
  62. +1 −0 examples/susy/config.rb
  63. +19 −20 examples/susy/src/{_base.sass → _base.scss}
  64. +0 −148 examples/susy/src/_defaults.sass
  65. +140 −0 examples/susy/src/_defaults.scss
  66. +0 −114 examples/susy/src/screen.sass
  67. +100 −0 examples/susy/src/screen.scss
  68. +1 −0 examples/yui/config.rb
  69. +0 −13 examples/yui/src/screen.sass
  70. +13 −0 examples/yui/src/screen.scss
@@ -1,3 +0,0 @@
-@import blueprint.sass
-
-+blueprint-ie
@@ -0,0 +1,3 @@
+@import "blueprint";
+
+@include blueprint-ie;
@@ -1,3 +0,0 @@
-@import blueprint.sass
-
-+blueprint-print
@@ -0,0 +1,3 @@
+@import "blueprint";
+
+@include blueprint-print;
@@ -1,8 +1,9 @@
-@import blueprint.sass
-@import blueprint/scaffolding.sass
-@import compass/reset.sass
+@import "blueprint";
+@import "blueprint/scaffolding";
+@import "compass/reset";
+
+@include blueprint;
-+blueprint
// Remove the scaffolding when you're ready to start doing visual design.
// Or leave it in if you're happy with how blueprint looks out-of-the-box
-+blueprint-scaffolding
+@include blueprint-scaffolding;
@@ -1,49 +0,0 @@
-@import compass/utilities/general/float.sass
-@import blueprint/buttons.sass
-
-//
- Use the following HTML code to place the buttons on your site:
-
- <button type="submit" class="button positive">
- <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
- </button>
-
- <a class="button" href="/password/reset/">
- <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
- </a>
-
- <a href="#" class="button negative">
- <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
- </a>
-
-a.button
- // you can pass "left" or "right" to +anchor-button to float it in that direction
- // or you can pass no argument to leave it inline-block (cross browser safe!) within
- // the flow of your page.
- +anchor-button("left")
- // All the button color mixins take 4 optional arguments:
- // font color, background color, border color, border highlight color
- // the first three default to constants set in blueprint/buttons.sass
- // the last one defaults to a shade lighter than the border color.
- +button-colors
- +button-hover-colors
- +button-active-colors
-
-button
- // The +button-button mixin is just like the +anchor-button mixin, but for <button> elements.
- +button-button("left")
- +button-colors
- +button-hover-colors
- +button-active-colors
-
-// We can change the colors for buttons of certain classes, etc.
-a.positive, button.positive
- :color #529214
- +button-hover-colors(#529214, #E6EFC2, #C6D880)
- +button-active-colors(#FFF, #529214, #529214)
-
-a.negative, button.negative
- :color #D12F19
- +button-hover-colors(#D12F19, #FBE3E4, #FBC2C4)
- +button-active-colors(#FFF, #D12F19, #D12F19)
-
@@ -0,0 +1,47 @@
+@import "compass/utilities/general/float";
+@import "blueprint/buttons";
+
+// Use the following HTML code to place the buttons on your site:
+//
+// <button type="submit" class="button positive">
+// <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
+// </button>
+//
+// <a class="button" href="/password/reset/">
+// <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
+// </a>
+//
+// <a href="#" class="button negative">
+// <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
+// </a>
+
+a.button {
+ // you can pass "left" or "right" to +anchor-button to float it in that direction
+ // or you can pass no argument to leave it inline-block (cross browser safe!) within
+ // the flow of your page.
+ @include anchor-button(left);
+ // All the button color mixins take 4 optional arguments:
+ // font color, background color, border color, border highlight color
+ // the first three default to constants set in blueprint/buttons
+ // the last one defaults to a shade lighter than the border color.
+ @include button-colors;
+ @include button-hover-colors;
+ @include button-active-colors; }
+
+button {
+ // The +button-button mixin is just like the +anchor-button mixin, but for <button> elements.
+ @include button-button(left);
+ @include button-colors;
+ @include button-hover-colors;
+ @include button-active-colors; }
+
+// We can change the colors for buttons of certain classes, etc.
+a.positive, button.positive {
+ color: #529214;
+ @include button-hover-colors(#529214, #e6efc2, #c6d880);
+ @include button-active-colors(white, #529214, #529214); }
+
+a.negative, button.negative {
+ color: #d12f19;
+ @include button-hover-colors(#d12f19, #fbe3e4, #fbc2c4);
+ @include button-active-colors(white, #d12f19, #d12f19); }
@@ -1,3 +0,0 @@
-@import blueprint.sass
-
-+blueprint-ie
@@ -0,0 +1,3 @@
+@import "blueprint";
+
+@include blueprint-ie;
@@ -1,13 +1,13 @@
-@import blueprint/link_icons.sass
+@import "blueprint/link-icons";
// 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
+body {
+ @include link-icons;
// Use this class if a link gets an icon when it shouldn't.
- a.noicon
- +no-link-icon
+ a.noicon {
+ @include 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")
+ a#this-is-a-pdf-link {
+ @include link-icon(unquote("pdf.png")); } }
@@ -1,3 +0,0 @@
-@import blueprint.sass
-
-+blueprint-print
@@ -0,0 +1,3 @@
+@import "blueprint";
+
+@include blueprint-print;
@@ -1,13 +0,0 @@
-@import blueprint.sass
-@import blueprint/fancy_type.sass
-@import blueprint/scaffolding.sass
-@import blueprint/rtl.sass
-@import compass/reset.sass
-
-
-+blueprint
-+rtl-typography
-+fancy-type
-// Remove the scaffolding when you're ready to start doing visual design.
-// Or leave it in if you're happy with how blueprint looks out-of-the-box
-+blueprint-scaffolding
@@ -0,0 +1,15 @@
+@import "blueprint";
+@import "blueprint/fancy-type";
+@import "blueprint/scaffolding";
+@import "blueprint/rtl";
+@import "compass/reset";
+
+@include blueprint;
+
+@include rtl-typography;
+
+@include fancy-type;
+
+// Remove the scaffolding when you're ready to start doing visual design.
+// Or leave it in if you're happy with how blueprint looks out-of-the-box
+@include blueprint-scaffolding;
@@ -1,11 +0,0 @@
-@import blueprint.sass
-@import blueprint/fancy_type.sass
-@import blueprint/scaffolding.sass
-@import compass/reset.sass
-
-
-+blueprint
-+fancy-type
-// Remove the scaffolding when you're ready to start doing visual design.
-// Or leave it in if you're happy with how blueprint looks out-of-the-box
-+blueprint-scaffolding
@@ -0,0 +1,12 @@
+@import "blueprint";
+@import "blueprint/fancy-type";
+@import "blueprint/scaffolding";
+@import "compass/reset";
+
+@include blueprint;
+
+@include fancy-type;
+
+// Remove the scaffolding when you're ready to start doing visual design.
+// Or leave it in if you're happy with how blueprint looks out-of-the-box
+@include blueprint-scaffolding;
@@ -1,4 +0,0 @@
-@import blueprint.sass
-
-body.bp
- +blueprint-ie(true)
@@ -0,0 +1,4 @@
+@import "blueprint";
+
+body.bp {
+ @include blueprint-ie(true); }
@@ -1,4 +0,0 @@
-@import blueprint.sass
-
-body.bp
- +blueprint-print(true)
@@ -0,0 +1,4 @@
+@import "blueprint";
+
+body.bp {
+ @include blueprint-print(true); }
@@ -1,5 +0,0 @@
-@import blueprint.sass
-@import compass/reset.sass
-
-body.bp
- +blueprint(true)
@@ -0,0 +1,5 @@
+@import "blueprint";
+@import "compass/reset";
+
+body.bp {
+ @include blueprint(true); }
@@ -1,3 +0,0 @@
-@import blueprint.sass
-
-+blueprint-ie
@@ -0,0 +1,3 @@
+@import "blueprint";
+
+@include blueprint-ie;
@@ -1,3 +0,0 @@
-@import blueprint.sass
-
-+blueprint-print
@@ -0,0 +1,3 @@
+@import "blueprint";
+
+@include blueprint-print;
@@ -1,10 +0,0 @@
-@import blueprint.sass
-@import compass/reset.sass
-
-+blueprint-grid
-+blueprint-typography
-+blueprint-utilities
-+blueprint-debug
-+blueprint-interaction
-form.blueprint
- +blueprint-form
@@ -0,0 +1,15 @@
+@import "blueprint";
+@import "compass/reset";
+
+@include blueprint-grid;
+
+@include blueprint-typography;
+
+@include blueprint-utilities;
+
+@include blueprint-debug;
+
+@include blueprint-interaction;
+
+form.blueprint {
+ @include blueprint-form; }
@@ -1,3 +0,0 @@
-@import blueprint.sass
-
-+blueprint-ie
@@ -0,0 +1,3 @@
+@import "blueprint";
+
+@include blueprint-ie;
@@ -1,69 +0,0 @@
-@import blueprint.sass
-@import blueprint/fancy_type.sass
-@import blueprint/scaffolding.sass
-@import blueprint/liquid.sass
-@import compass/reset.sass
-
-.container
- +container
-
-body.blueprint
- +blueprint-typography(true)
- +blueprint-scaffolding-body
- hr
- +colruler
- hr.space
- +colspacer
- img#w3c
- :margin-top 0
- :padding-top 0
-
-body#index
- #page-header
- +span(6)
- #files-header
- +span(8)
- #description-header
- +span(10)
- #info
- +box
- ul
- :margin-bottom 0
- :padding-bottom 0
-
-body#sample
- +fancy-paragraphs
- h2
- +alt
- #first-box
- +column(7)
- +colborder
- #another-box
- +column(8)
- +colborder
- #aligned-box
- +column(7, true)
- #main
- +column(15)
- +prepend(1)
- +colborder
- img#test
- +pull(1)
- :margin-top 0
- :padding-top 0
- em.caps
- +reset-font
- +caps
- #nested-1
- +column(7)
- +colborder
- #nested-2
- +column(7, true)
- #sidebar
- +column(7, true)
- h3
- em
- +reset-font
- +alt
- #parting-thought
- +alt
Oops, something went wrong.

0 comments on commit 2eda8a6

Please sign in to comment.