Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

basic changes for new layout

  • Loading branch information...
commit 7acfaf76c0f0184e093e1d6d8810cd0f95c6ff3f 1 parent a2fdb53
Christian Bertschy authored
Showing with 9,533 additions and 1 deletion.
  1. +3,326 −0 cms/static/cms/css/django-cms-admin.css
  2. +4 −0 cms/static/cms/css/ie.css
  3. BIN  cms/static/cms/fonts/django-admin-icons.eot
  4. +33 −0 cms/static/cms/fonts/django-admin-icons.svg
  5. BIN  cms/static/cms/fonts/django-admin-icons.ttf
  6. BIN  cms/static/cms/fonts/django-admin-icons.woff
  7. BIN  cms/static/cms/images/bg-pattern-light.jpg
  8. +3 −0  cms/static/cms/sass/_compass.scss
  9. +17 −0 cms/static/cms/sass/compass/_css3.scss
  10. +3 −0  cms/static/cms/sass/compass/_layout.scss
  11. +3 −0  cms/static/cms/sass/compass/_reset-legacy.scss
  12. +3 −0  cms/static/cms/sass/compass/_reset.scss
  13. +36 −0 cms/static/cms/sass/compass/_support.scss
  14. +4 −0 cms/static/cms/sass/compass/_typography.scss
  15. +9 −0 cms/static/cms/sass/compass/_utilities.scss
  16. +13 −0 cms/static/cms/sass/compass/css3/_appearance.scss
  17. +43 −0 cms/static/cms/sass/compass/css3/_background-clip.scss
  18. +42 −0 cms/static/cms/sass/compass/css3/_background-origin.scss
  19. +26 −0 cms/static/cms/sass/compass/css3/_background-size.scss
  20. +135 −0 cms/static/cms/sass/compass/css3/_border-radius.scss
  21. +93 −0 cms/static/cms/sass/compass/css3/_box-shadow.scss
  22. +13 −0 cms/static/cms/sass/compass/css3/_box-sizing.scss
  23. +111 −0 cms/static/cms/sass/compass/css3/_box.scss
  24. +60 −0 cms/static/cms/sass/compass/css3/_columns.scss
  25. +33 −0 cms/static/cms/sass/compass/css3/_font-face.scss
  26. +99 −0 cms/static/cms/sass/compass/css3/_gradient.scss
  27. +132 −0 cms/static/cms/sass/compass/css3/_images.scss
  28. +16 −0 cms/static/cms/sass/compass/css3/_inline-block.scss
  29. +19 −0 cms/static/cms/sass/compass/css3/_opacity.scss
  30. +73 −0 cms/static/cms/sass/compass/css3/_pie.scss
  31. +38 −0 cms/static/cms/sass/compass/css3/_shared.scss
  32. +62 −0 cms/static/cms/sass/compass/css3/_text-shadow.scss
  33. +87 −0 cms/static/cms/sass/compass/css3/_transform-legacy.scss
  34. +598 −0 cms/static/cms/sass/compass/css3/_transform.scss
  35. +119 −0 cms/static/cms/sass/compass/css3/_transition.scss
  36. +19 −0 cms/static/cms/sass/compass/css3/_user-interface.scss
  37. +178 −0 cms/static/cms/sass/compass/layout/_grid-background.scss
  38. +23 −0 cms/static/cms/sass/compass/layout/_sticky-footer.scss
  39. +24 −0 cms/static/cms/sass/compass/layout/_stretching.scss
  40. +135 −0 cms/static/cms/sass/compass/reset/_utilities-legacy.scss
  41. +140 −0 cms/static/cms/sass/compass/reset/_utilities.scss
  42. +3 −0  cms/static/cms/sass/compass/typography/_links.scss
  43. +4 −0 cms/static/cms/sass/compass/typography/_lists.scss
  44. +4 −0 cms/static/cms/sass/compass/typography/_text.scss
  45. +202 −0 cms/static/cms/sass/compass/typography/_vertical_rhythm.scss
  46. +5 −0 cms/static/cms/sass/compass/typography/links/_hover-link.scss
  47. +28 −0 cms/static/cms/sass/compass/typography/links/_link-colors.scss
  48. +7 −0 cms/static/cms/sass/compass/typography/links/_unstyled-link.scss
  49. +34 −0 cms/static/cms/sass/compass/typography/lists/_bullets.scss
  50. +61 −0 cms/static/cms/sass/compass/typography/lists/_horizontal-list.scss
  51. +50 −0 cms/static/cms/sass/compass/typography/lists/_inline-block-list.scss
  52. +44 −0 cms/static/cms/sass/compass/typography/lists/_inline-list.scss
  53. +25 −0 cms/static/cms/sass/compass/typography/text/_ellipsis.scss
  54. +12 −0 cms/static/cms/sass/compass/typography/text/_force-wrap.scss
  55. +2 −0  cms/static/cms/sass/compass/typography/text/_nowrap.scss
  56. +34 −0 cms/static/cms/sass/compass/typography/text/_replacement.scss
  57. +1 −0  cms/static/cms/sass/compass/utilities/_color.scss
  58. +6 −0 cms/static/cms/sass/compass/utilities/_general.scss
  59. +5 −0 cms/static/cms/sass/compass/utilities/_links.scss
  60. +6 −0 cms/static/cms/sass/compass/utilities/_lists.scss
  61. +17 −0 cms/static/cms/sass/compass/utilities/_print.scss
  62. +1 −0  cms/static/cms/sass/compass/utilities/_sprites.scss
  63. +3 −0  cms/static/cms/sass/compass/utilities/_tables.scss
  64. +5 −0 cms/static/cms/sass/compass/utilities/_text.scss
  65. +28 −0 cms/static/cms/sass/compass/utilities/color/_contrast.scss
  66. +44 −0 cms/static/cms/sass/compass/utilities/general/_clearfix.scss
  67. +30 −0 cms/static/cms/sass/compass/utilities/general/_float.scss
  68. +46 −0 cms/static/cms/sass/compass/utilities/general/_hacks.scss
  69. +16 −0 cms/static/cms/sass/compass/utilities/general/_min.scss
  70. +2 −0  cms/static/cms/sass/compass/utilities/general/_reset.scss
  71. +1 −0  cms/static/cms/sass/compass/utilities/general/_tabs.scss
  72. +18 −0 cms/static/cms/sass/compass/utilities/general/_tag-cloud.scss
  73. +3 −0  cms/static/cms/sass/compass/utilities/links/_hover-link.scss
  74. +3 −0  cms/static/cms/sass/compass/utilities/links/_link-colors.scss
  75. +3 −0  cms/static/cms/sass/compass/utilities/links/_unstyled-link.scss
  76. +3 −0  cms/static/cms/sass/compass/utilities/lists/_bullets.scss
  77. +3 −0  cms/static/cms/sass/compass/utilities/lists/_horizontal-list.scss
  78. +3 −0  cms/static/cms/sass/compass/utilities/lists/_inline-block-list.scss
  79. +3 −0  cms/static/cms/sass/compass/utilities/lists/_inline-list.scss
  80. +66 −0 cms/static/cms/sass/compass/utilities/sprites/_base.scss
  81. +56 −0 cms/static/cms/sass/compass/utilities/sprites/_sprite-img.scss
  82. +20 −0 cms/static/cms/sass/compass/utilities/tables/_alternating-rows-and-columns.scss
  83. +33 −0 cms/static/cms/sass/compass/utilities/tables/_borders.scss
  84. +9 −0 cms/static/cms/sass/compass/utilities/tables/_scaffolding.scss
  85. +3 −0  cms/static/cms/sass/compass/utilities/text/_ellipsis.scss
  86. +3 −0  cms/static/cms/sass/compass/utilities/text/_nowrap.scss
  87. +3 −0  cms/static/cms/sass/compass/utilities/text/_replacement.scss
  88. +52 −0 cms/static/cms/sass/devices/_mobile.scss
  89. +3 −0  cms/static/cms/sass/devices/_pad.scss
  90. 0  cms/static/cms/sass/devices/_retina.scss
  91. +14 −0 cms/static/cms/sass/devices/partials/_nav.scss
  92. +67 −0 cms/static/cms/sass/django-cms-admin.scss
  93. +3 −0  cms/static/cms/sass/ie.scss
  94. +20 −0 cms/static/cms/sass/libs/_html5-boilerplate.scss
  95. +433 −0 cms/static/cms/sass/libs/_normalize.scss
  96. +73 −0 cms/static/cms/sass/libs/_pie.scss
  97. +42 −0 cms/static/cms/sass/libs/html5-boilerplate/_fonts.scss
  98. +70 −0 cms/static/cms/sass/libs/html5-boilerplate/_helpers.scss
  99. +35 −0 cms/static/cms/sass/libs/html5-boilerplate/_media.scss
  100. +43 −0 cms/static/cms/sass/libs/html5-boilerplate/_reset.scss
  101. +126 −0 cms/static/cms/sass/libs/html5-boilerplate/_styles.scss
  102. +147 −0 cms/static/cms/sass/partials/_base.scss
  103. +71 −0 cms/static/cms/sass/partials/_djangocms.scss
  104. +17 −0 cms/static/cms/sass/partials/_fonts.scss
  105. +398 −0 cms/static/cms/sass/partials/_form.scss
  106. +42 −0 cms/static/cms/sass/partials/_icons.scss
  107. +133 −0 cms/static/cms/sass/partials/_list.scss
  108. +269 −0 cms/static/cms/sass/partials/_messages.scss
  109. +122 −0 cms/static/cms/sass/partials/_nav.scss
  110. +9 −0 cms/static/cms/sass/partials/_notifications.scss
  111. +57 −0 cms/static/cms/sass/partials/_overrides.scss
  112. +266 −0 cms/static/cms/sass/partials/_page.scss
  113. +258 −0 cms/static/cms/sass/partials/_shared.scss
  114. +18 −0 cms/static/cms/sass/partials/_table.scss
  115. +14 −0 cms/templates/admin/base_site.html
  116. +1 −1  cms/test_utils/cli.py
View
3,326 cms/static/cms/css/django-cms-admin.css
3,326 additions, 0 deletions not shown
View
4 cms/static/cms/css/ie.css
@@ -0,0 +1,4 @@
+/* line 1, ../sass/ie.scss */
+#quick-access-closed, #quick-access-opened  {
+ display: none;
+}
View
BIN  cms/static/cms/fonts/django-admin-icons.eot
Binary file not shown
View
33 cms/static/cms/fonts/django-admin-icons.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+This is a custom SVG font generated by IcoMoon.
+1
+</metadata>
+<defs>
+<font id="django-admin-icons" horiz-adv-x="512" >
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#x21;" d="M 488.00,456.00c-32.00,32.00-64.00,32.00-96.00,0.00l-8.00-8.00l 96.00-96.00l 8.00,8.00C 520.00,392.00, 520.00,424.00, 488.00,456.00zM 32.00,96.00L0.00-32.00l 128.00,32.00l 320.00,320.00l-96.00,96.00L 32.00,96.00z M 128.00,64.00l-32.00,32.00l 256.00,256.00l 32.00-32.00L 128.00,64.00z" />
+<glyph unicode="&#x22;" d="M 496.00,288.00L 320.00,288.00 L 320.00,464.00 c0.00,8.836-7.164,16.00-16.00,16.00l-96.00,0.00 c-8.836,0.00-16.00-7.164-16.00-16.00l0.00-176.00 L 16.00,288.00 c-8.836,0.00-16.00-7.164-16.00-16.00l0.00-96.00
+ c0.00-8.836, 7.164-16.00, 16.00-16.00l 176.00,0.00 l0.00-176.00 c0.00-8.836, 7.164-16.00, 16.00-16.00l 96.00,0.00 c 8.836,0.00, 16.00,7.164, 16.00,16.00L 320.00,160.00 l 176.00,0.00 c 8.836,0.00, 16.00,7.164, 16.00,16.00l0.00,96.00
+ C 512.00,280.836, 504.836,288.00, 496.00,288.00z" />
+<glyph unicode="&#x23;" d="M 449.077,10.754l-114.54,168.305c 65.459,51.835, 83.963,145.677, 39.835,219.126
+ C 326.445,477.959, 222.559,503.857, 142.793,455.94C 63.028,408.007, 37.131,304.124, 85.054,224.357
+ c 43.213-71.942, 131.962-100.047, 207.479-69.717l 95.143-180.783c 2.95-5.611, 9.802-7.523, 15.229-4.273l 42.784,25.72
+ C 451.126-1.433, 452.653,5.518, 449.077,10.754z M 288.781,212.968c-54.211-32.563-124.808-14.959-157.375,39.253
+ c-32.565,54.197-14.952,124.794, 39.253,157.36c 54.189,32.57, 124.787,14.961, 157.351-39.245
+ C 360.579,316.138, 342.978,245.525, 288.781,212.968z" />
+<glyph unicode="&#x24;" d="M 507.331,68.67c-0.002,0.002-0.004,0.004-0.006,0.005L 352.003,224.00l 155.322,155.325c 0.002,0.002, 0.004,0.003, 0.006,0.005
+ c 1.672,1.673, 2.881,3.627, 3.656,5.708c 2.123,5.688, 0.912,12.341-3.662,16.915L 433.952,475.326c-4.574,4.573-11.225,5.783-16.914,3.66
+ c-2.08-0.775-4.035-1.984-5.709-3.655c0.00-0.002-0.002-0.003-0.004-0.005L 256.001,320.00L 100.677,475.325
+ c-0.002,0.002-0.003,0.003-0.005,0.005c-1.673,1.671-3.627,2.88-5.707,3.655c-5.69,2.124-12.341,0.913-16.915-3.66L 4.676,401.951
+ c-4.574-4.574-5.784-11.226-3.661-16.914c 0.776-2.08, 1.985-4.036, 3.656-5.708c 0.002-0.001, 0.003-0.003, 0.005-0.005L 160.001,224.00
+ L 4.676,68.674c-0.001-0.002-0.003-0.003-0.004-0.005c-1.671-1.673-2.88-3.627-3.657-5.707c-2.124-5.688-0.913-12.341, 3.661-16.915
+ l 73.374-73.373c 4.575-4.574, 11.226-5.784, 16.915-3.661c 2.08,0.776, 4.035,1.985, 5.708,3.656c 0.001,0.002, 0.003,0.003, 0.005,0.005
+ l 155.324,155.325l 155.324-155.325c 0.002-0.001, 0.004-0.003, 0.006-0.004c 1.674-1.672, 3.627-2.881, 5.707-3.657
+ c 5.689-2.123, 12.342-0.913, 16.914,3.661l 73.373,73.374c 4.574,4.574, 5.785,11.227, 3.662,16.915
+ C 510.212,65.043, 509.003,66.997, 507.331,68.67z" />
+<glyph unicode="&#xf000;" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
+</font></defs></svg>
View
BIN  cms/static/cms/fonts/django-admin-icons.ttf
Binary file not shown
View
BIN  cms/static/cms/fonts/django-admin-icons.woff
Binary file not shown
View
BIN  cms/static/cms/images/bg-pattern-light.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
3  cms/static/cms/sass/_compass.scss
@@ -0,0 +1,3 @@
+@import "compass/utilities";
+@import "compass/typography";
+@import "compass/css3";
View
17 cms/static/cms/sass/compass/_css3.scss
@@ -0,0 +1,17 @@
+@import "css3/border-radius";
+@import "css3/inline-block";
+@import "css3/opacity";
+@import "css3/box-shadow";
+@import "css3/text-shadow";
+@import "css3/columns";
+@import "css3/box-sizing";
+@import "css3/box";
+@import "css3/gradient";
+@import "css3/images";
+@import "css3/background-clip";
+@import "css3/background-origin";
+@import "css3/background-size";
+@import "css3/font-face";
+@import "css3/transform";
+@import "css3/transition";
+@import "css3/appearance";
View
3  cms/static/cms/sass/compass/_layout.scss
@@ -0,0 +1,3 @@
+@import "layout/grid-background";
+@import "layout/sticky-footer";
+@import "layout/stretching";
View
3  cms/static/cms/sass/compass/_reset-legacy.scss
@@ -0,0 +1,3 @@
+@import "reset/utilities-legacy";
+
+@include global-reset;
View
3  cms/static/cms/sass/compass/_reset.scss
@@ -0,0 +1,3 @@
+@import "reset/utilities";
+
+@include global-reset;
View
36 cms/static/cms/sass/compass/_support.scss
@@ -0,0 +1,36 @@
+// Usually compass hacks apply to both ie6 & 7 -- set this to false to disable support for both.
+$legacy-support-for-ie: true !default;
+
+// Setting this to false will result in smaller output, but no support for ie6 hacks
+$legacy-support-for-ie6: $legacy-support-for-ie !default;
+
+// Setting this to false will result in smaller output, but no support for ie7 hacks
+$legacy-support-for-ie7: $legacy-support-for-ie !default;
+
+// Setting this to false will result in smaller output, but no support for legacy ie8 hacks
+$legacy-support-for-ie8: $legacy-support-for-ie !default;
+
+// @private
+// The user can simply set $legacy-support-for-ie and 6, 7, and 8 will be set accordingly,
+// But in case the user set each of those explicitly, we need to sync the value of
+// this combined variable.
+$legacy-support-for-ie: $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8;
+
+// Support for mozilla in experimental css3 properties (-moz).
+$experimental-support-for-mozilla : true !default;
+// Support for webkit in experimental css3 properties (-webkit).
+$experimental-support-for-webkit : true !default;
+// Support for webkit's original (non-standard) gradient syntax.
+$support-for-original-webkit-gradients : true !default;
+// Support for opera in experimental css3 properties (-o).
+$experimental-support-for-opera : true !default;
+// Support for microsoft in experimental css3 properties (-ms).
+$experimental-support-for-microsoft : true !default;
+// Support for khtml in experimental css3 properties (-khtml).
+$experimental-support-for-khtml : true !default;
+// Support for svg in experimental css3 properties.
+// Setting this to true might add significant size to your
+// generated stylesheets.
+$experimental-support-for-svg : false !default;
+// Support for CSS PIE in experimental css3 properties (-pie).
+$experimental-support-for-pie : false !default;
View
4 cms/static/cms/sass/compass/_typography.scss
@@ -0,0 +1,4 @@
+@import "typography/links";
+@import "typography/lists";
+@import "typography/text";
+@import "typography/vertical_rhythm";
View
9 cms/static/cms/sass/compass/_utilities.scss
@@ -0,0 +1,9 @@
+@import "utilities/color";
+@import "utilities/general";
+@import "utilities/sprites";
+@import "utilities/tables";
+
+// deprecated
+@import "typography/links";
+@import "typography/lists";
+@import "typography/text";
View
13 cms/static/cms/sass/compass/css3/_appearance.scss
@@ -0,0 +1,13 @@
+@import "shared";
+
+// Change the appearance for Mozilla, Webkit and the future
+//
+// @param $ap
+// [ none | normal | icon | window | button | menu | field ]
+
+@mixin appearance($ap) {
+ $ap: unquote($ap);
+ @include experimental(appearance, $ap,
+ -moz, -webkit, not -o, not -ms, not -khtml, official
+ );
+}
View
43 cms/static/cms/sass/compass/css3/_background-clip.scss
@@ -0,0 +1,43 @@
+@import "shared";
+
+// The default value is `padding-box` -- the box model used by modern browsers.
+//
+// If you wish to do so, you can override the default constant with `border-box`
+//
+// To override to the default border-box model, use this code:
+// $default-background-clip: border-box
+
+$default-background-clip: padding-box !default;
+
+// Clip the background (image and color) at the edge of the padding or border.
+//
+// Legal Values:
+//
+// * padding-box
+// * border-box
+// * text
+
+@mixin background-clip($clip: $default-background-clip) {
+ // webkit and mozilla use the deprecated short [border | padding]
+ $clip: unquote($clip);
+ $deprecated: $clip;
+ @if $clip == padding-box { $deprecated: padding; }
+ @if $clip == border-box { $deprecated: border; }
+ // Support for webkit and mozilla's use of the deprecated short form
+ @include experimental(background-clip, $deprecated,
+ -moz,
+ -webkit,
+ not -o,
+ not -ms,
+ not -khtml,
+ not official
+ );
+ @include experimental(background-clip, $clip,
+ not -moz,
+ not -webkit,
+ not -o,
+ not -ms,
+ -khtml,
+ official
+ );
+}
View
42 cms/static/cms/sass/compass/css3/_background-origin.scss
@@ -0,0 +1,42 @@
+// Override `$default-background-origin` to change the default.
+
+@import "shared";
+
+$default-background-origin: content-box !default;
+
+// Position the background off the edge of the padding, border or content
+//
+// * Possible values:
+// * `padding-box`
+// * `border-box`
+// * `content-box`
+// * browser defaults to `padding-box`
+// * mixin defaults to `content-box`
+
+
+@mixin background-origin($origin: $default-background-origin) {
+ $origin: unquote($origin);
+ // webkit and mozilla use the deprecated short [border | padding | content]
+ $deprecated: $origin;
+ @if $origin == padding-box { $deprecated: padding; }
+ @if $origin == border-box { $deprecated: border; }
+ @if $origin == content-box { $deprecated: content; }
+
+ // Support for webkit and mozilla's use of the deprecated short form
+ @include experimental(background-origin, $deprecated,
+ -moz,
+ -webkit,
+ not -o,
+ not -ms,
+ not -khtml,
+ not official
+ );
+ @include experimental(background-origin, $origin,
+ not -moz,
+ not -webkit,
+ -o,
+ -ms,
+ -khtml,
+ official
+ );
+}
View
26 cms/static/cms/sass/compass/css3/_background-size.scss
@@ -0,0 +1,26 @@
+@import "shared";
+
+// override to change the default
+$default-background-size: 100% auto !default;
+
+// Set the size of background images using px, width and height, or percentages.
+// Currently supported in: Opera, Gecko, Webkit.
+//
+// * percentages are relative to the background-origin (default = padding-box)
+// * mixin defaults to: `$default-background-size`
+@mixin background-size(
+ $size-1: $default-background-size,
+ $size-2: false,
+ $size-3: false,
+ $size-4: false,
+ $size-5: false,
+ $size-6: false,
+ $size-7: false,
+ $size-8: false,
+ $size-9: false,
+ $size-10: false
+) {
+ $size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
+ $sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
+ @include experimental(background-size, $sizes, -moz, -webkit, -o, not -ms, not -khtml);
+}
View
135 cms/static/cms/sass/compass/css3/_border-radius.scss
@@ -0,0 +1,135 @@
+@import "shared";
+
+$default-border-radius: 5px !default;
+
+// Round all corners by a specific amount, defaults to value of `$default-border-radius`.
+//
+// When two values are passed, the first is the horizontal radius
+// and the second is the vertical radius.
+//
+// Note: webkit does not support shorthand syntax for several corners at once.
+// So in the case where you pass several values only the first will be passed to webkit.
+//
+// Examples:
+//
+// .simple { @include border-radius(4px, 4px); }
+// .compound { @include border-radius(2px 5px, 3px 6px); }
+// .crazy { @include border-radius(1px 3px 5px 7px, 2px 4px 6px 8px)}
+//
+// Which generates:
+// .simple {
+// -webkit-border-radius: 4px 4px;
+// -moz-border-radius: 4px / 4px;
+// -o-border-radius: 4px / 4px;
+// -ms-border-radius: 4px / 4px;
+// -khtml-border-radius: 4px / 4px;
+// border-radius: 4px / 4px; }
+//
+// .compound {
+// -webkit-border-radius: 2px 3px;
+// -moz-border-radius: 2px 5px / 3px 6px;
+// -o-border-radius: 2px 5px / 3px 6px;
+// -ms-border-radius: 2px 5px / 3px 6px;
+// -khtml-border-radius: 2px 5px / 3px 6px;
+// border-radius: 2px 5px / 3px 6px; }
+//
+// .crazy {
+// -webkit-border-radius: 1px 2px;
+// -moz-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+// -o-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+// -ms-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+// -khtml-border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px;
+// border-radius: 1px 3px 5px 7px / 2px 4px 6px 8px; }
+
+@mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
+
+ @if $vertical-radius {
+ // Webkit doesn't understand the official shorthand syntax for specifying
+ // a vertical radius unless so in case there's several we only take the first.
+ @include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
+ not -moz,
+ -webkit,
+ not -o,
+ not -ms,
+ not -khtml,
+ not official
+ );
+ @include experimental("border-radius", $radius unquote("/") $vertical-radius,
+ -moz,
+ not -webkit,
+ -o,
+ -ms,
+ -khtml,
+ official
+ );
+ }
+ @else {
+ @include experimental(border-radius, $radius);
+ }
+}
+
+// Round radius at position by amount.
+//
+// * legal values for `$vert`: `top`, `bottom`
+// * legal values for `$horz`: `left`, `right`
+
+@mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
+ // Support for mozilla's syntax for specifying a corner
+ @include experimental("border-radius-#{$vert}#{$horz}", $radius,
+ -moz,
+ not -webkit,
+ not -o,
+ not -ms,
+ not -khtml,
+ not official
+ );
+ @include experimental("border-#{$vert}-#{$horz}-radius", $radius,
+ not -moz,
+ -webkit,
+ -o,
+ -ms,
+ -khtml,
+ official
+ );
+
+}
+
+// Round top-left corner only
+
+@mixin border-top-left-radius($radius: $default-border-radius) {
+ @include border-corner-radius(top, left, $radius); }
+
+// Round top-right corner only
+
+@mixin border-top-right-radius($radius: $default-border-radius) {
+ @include border-corner-radius(top, right, $radius); }
+
+// Round bottom-left corner only
+
+@mixin border-bottom-left-radius($radius: $default-border-radius) {
+ @include border-corner-radius(bottom, left, $radius); }
+
+// Round bottom-right corner only
+
+@mixin border-bottom-right-radius($radius: $default-border-radius) {
+ @include border-corner-radius(bottom, right, $radius); }
+
+// Round both top corners by amount
+@mixin border-top-radius($radius: $default-border-radius) {
+ @include border-top-left-radius($radius);
+ @include border-top-right-radius($radius); }
+
+// Round both right corners by amount
+@mixin border-right-radius($radius: $default-border-radius) {
+ @include border-top-right-radius($radius);
+ @include border-bottom-right-radius($radius); }
+
+// Round both bottom corners by amount
+@mixin border-bottom-radius($radius: $default-border-radius) {
+ @include border-bottom-left-radius($radius);
+ @include border-bottom-right-radius($radius); }
+
+// Round both left corners by amount
+@mixin border-left-radius($radius: $default-border-radius) {
+ @include border-top-left-radius($radius);
+ @include border-bottom-left-radius($radius); }
View
93 cms/static/cms/sass/compass/css3/_box-shadow.scss
@@ -0,0 +1,93 @@
+// @doc off
+// These defaults make the arguments optional for this mixin
+// If you like, set different defaults before importing.
+// @doc on
+
+@import "shared";
+
+
+// The default color for box shadows
+$default-box-shadow-color: #333333 !default;
+
+// The default horizontal offset. Positive is to the right.
+$default-box-shadow-h-offset: 0px !default;
+
+// The default vertical offset. Positive is down.
+$default-box-shadow-v-offset: 0px !default;
+
+// The default blur length.
+$default-box-shadow-blur: 5px !default;
+
+// The default spread length.
+$default-box-shadow-spread : false !default;
+
+// The default shadow inset: inset or false (for standard shadow).
+$default-box-shadow-inset : false !default;
+
+// Provides cross-browser for Webkit, Gecko, and CSS3 box shadows when one or more box
+// shadows are needed.
+// Each shadow argument should adhere to the standard css3 syntax for the
+// box-shadow property.
+@mixin box-shadow(
+ $shadow-1 : default,
+ $shadow-2 : false,
+ $shadow-3 : false,
+ $shadow-4 : false,
+ $shadow-5 : false,
+ $shadow-6 : false,
+ $shadow-7 : false,
+ $shadow-8 : false,
+ $shadow-9 : false,
+ $shadow-10: false
+) {
+ // This has to be on a single line due to a bug in the scss parser: https://github.com/nex3/sass/issues/issue/26
+ $legacy: (type-of($shadow-1) == color and type-of(if($shadow-2, $shadow-2, 0)) == number and type-of(if($shadow-3, $shadow-3, 0)) == number and type-of(if($shadow-4, $shadow-4, 0)) == number and type-of(if($shadow-5, $shadow-5, 0)) == number and ($shadow-6 == inset or type-of($shadow-6) == bool) and ($shadow-2 or $shadow-3 or $shadow-4 or $shadow-5 or $shadow-6));
+ @if $legacy {
+ @warn "Passing separate arguments for a single shadow to box-shadow is deprecated. " +
+ "Pass the values as a single space-separated list, or use the single-box-shadow mixin. " +
+ "See http://beta.compass-style.org/help/tutorials/upgrading/antares/ for more info.";
+ @include single-box-shadow(
+ if($shadow-1, $shadow-1, $default-box-shadow-color),
+ if($shadow-2, $shadow-2, $default-box-shadow-h-offset),
+ if($shadow-3, $shadow-3, $default-box-shadow-v-offset),
+ if($shadow-4, $shadow-4, $default-box-shadow-blur),
+ if($shadow-5, $shadow-5, $default-box-shadow-spread),
+ if($shadow-6, $shadow-6, $default-box-shadow-inset)
+ );
+ }
+ @else {
+ @if $shadow-1 == default {
+ $shadow-1 : -compass-space-list(compact(if($default-box-shadow-inset, inset, false), $default-box-shadow-h-offset, $default-box-shadow-v-offset, $default-box-shadow-blur, $default-box-shadow-spread, $default-box-shadow-color));
+ }
+ $shadow : compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
+ @include experimental(box-shadow, $shadow,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+ }
+}
+
+// Provides a single cross-browser CSS box shadow for Webkit, Gecko, and CSS3.
+// Includes default arguments for color, horizontal offset, vertical offset, blur length, spread length, and inset.
+@mixin single-box-shadow(
+ $color : $default-box-shadow-color,
+ $hoff : $default-box-shadow-h-offset,
+ $voff : $default-box-shadow-v-offset,
+ $blur : $default-box-shadow-blur,
+ $spread : $default-box-shadow-spread,
+ $inset : $default-box-shadow-inset
+) {
+ @if not ($inset == true or $inset == false or $inset == inset) {
+ @warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
+ }
+
+ @if $color == none {
+ @include box-shadow(none);
+ } @else {
+ $full : $hoff $voff;
+ @if $blur { $full: $full $blur; }
+ @if $spread { $full: $full $spread; }
+ @if $color { $full: $full $color; }
+ @if $inset { $full: inset $full; }
+ @include box-shadow($full);
+ }
+}
View
13 cms/static/cms/sass/compass/css3/_box-sizing.scss
@@ -0,0 +1,13 @@
+@import "shared";
+
+// Change the box model for Mozilla, Webkit, IE8 and the future
+//
+// @param $bs
+// [ content-box | border-box ]
+
+@mixin box-sizing($bs) {
+ $bs: unquote($bs);
+ @include experimental(box-sizing, $bs,
+ -moz, -webkit, not -o, -ms, not -khtml, official
+ );
+}
View
111 cms/static/cms/sass/compass/css3/_box.scss
@@ -0,0 +1,111 @@
+@import "shared";
+
+// display:box; must be used for any of the other flexbox mixins to work properly
+@mixin display-box {
+ @include experimental-value(display, box,
+ -moz, -webkit, not -o, -ms, not -khtml, official
+ );
+}
+
+// Default box orientation, assuming that the user wants something less block-like
+$default-box-orient: horizontal !default;
+
+// Box orientation [ horizontal | vertical | inline-axis | block-axis | inherit ]
+@mixin box-orient(
+ $orientation: $default-box-orient
+) {
+ $orientation : unquote($orientation);
+ @include experimental(box-orient, $orientation,
+ -moz, -webkit, not -o, -ms, not -khtml, official
+ );
+}
+
+// Default box-align
+$default-box-align: stretch !default;
+
+// Box align [ start | end | center | baseline | stretch ]
+@mixin box-align(
+ $alignment: $default-box-align
+) {
+ $alignment : unquote($alignment);
+ @include experimental(box-align, $alignment,
+ -moz, -webkit, not -o, -ms, not -khtml, official
+ );
+}
+
+// Default box flex
+$default-box-flex: 0 !default;
+
+// mixin which takes an int argument for box flex. Apply this to the children inside the box.
+//
+// For example: "div.display-box > div.child-box" would get the box flex mixin.
+@mixin box-flex(
+ $flex: $default-box-flex
+) {
+ @include experimental(box-flex, $flex,
+ -moz, -webkit, not -o, -ms, not -khtml, official
+ );
+}
+
+// Default flex group
+$default-box-flex-group: 1 !default;
+
+// mixin which takes an int argument for flexible grouping
+@mixin box-flex-group(
+ $group: $default-box-flex-group
+) {
+ @include experimental(box-flex-group, $group,
+ -moz, -webkit, not -o, -ms, not -khtml, official
+ );
+}
+
+// default for ordinal group
+$default-box-ordinal-group: 1 !default;
+
+// mixin which takes an int argument for ordinal grouping and rearranging the order
+@mixin box-ordinal-group(
+ $group: $default-ordinal-flex-group
+) {
+ @include experimental(box-ordinal-group, $group,
+ -moz, -webkit, not -o, -ms, not -khtml, official
+ );
+}
+
+// Box direction default value
+$default-box-direction: normal !default;
+
+// mixin for box-direction [ normal | reverse | inherit ]
+@mixin box-direction(
+ $direction: $default-box-direction
+) {
+ $direction: unquote($direction);
+ @include experimental(box-direction, $direction,
+ -moz, -webkit, not -o, -ms, not -khtml, official
+ );
+}
+
+// default for box lines
+$default-box-lines: single !default;
+
+// mixin for box lines [ single | multiple ]
+@mixin box-lines(
+ $lines: $default-box-lines
+) {
+ $lines: unquote($lines);
+ @include experimental(box-lines, $lines,
+ -moz, -webkit, not -o, -ms, not -khtml, official
+ );
+}
+
+// default for box pack
+$default-box-pack: start !default;
+
+// mixin for box pack [ start | end | center | justify ]
+@mixin box-pack(
+ $pack: $default-box-pack
+) {
+ $pack: unquote($pack);
+ @include experimental(box-pack, $pack,
+ -moz, -webkit, not -o, -ms, not -khtml, official
+ );
+}
View
60 cms/static/cms/sass/compass/css3/_columns.scss
@@ -0,0 +1,60 @@
+@import "shared";
+
+// Specify the number of columns
+@mixin column-count($count) {
+ @include experimental(column-count, $count,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// Specify the gap between columns e.g. `20px`
+@mixin column-gap($width) {
+ @include experimental(column-gap, $width,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// Specify the width of columns e.g. `100px`
+@mixin column-width($width) {
+ @include experimental(column-width, $width,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// Specify the width of the rule between columns e.g. `1px`
+@mixin column-rule-width($width) {
+ @include experimental(rule-width, $width,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// Specify the style of the rule between columns e.g. `dotted`.
+// This works like border-style.
+@mixin column-rule-style($style) {
+ @include experimental(rule-style, unquote($style),
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// Specify the color of the rule between columns e.g. `blue`.
+// This works like border-color.
+@mixin column-rule-color($color) {
+ @include experimental(rule-color, $color,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// Mixin encompassing all column rule properties
+// For example:
+//
+// @include column-rule(1px, solid, #c00)
+//
+// Or the values can be space separated:
+//
+// @include column-rule(1px solid #c00)
+@mixin column-rule($width, $style: false, $color: false) {
+ $full : -compass-space-list(compact($width, $style, $color));
+ @include experimental(column-rule, $full,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
View
33 cms/static/cms/sass/compass/css3/_font-face.scss
@@ -0,0 +1,33 @@
+@import "shared";
+
+// Cross-browser support for @font-face. Supports IE, Gecko, Webkit, Opera.
+//
+// * $name is required, arbitrary, and what you will use in font stacks.
+// * $font-files is required using font-files('relative/location', 'format').
+// for best results use this order: woff, opentype/truetype, svg
+// * $eot is required by IE, and is a relative location of the eot file.
+// * For android 2.2 Compatiblity, please ensure that your web page has
+// a meta viewport tag.
+// * To support iOS < 4.2, an SVG file must be provided
+//
+// If you need to generate other formats check out the Font Squirrel
+// [font generator](http://www.fontsquirrel.com/fontface/generator)
+//
+// Example:
+//
+// @include font-face("this name", font-files("this.woff", woff, "this.otf", opentype), "this.eot")
+@mixin font-face(
+ $name,
+ $font-files,
+ $eot: false
+) {
+ $iefont: unquote("#{$eot}?#iefix");
+ @font-face {
+ font-family: quote($name);
+ @if $eot {
+ src: font-url($eot);
+ $font-files: font-url($iefont) unquote("format('eot')"), $font-files;
+ }
+ src: $font-files;
+ }
+}
View
99 cms/static/cms/sass/compass/css3/_gradient.scss
@@ -0,0 +1,99 @@
+@import "compass/utilities/general/hacks";
+@import "images";
+
+// The linear gradient mixin works best across browsers if you use percentage-based color stops.
+//
+// Examples:
+//
+// // This yields a linear gradient spanning from top to bottom
+// +linear-gradient(color-stops(white, black))
+//
+// // This yields a linear gradient spanning from bottom to top
+// +linear-gradient(color-stops(white, black), bottom)
+//
+// // This yields a linear gradient spanning from left to right
+// +linear-gradient(color-stops(white, black), left)
+//
+// // This yields a linear gradient starting at white passing
+// // thru blue at 33% down and then to black
+// +linear-gradient(color-stops(white, blue 33%, black))
+//
+// // This yields a linear gradient starting at white passing
+// // thru blue at 33% down and then to black at 67% until the end
+// +linear-gradient(color-stops(white, blue 33%, black 67%))
+//
+// // This yields a background image on top of the gradient; requires an image
+// // with an alpha-layer.
+// +linear-gradient(color_stops(white,black), top, image-url('noise.png'))
+//
+// Browsers Supported:
+//
+// - Chrome
+// - Safari
+// - Firefox 3.6
+// - Opera
+//
+// @deprecated Use the linear-gradient() function in conjunction with a
+// property mixin like `background-image`.
+@mixin linear-gradient($color-stops, $start: false, $image: false) {
+ @if $image {
+ @if $start {
+ @warn "The linear-gradient mixin is deprecated. Instead use: @include background-image(#{$image}, linear-gradient(#{$start}, #{$color-stops}))";
+ } @else {
+ @warn "The linear-gradient mixin is deprecated. Instead use: @include background-image(#{$image}, linear-gradient(#{$color-stops}))";
+ }
+ } @else {
+ @if $start {
+ @warn "The linear-gradient mixin is deprecated. Instead use: @include background-image(linear-gradient(#{$start}, #{$color-stops}))";
+ } @else {
+ @warn "The linear-gradient mixin is deprecated. Instead use: @include background-image(linear-gradient(#{$color-stops}))";
+ }
+ }
+ @if not $start { $start: top; }
+ @include background-image($image, linear-gradient($start, $color-stops));
+}
+
+// Because of webkit's limitations, the radial gradient mixin works best if you use
+// pixel-based color stops.
+//
+// Examples:
+//
+// // Defaults to a centered, 100px radius gradient
+// +radial-gradient(color-stops(#c00, #00c))
+//
+// // 100px radius gradient in the top left corner
+// +radial-gradient(color-stops(#c00, #00c), top left)
+//
+// // Three colors, ending at 50px and passing thru #fff at 25px
+// +radial-gradient(color-stops(#c00, #fff, #00c 50px))
+//
+// // A background image on top of a 100px radius gradient; requires an image
+// // with an alpha-layer.
+// +radial-gradient(color_stops(#c00, #fff), top left, image-url("noise.png")))
+//
+// Browsers Supported:
+//
+// - Chrome
+// - Safari
+// - Firefox 3.6
+// - Opera
+//
+// @deprecated Use the radial-gradient() function in conjunction with a
+// property mixin like `background-image`.
+@mixin radial-gradient($color-stops, $center-position: false, $image: false) {
+ @if $image {
+ @if $center-position {
+ @warn "The radial-gradient mixin is deprecated. Instead use: @include background-image(#{$image}, radial-gradient(#{$center-position}, #{$color-stops}))";
+ } @else {
+ @warn "The radial-gradient mixin is deprecated. Instead use: @include background-image(#{$image}, radial-gradient(#{$color-stops}))";
+ }
+ } @else {
+ @if $center-position {
+ @warn "The radial-gradient mixin is deprecated. Instead use: @include background-image(radial-gradient(#{$center-position}, #{$color-stops}))";
+ } @else {
+ @warn "The radial-gradient mixin is deprecated. Instead use: @include background-image(radial-gradient(#{$color-stops}))";
+ }
+ }
+ @if not $center-position { $center-position: center center; }
+ @include background-image($image, radial-gradient($center-position, $color-stops));
+}
View
132 cms/static/cms/sass/compass/css3/_images.scss
@@ -0,0 +1,132 @@
+@import "shared";
+@import "compass/utilities/general/hacks";
+
+// Background property support for vendor prefixing within values.
+@mixin background(
+ $background-1,
+ $background-2: false,
+ $background-3: false,
+ $background-4: false,
+ $background-5: false,
+ $background-6: false,
+ $background-7: false,
+ $background-8: false,
+ $background-9: false,
+ $background-10: false
+) {
+ $backgrounds: compact($background-1, $background-2, $background-3, $background-4, $background-5,
+ $background-6, $background-7, $background-8, $background-9, $background-10);
+ $mult-bgs: -compass-list-size($backgrounds) > 1;
+ $add-pie-bg: prefixed(-pie, $backgrounds) or $mult-bgs;
+ @if $experimental-support-for-svg and prefixed(-svg, $backgrounds) { background: -svg($backgrounds); }
+ @if $support-for-original-webkit-gradients and prefixed(-owg, $backgrounds) { background: -owg($backgrounds); }
+ @if $experimental-support-for-webkit and prefixed(-webkit, $backgrounds) { background: -webkit($backgrounds); }
+ @if $experimental-support-for-mozilla and prefixed(-moz, $backgrounds) { background: -moz($backgrounds); }
+ @if $experimental-support-for-opera and prefixed(-o, $backgrounds) { background: -o($backgrounds); }
+ @if $experimental-support-for-microsoft and prefixed(-ms, $backgrounds) { background: -ms($backgrounds); }
+ @if $experimental-support-for-pie and $add-pie-bg { -pie-background: -pie($backgrounds); }
+ background: $backgrounds ;
+}
+
+@mixin background-with-css2-fallback(
+ $background-1,
+ $background-2: false,
+ $background-3: false,
+ $background-4: false,
+ $background-5: false,
+ $background-6: false,
+ $background-7: false,
+ $background-8: false,
+ $background-9: false,
+ $background-10: false
+) {
+ $backgrounds: compact($background-1, $background-2, $background-3, $background-4, $background-5,
+ $background-6, $background-7, $background-8, $background-9, $background-10);
+ $mult-bgs: -compass-list-size($backgrounds) > 1;
+ $simple-background: if($mult-bgs or prefixed(-css2, $backgrounds), -css2(-compass-nth($backgrounds, last)), false);
+ @if not blank($simple-background) { background: $simple-background; }
+ @include background($background-1, $background-2, $background-3, $background-4, $background-5,
+ $background-6, $background-7, $background-8, $background-9, $background-10);
+}
+
+
+// Background image property support for vendor prefixing within values.
+@mixin background-image(
+ $image-1,
+ $image-2: false,
+ $image-3: false,
+ $image-4: false,
+ $image-5: false,
+ $image-6: false,
+ $image-7: false,
+ $image-8: false,
+ $image-9: false,
+ $image-10: false
+) {
+ $images: compact($image-1, $image-2, $image-3, $image-4, $image-5, $image-6, $image-7, $image-8, $image-9, $image-10);
+ $add-pie-bg: prefixed(-pie, $images) or -compass-list-size($images) > 1;
+
+ @if $experimental-support-for-svg and prefixed(-svg, $images) { background-image: -svg($images); background-size: 100%; }
+ @if $support-for-original-webkit-gradients and prefixed(-owg, $images) { background-image: -owg($images); }
+ @if $experimental-support-for-webkit and prefixed(-webkit, $images) { background-image: -webkit($images); }
+ @if $experimental-support-for-mozilla and prefixed(-moz, $images) { background-image: -moz($images); }
+ @if $experimental-support-for-opera and prefixed(-o, $images) { background-image: -o($images); }
+ @if $experimental-support-for-microsoft and prefixed(-ms, $images) { background-image: -ms($images); }
+ @if $experimental-support-for-pie and $add-pie-bg { @warn "PIE does not support background-image. Use @include background(#{$images}) instead." }
+ background-image: $images ;
+}
+
+// Emit a IE-Specific filters that renders a simple linear gradient.
+// For use in IE 6 - 8. Best practice would have you apply this via a
+// conditional IE stylesheet, but if you must, you should place this before
+// any background-image properties that you have specified.
+@mixin filter-gradient($start-color, $end-color, $orientation: vertical) {
+ @include has-layout;
+ $gradient-type: if($orientation == vertical, 0, 1);
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8 {
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=#{$gradient-type}, startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}');
+ }
+}
+
+
+// Border image property support for vendor prefixing properties and values.
+@mixin border-image($value) {
+ @if $experimental-support-for-mozilla { -moz-border-image: -moz(reject(-compass-list($value), fill)); }
+ @if $support-for-original-webkit-gradients { -webkit-border-image: -owg(reject(-compass-list($value), fill)); }
+ @if $experimental-support-for-webkit { -webkit-border-image: -webkit(reject(-compass-list($value), fill)); }
+ @if $experimental-support-for-opera { -o-border-image: -o(reject(-compass-list($value), fill)); }
+ @if $experimental-support-for-svg { border-image: -svg(reject(-compass-list($value), fill)); }
+ border-image: $value;
+}
+
+// List style image property support for vendor prefixing within values.
+@mixin list-style-image($image) {
+ @if $experimental-support-for-mozilla and prefixed(-moz, $image) { list-style-image: -moz($image); }
+ @if $support-for-original-webkit-gradients and prefixed(-owg, $image) { list-style-image: -owg($image); }
+ @if $experimental-support-for-webkit and prefixed(-webkit, $image) { list-style-image: -webkit($image); }
+ @if $experimental-support-for-opera and prefixed(-o, $image) { list-style-image: -o($image); }
+ @if $experimental-support-for-svg and prefixed(-svg, $image) { list-style-image: -svg($image); }
+ list-style-image: $image ;
+}
+
+// List style property support for vendor prefixing within values.
+@mixin list-style($value) {
+ $value: -compass-list($value);
+ @if $experimental-support-for-mozilla and prefixed(-moz, $value) { list-style-image: -moz($value); }
+ @if $support-for-original-webkit-gradients and prefixed(-owg, $value) { list-style-image: -owg($value); }
+ @if $experimental-support-for-webkit and prefixed(-webkit, $value) { list-style-image: -webkit($value); }
+ @if $experimental-support-for-opera and prefixed(-o, $value) { list-style-image: -o($value); }
+ @if $experimental-support-for-svg and prefixed(-svg, $value) { list-style-image: -svg($value); }
+ list-style-image: $value ;
+}
+
+// content property support for vendor prefixing within values.
+@mixin content($value) {
+ $value: -compass-list($value);
+ @if $experimental-support-for-mozilla and prefixed(-moz, $value) { content: -moz($value); }
+ @if $support-for-original-webkit-gradients and prefixed(-owg, $value) { content: -owg($value); }
+ @if $experimental-support-for-webkit and prefixed(-webkit, $value) { content: -webkit($value); }
+ @if $experimental-support-for-opera and prefixed(-o, $value) { content: -o($value); }
+ @if $experimental-support-for-svg and prefixed(-svg, $value) { content: -svg($value); }
+ content: $value ;
+}
View
16 cms/static/cms/sass/compass/css3/_inline-block.scss
@@ -0,0 +1,16 @@
+@import "shared";
+
+// Provides a cross-browser method to implement `display: inline-block;`
+
+@mixin inline-block {
+ @if $legacy-support-for-ie {
+ & { *display: inline; }
+ }
+ display: -moz-inline-box;
+ -moz-box-orient: vertical;
+ display: inline-block;
+ vertical-align: middle;
+ @if $legacy-support-for-ie {
+ *vertical-align: auto;
+ }
+}
View
19 cms/static/cms/sass/compass/css3/_opacity.scss
@@ -0,0 +1,19 @@
+@import "shared";
+
+// Provides cross-browser CSS opacity. Takes a number between 0 and 1 as the argument, e.g. 0.5 for 50% opacity.
+//
+// @param $opacity
+// A number between 0 and 1, where 0 is transparent and 1 is opaque.
+
+@mixin opacity($opacity) {
+ @if $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8 {
+ filter: unquote("progid:DXImageTransform.Microsoft.Alpha(Opacity=#{round($opacity * 100)})");
+ }
+ opacity: $opacity;
+}
+
+// Make an element completely transparent.
+@mixin transparent { @include opacity(0); }
+
+// Make an element completely opaque.
+@mixin opaque { @include opacity(1); }
View
73 cms/static/cms/sass/compass/css3/_pie.scss
@@ -0,0 +1,73 @@
+$experimental-support-for-pie: true;
+
+// It is recommended that you use Sass's @extend directive to apply the behavior
+// to your PIE elements. To assist you, Compass provides this variable.
+// When set, it will cause the `@include pie` mixin to extend this class.
+// The class name you provide should **not** include the `.`.
+$pie-base-class: false !default;
+
+// The default approach to using PIE.
+// Can be one of:
+//
+// * relative (default)
+// * z-index
+// * none
+$pie-default-approach: relative !default;
+
+// The location of your PIE behavior file
+// This should be root-relative to your web server
+// relative assets don't work. It is recommended that
+// you set this yourself.
+$pie-behavior: stylesheet-url("PIE.htc") !default;
+
+// When using the z-index approach, the
+// first ancestor of the PIE element at
+// or before the container's opaque background
+// should have a z-index set as well to ensure
+// propert z-index stacking.
+//
+// The `$position` argument must be some non-static
+// value (absolute, relative, etc.)
+@mixin pie-container($z-index: 0, $position: relative) {
+ z-index: $z-index;
+ position: $position;
+}
+
+// PIE elements must have this behavior attached to them.
+// IE is broken -- it doesn't think of behavior urls as
+// relative to the stylesheet. It considers them relative
+// to the webpage. As a result, you cannot reliably use
+// compass's relative_assets with PIE.
+//
+// * `$approach` - one of: relative, z-index, or none
+// * `$z-index` - when using the z-index approach, this
+// is the z-index that is applied.
+@mixin pie-element(
+ $approach: $pie-default-approach,
+ $z-index: 0
+) {
+ behavior: $pie-behavior;
+ @if $approach == relative {
+ position: relative;
+ }
+ @else if $approach == z-index {
+ z-index: $z-index;
+ }
+}
+
+// a smart mixin that knows to extend or include pie-element according
+// to your stylesheet's configuration variables.
+@mixin pie($base-class: $pie-base-class) {
+ @if $base-class {
+ @extend .#{$base-class};
+ }
+ @else {
+ @include pie-element;
+ }
+}
+
+// Watch `$n` levels of ancestors for changes to their class attribute
+// So that cascading styles will work correctly on the PIE element.
+@mixin pie-watch-ancestors($n) {
+ -pie-watch-ancestors: $n;
+}
View
38 cms/static/cms/sass/compass/css3/_shared.scss
@@ -0,0 +1,38 @@
+@import "compass/support";
+
+// This mixin provides basic support for CSS3 properties and
+// their corresponding experimental CSS2 properties when
+// the implementations are identical except for the property
+// prefix.
+@mixin experimental($property, $value,
+ $moz : $experimental-support-for-mozilla,
+ $webkit : $experimental-support-for-webkit,
+ $o : $experimental-support-for-opera,
+ $ms : $experimental-support-for-microsoft,
+ $khtml : $experimental-support-for-khtml,
+ $official : true
+) {
+ @if $moz and $experimental-support-for-mozilla { -moz-#{$property} : $value; }
+ @if $webkit and $experimental-support-for-webkit { -webkit-#{$property} : $value; }
+ @if $o and $experimental-support-for-opera { -o-#{$property} : $value; }
+ @if $ms and $experimental-support-for-microsoft { -ms-#{$property} : $value; }
+ @if $khtml and $experimental-support-for-khtml { -khtml-#{$property} : $value; }
+ @if $official { #{$property} : $value; }
+}
+
+// Same as experimental(), but for cases when the property is the same and the value is vendorized
+@mixin experimental-value($property, $value,
+ $moz : $experimental-support-for-mozilla,
+ $webkit : $experimental-support-for-webkit,
+ $o : $experimental-support-for-opera,
+ $ms : $experimental-support-for-microsoft,
+ $khtml : $experimental-support-for-khtml,
+ $official : true
+) {
+ @if $moz and $experimental-support-for-mozilla { #{$property} : -moz-#{$value}; }
+ @if $webkit and $experimental-support-for-webkit { #{$property} : -webkit-#{$value}; }
+ @if $o and $experimental-support-for-opera { #{$property} : -o-#{$value}; }
+ @if $ms and $experimental-support-for-microsoft { #{$property} : -ms-#{$value}; }
+ @if $khtml and $experimental-support-for-khtml { #{$property} : -khtml-#{$value}; }
+ @if $official { #{$property} : #{$value}; }
+}
View
62 cms/static/cms/sass/compass/css3/_text-shadow.scss
@@ -0,0 +1,62 @@
+@import "shared";
+
+// These defaults make the arguments optional for this mixin
+// If you like, set different defaults in your project
+
+$default-text-shadow-color: #aaa !default;
+$default-text-shadow-h-offset: 0px !default;
+$default-text-shadow-v-offset: 0px !default;
+$default-text-shadow-blur: 1px !default;
+
+// Provides cross-browser text shadows when one or more shadows are needed.
+// Each shadow argument should adhere to the standard css3 syntax for the
+// text-shadow property.
+@mixin text-shadow(
+ $shadow-1 : default,
+ $shadow-2 : false,
+ $shadow-3 : false,
+ $shadow-4 : false,
+ $shadow-5 : false,
+ $shadow-6 : false,
+ $shadow-7 : false,
+ $shadow-8 : false,
+ $shadow-9 : false,
+ $shadow-10: false
+) {
+ // This has to be on a single line due to a bug in the scss parser: https://github.com/nex3/sass/issues/issue/26
+ $legacy: type-of($shadow-1) == color and type-of(if($shadow-2, $shadow-2, 0)) == number and type-of(if($shadow-3, $shadow-3, 0)) == number and type-of(if($shadow-4, $shadow-4, 0)) == number and ($shadow-2 or $shadow-3 or $shadow-4) and not($shadow-5 or $shadow-6 or $shadow-7 or $shadow-8 or $shadow-9 or $shadow-10);
+ @if $legacy {
+ @warn "Passing separate arguments for a single shadow to text-shadow is deprecated. " +
+ "Pass the values as a single space-separated list, or use the single-text-shadow mixin. " +
+ "See http://beta.compass-style.org/help/tutorials/upgrading/antares/ for more info.";
+ @include single-text-shadow(
+ $shadow-1,
+ if($shadow-2, $shadow-2, $default-text-shadow-h-offset),
+ if($shadow-3, $shadow-3, $default-text-shadow-v-offset),
+ if($shadow-4, $shadow-4, $default-text-shadow-blur)
+ );
+ } @else {
+ @if $shadow-1 == default {
+ $shadow-1: $default-text-shadow-color $default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur;
+ }
+ text-shadow: compact($shadow-1, $shadow-2, $shadow-3,
+ $shadow-4, $shadow-5, $shadow-6,
+ $shadow-7, $shadow-8, $shadow-9, $shadow-10);
+ }
+}
+
+// Provides a single cross-browser CSS text shadow.
+// Includes default arguments for color, horizontal offset, vertical offset, and blur
+@mixin single-text-shadow(
+ $color: $default-text-shadow-color,
+ $hoff: $default-text-shadow-h-offset,
+ $voff: $default-text-shadow-v-offset,
+ $blur: $default-text-shadow-blur
+) {
+ // XXX I'm surprised we don't need experimental support for this property.
+ @if $color == none {
+ text-shadow: none;
+ } @else {
+ text-shadow: $color $hoff $voff $blur;
+ }
+}
View
87 cms/static/cms/sass/compass/css3/_transform-legacy.scss
@@ -0,0 +1,87 @@
+@import "shared";
+
+@warn "This version of the transform module has been deprecated and will be removed.";
+
+// CSS Transform and Transform-Origin
+
+// Apply a transform sent as a complete string.
+
+@mixin apply-transform($transform) {
+ @include experimental(transform, $transform,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// Apply a transform-origin sent as a complete string.
+
+@mixin apply-origin($origin) {
+ @include experimental(transform-origin, $origin,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// transform-origin requires x and y coordinates
+//
+// * only applies the coordinates if they are there so that it can be called by scale, rotate and skew safely
+
+@mixin transform-origin($originx: 50%, $originy: 50%) {
+ @if $originx or $originy {
+ @if $originy {
+ @include apply-origin($originx or 50% $originy);
+ } @else {
+ @include apply-origin($originx);
+ }
+ }
+}
+
+// A full transform mixin with everything you could want
+//
+// * including origin adjustments if you want them
+// * scale, rotate and skew require units of degrees(deg)
+// * scale takes a multiplier, rotate and skew take degrees
+
+@mixin transform(
+ $scale: 1,
+ $rotate: 0deg,
+ $transx: 0,
+ $transy: 0,
+ $skewx: 0deg,
+ $skewy: 0deg,
+ $originx: false,
+ $originy: false
+) {
+ $transform : scale($scale) rotate($rotate) translate($transx, $transy) skew($skewx, $skewy);
+ @include apply-transform($transform);
+ @include transform-origin($originx, $originy);
+}
+
+// Transform Partials
+//
+// These work well on their own, but they don't add to each other, they override.
+// Use them with extra origin args, or along side +transform-origin
+
+// Adjust only the scale, with optional origin coordinates
+
+@mixin scale($scale: 1.25, $originx: false, $originy: false) {
+ @include apply-transform(scale($scale));
+ @include transform-origin($originx, $originy);
+}
+
+// Adjust only the rotation, with optional origin coordinates
+
+@mixin rotate($rotate: 45deg, $originx: false, $originy: false) {
+ @include apply-transform(rotate($rotate));
+ @include transform-origin($originx, $originy);
+}
+
+// Adjust only the translation
+
+@mixin translate($transx: 0, $transy: 0) {
+ @include apply-transform(translate($transx, $transy));
+}
+
+// Adjust only the skew, with optional origin coordinates
+@mixin skew($skewx: 0deg, $skewy: 0deg, $originx: false, $originy: false) {
+ @include apply-transform(skew($skewx, $skewy));
+ @include transform-origin($originx, $originy);
+}
View
598 cms/static/cms/sass/compass/css3/_transform.scss
@@ -0,0 +1,598 @@
+@import "shared";
+
+// @doc off
+// Note ----------------------------------------------------------------------
+// Safari is the only browser that currently supports 3D transforms.
+// Because of that it can be important to control whether a given 2D transform
+// uses the full range of experimental browser prefixes, or only the 3D list.
+// To make that easy, all 2D transforms include an browser-targeting toggle ($only3d)
+// to switch between the two support lists. The toggle defaults to 'false' (2D),
+// and also accepts 'true' (3D). Currently the lists are as follows:
+// 2D: Mozilla, Webkit, Opera, Official
+// 3D: Webkit, Official **(Only Safari Supports 3D perspective)**
+
+// Available Transforms ------------------------------------------------------
+// - Scale (2d and 3d)
+// - Rotate (2d and 3d)
+// - Translate (2d and 3d)
+// - Skew (2d only)
+
+// Transform Parameters ------------------------------------------------------
+// - Transform Origin (2d and 3d)
+// - Perspective (3d)
+// - Perspective Origin (3d)
+// - Transform Style (3d)
+// - Backface Visibility (3d)
+
+// Mixins --------------------------------------------------------------------
+// transform-origin
+// - shortcuts: transform-origin2d, transform-origin3d
+// - helpers: apply-origin
+// transform
+// - shortcuts: transform2d, transform3d
+// - helpers: simple-transform, create-transform
+// perspective
+// - helpers: perspective-origin
+// transform-style
+// backface-visibility
+// scale
+// - shortcuts: scaleX, scaleY, scaleZ, scale3d
+// rotate
+// - shortcuts: rotateX, rotateY, rotate3d
+// translate
+// - shortcuts: translateX, translateY, translateZ, translate3d
+// skew
+// - shortcuts: skewX, skewY
+
+// Defaults ------------------------------------------------------------------
+// @doc on
+
+// The default x-origin for transforms
+$default-origin-x : 50% !default;
+// The default y-origin for transforms
+$default-origin-y : 50% !default;
+// The default z-origin for transforms
+$default-origin-z : 50% !default;
+
+
+// The default x-multiplier for scaling
+$default-scale-x : 1.25 !default;
+// The default y-multiplier for scaling
+$default-scale-y : $default-scale-x !default;
+// The default z-multiplier for scaling
+$default-scale-z : $default-scale-x !default;
+
+
+// The default angle for rotations
+$default-rotate : 45deg !default;
+
+
+// The default x-vector for the axis of 3d rotations
+$default-vector-x : 1 !default;
+// The default y-vector for the axis of 3d rotations
+$default-vector-y : 1 !default;
+// The default z-vector for the axis of 3d rotations
+$default-vector-z : 1 !default;
+
+
+// The default x-length for translations
+$default-translate-x : 1em !default;
+// The default y-length for translations
+$default-translate-y : $default-translate-x !default;
+// The default z-length for translations
+$default-translate-z : $default-translate-x !default;
+
+
+// The default x-angle for skewing
+$default-skew-x : 5deg !default;
+// The default y-angle for skewing
+$default-skew-y : 5deg !default;
+
+
+// **Transform-origin**
+// Transform-origin sent as a complete string
+//
+// @include apply-origin( origin [, 3D-only ] )
+//
+// where 'origin' is a space separated list containing 1-3 (x/y/z) coordinates
+// in percentages, absolute (px, cm, in, em etc..) or relative
+// (left, top, right, bottom, center) units
+//
+// @param only3d Set this to true to only apply this
+// mixin where browsers have 3D support.
+@mixin apply-origin($origin, $only3d) {
+ $only3d: $only3d or -compass-list-size(-compass-list($origin)) > 2;
+ @if $only3d {
+ @include experimental(transform-origin, $origin,
+ not -moz, -webkit, not -o, not -ms, not -khtml, official
+ );
+ } @else {
+ @include experimental(transform-origin, $origin,
+ -moz, -webkit, -o, -ms, not -khtml, official
+ );
+ }
+}
+
+// Transform-origin sent as individual arguments:
+//
+// @include transform-origin( [ origin-x, origin-y, origin-z, 3D-only ] )
+//
+// where the 3 'origin-' arguments represent x/y/z coordinates.
+//
+// **NOTE:** setting z coordinates triggers 3D support list, leave false for 2D support
+@mixin transform-origin(
+ $origin-x: $default-origin-x,
+ $origin-y: $default-origin-y,
+ $origin-z: false,
+ $only3d: if($origin-z, true, false)
+) {
+ $origin: unquote('');
+ @if $origin-x or $origin-y or $origin-z {
+ @if $origin-x { $origin: $origin-x; } @else { $origin: 50%; }
+ @if $origin-y { $origin: $origin $origin-y; } @else { @if $origin-z { $origin: $origin 50%; }}
+ @if $origin-z { $origin: $origin $origin-z; }
+ @include apply-origin($origin, $only3d);
+ }
+}
+
+
+// Transform sent as a complete string:
+//
+// @include transform( transforms [, 3D-only ] )
+//
+// where 'transforms' is a space separated list of all the transforms to be applied
+@mixin transform(
+ $transform,
+ $only3d: false
+) {
+ @if $only3d {
+ @include experimental(transform, $transform,
+ not -moz, -webkit, not -o, not -ms, not -khtml, official
+ );
+ } @else {
+ @include experimental(transform, $transform,
+ -moz, -webkit, -o, -ms, not -khtml, official
+ );
+ }
+}
+
+// Shortcut to target all browsers with 2D transform support
+@mixin transform2d($trans) {
+ @include transform($trans, false);
+}
+
+// Shortcut to target only browsers with 3D transform support
+@mixin transform3d($trans) {
+ @include transform($trans, true);
+}
+
+// @doc off
+// 3D Parameters -------------------------------------------------------------
+// @doc on
+
+// Set the perspective of 3D transforms on the children of an element:
+//
+// @include perspective( perspective )
+//
+// where 'perspective' is a uniless number representing the depth of the z-axis
+// the higher the perspective, the more exagerated the foreshortening.
+// values from 500 to 1000 are more-or-less "normal" - a good starting-point.
+@mixin perspective($p) {
+ @include experimental(perspective, $p,
+ not -moz, -webkit, not -o, not -ms, not -khtml, official
+ );
+}
+
+// Set the origin position for the perspective
+//
+// @include perspective-origin(origin-x [origin-y])
+//
+// where the two arguments represent x/y coordinates
+@mixin perspective-origin($origin: 50%) {
+ @include experimental(perspective-origin, $origin,
+ not -moz, -webkit, not -o, not -ms, not -khtml, official
+ );
+}
+
+// Determine whether a 3D objects children also live in the given 3D space
+//
+// @include transform-style( [ style ] )
+//
+// where `style` can be either `flat` or `preserve-3d`
+// browsers default to `flat`, mixin defaults to `preserve-3d`
+@mixin transform-style($style: preserve-3d) {
+ @include experimental(transform-style, $style,
+ not -moz, -webkit, not -o, not -ms, not -khtml, official
+ );
+}
+
+// Determine the visibility of an element when it's back is turned
+//
+// @include backface-visibility( [ visibility ] )
+//
+// where `visibility` can be either `visible` or `hidden`
+// browsers default to visible, mixin defaults to hidden
+@mixin backface-visibility($visibility: hidden) {
+ @include experimental(backface-visibility, $visibility,
+ not -moz, -webkit, not -o, not -ms, not -khtml, official
+ );
+}
+
+// @doc off
+// Transform Partials --------------------------------------------------------
+// These work well on their own, but they don't add to each other, they override.
+// Use along with transform parameter mixins to adjust origin, perspective and style
+// ---------------------------------------------------------------------------
+
+
+// Scale ---------------------------------------------------------------------
+// @doc on
+
+// Scale an object along the x and y axis:
+//
+// @include scale( [ scale-x, scale-y, perspective, 3D-only ] )
+//
+// where the 'scale-' arguments are unitless multipliers of the x and y dimensions
+// and perspective, which works the same as the stand-alone perspective property/mixin
+// but applies to the individual element (multiplied with any parent perspective)
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin scale(
+ $scale-x: $default-scale-x,
+ $scale-y: $scale-x,
+ $perspective: false,
+ $only3d: false
+) {
+ $trans: scale($scale-x, $scale-y);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform($trans, $only3d);
+}
+
+// Scale an object along the x axis
+// @include scaleX( [ scale-x, perspective, 3D-only ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin scaleX(
+ $scale: $default-scale-x,
+ $perspective: false,
+ $only3d: false
+) {
+ $trans: scaleX($scale);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform($trans, $only3d);
+}
+
+// Scale an object along the y axis
+// @include scaleY( [ scale-y, perspective, 3D-only ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin scaleY(
+ $scale: $default-scale-y,
+ $perspective: false,
+ $only3d: false
+) {
+ $trans: scaleY($scale);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform($trans, $only3d);
+}
+
+// Scale an object along the z axis
+// @include scaleZ( [ scale-z, perspective ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin scaleZ(
+ $scale: $default-scale-z,
+ $perspective: false
+) {
+ $trans: scaleZ($scale);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform3d($trans);
+}
+
+// Scale and object along all three axis
+// @include scale3d( [ scale-x, scale-y, scale-z, perspective ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin scale3d(
+ $scale-x: $default-scale-x,
+ $scale-y: $default-scale-y,
+ $scale-z: $default-scale-z,
+ $perspective: false
+) {
+ $trans: scale3d($scale-x, $scale-y, $scale-z);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform3d($trans);
+}
+
+// @doc off
+// Rotate --------------------------------------------------------------------
+// @doc on
+
+// Rotate an object around the z axis (2D)
+// @include rotate( [ rotation, perspective, 3D-only ] )
+// where 'rotation' is an angle set in degrees (deg) or radian (rad) units
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin rotate(
+ $rotate: $default-rotate,
+ $perspective: false,
+ $only3d: false
+) {
+ $trans: rotate($rotate);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform($trans, $only3d);
+}
+
+// A longcut for 'rotate' in case you forget that 'z' is implied
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin rotateZ(
+ $rotate: $default-rotate,
+ $perspective: false,
+ $only3d: false
+) {
+ @include rotate($rotate, $perspective, $only3d);
+}
+
+// Rotate an object around the x axis (3D)
+// @include rotateX( [ rotation, perspective ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin rotateX(
+ $rotate: $default-rotate,
+ $perspective: false
+) {
+ $trans: rotateX($rotate);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform3d($trans);
+}
+
+// Rotate an object around the y axis (3D)
+// @include rotate( [ rotation, perspective ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin rotateY(
+ $rotate: $default-rotate,
+ $perspective: false
+) {
+ $trans: rotateY($rotate);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform3d($trans);
+}
+
+// Rotate an object around an arbitrary axis (3D)
+// @include rotate( [ vector-x, vector-y, vector-z, rotation, perspective ] )
+// where the 'vector-' arguments accept unitless numbers
+// these numbers are not important on their own, but in relation to one another
+// creating an axis from your transform-origin, along the axis of Xx = Yy = Zz
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin rotate3d(
+ $vector-x: $default-vector-x,
+ $vector-y: $default-vector-y,
+ $vector-z: $default-vector-z,
+ $rotate: $default-rotate,
+ $perspective: false
+) {
+ $trans: rotate3d($vector-x, $vector-y, $vector-z, $rotate);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform3d($trans);
+}
+
+// @doc off
+// Translate -----------------------------------------------------------------
+// @doc on
+
+// Move an object along the x or y axis (2D)
+// @include translate( [ translate-x, translate-y, perspective, 3D-only ] )
+// where the 'translate-' arguments accept any distance in percentages or absolute (px, cm, in, em etc..) units
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin translate(
+ $translate-x: $default-translate-x,
+ $translate-y: $default-translate-y,
+ $perspective: false,
+ $only3d: false
+) {
+ $trans: translate($translate-x, $translate-y);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform($trans, $only3d);
+}
+
+// Move an object along the x axis (2D)
+// @include translate( [ translate-x, perspective, 3D-only ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin translateX(
+ $trans-x: $default-translate-x,
+ $perspective: false,
+ $only3d: false
+) {
+ $trans: translateX($trans-x);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform($trans, $only3d);
+}
+
+// Move an object along the y axis (2D)
+// @include translate( [ translate-y, perspective, 3D-only ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin translateY(
+ $trans-y: $default-translate-y,
+ $perspective: false,
+ $only3d: false
+) {
+ $trans: translateY($trans-y);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform($trans, $only3d);
+}
+
+// Move an object along the z axis (3D)
+// @include translate( [ translate-z, perspective ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin translateZ(
+ $trans-z: $default-translate-z,
+ $perspective: false
+) {
+ $trans: translateZ($trans-z);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform3d($trans);
+}
+
+// Move an object along the x, y and z axis (3D)
+// @include translate( [ translate-x, translate-y, translate-z, perspective ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin translate3d(
+ $translate-x: $default-translate-x,
+ $translate-y: $default-translate-y,
+ $translate-z: $default-translate-z,
+ $perspective: false
+) {
+ $trans: translate3d($translate-x, $translate-y, $translate-z);
+ @if $perspective { $trans: perspective($perspective) $trans; }
+ @include transform3d($trans);
+}
+
+// @doc off
+// Skew ----------------------------------------------------------------------
+// @doc on
+
+// Skew an element:
+//
+// @include skew( [ skew-x, skew-y, 3D-only ] )
+//
+// where the 'skew-' arguments accept css angles in degrees (deg) or radian (rad) units
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin skew(
+ $skew-x: $default-skew-x,
+ $skew-y: $default-skew-y,
+ $only3d: false
+) {
+ $trans: skew($skew-x, $skew-y);
+ @include transform($trans, $only3d);
+}
+
+// Skew an element along the x axiz
+//
+// @include skew( [ skew-x, 3D-only ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin skewX(
+ $skew-x: $default-skew-x,
+ $only3d: false
+) {
+ $trans: skewX($skew-x);
+ @include transform($trans, $only3d);
+}
+
+// Skew an element along the y axis
+//
+// @include skew( [ skew-y, 3D-only ] )
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin skewY(
+ $skew-y: $default-skew-y,
+ $only3d: false
+) {
+ $trans: skewY($skew-y);
+ @include transform($trans, $only3d);
+}
+
+
+// Full transform mixins
+// For settings any combination of transforms as arguments
+// These are complex and not highly recommended for daily use
+// They are mainly here for backwards-compatability purposes
+//
+// * they include origin adjustments
+// * scale takes a multiplier (unitless), rotate and skew take degrees (deg)
+//
+// **Note** This mixin cannot be combined with other transform mixins.
+@mixin create-transform(
+ $perspective: false,
+ $scale-x: false,
+ $scale-y: false,
+ $scale-z: false,
+ $rotate-x: false,
+ $rotate-y: false,
+ $rotate-z: false,
+ $rotate3d: false,
+ $trans-x: false,
+ $trans-y: false,
+ $trans-z: false,
+ $skew-x: false,
+ $skew-y: false,
+ $origin-x: false,
+ $origin-y: false,
+ $origin-z: false,
+ $only3d: false
+) {
+ $trans: unquote("");
+
+ // perspective
+ @if $perspective { $trans: perspective($perspective) ; }
+
+ // scale
+ @if $scale-x and $scale-y {
+ @if $scale-z { $trans: $trans scale3d($scale-x, $scale-y, $scale-z); }
+ @else { $trans: $trans scale($scale-x, $scale-y); }
+ } @else {
+ @if $scale-x { $trans: $trans scaleX($scale-x); }
+ @if $scale-y { $trans: $trans scaleY($scale-y); }
+ @if $scale-z { $trans: $trans scaleZ($scale-z); }
+ }
+
+ // rotate
+ @if $rotate-x { $trans: $trans rotateX($rotate-x); }
+ @if $rotate-y { $trans: $trans rotateY($rotate-y); }
+ @if $rotate-z { $trans: $trans rotateZ($rotate-z); }
+ @if $rotate3d { $trans: $trans rotate3d($rotate3d); }
+
+ // translate
+ @if $trans-x and $trans-y {
+ @if $trans-z { $trans: $trans translate3d($trans-x, $trans-y, $trans-z); }
+ @else { $trans: $trans translate($trans-x, $trans-y); }
+ } @else {
+ @if $trans-x { $trans: $trans translateX($trans-x); }
+ @if $trans-y { $trans: $trans translateY($trans-y); }
+ @if $trans-z { $trans: $trans translateZ($trans-z); }
+ }
+
+ // skew
+ @if $skew-x and $skew-y { $trans: $trans skew($skew-x, $skew-y); }
+ @else {
+ @if $skew-x { $trans: $trans skewX($skew-x); }
+ @if $skew-y { $trans: $trans skewY($skew-y); }
+ }
+
+ // apply it!
+ @include transform($trans, $only3d);
+ @include transform-origin($origin-x, $origin-y, $origin-z, $only3d);
+}
+
+
+// A simplified set of options
+// backwards-compatible with the previous version of the 'transform' mixin
+@mixin simple-transform(
+ $scale: false,
+ $rotate: false,
+ $trans-x: false,
+ $trans-y: false,
+ $skew-x: false,
+ $skew-y: false,
+ $origin-x: false,
+ $origin-y: false
+) {
+ @include create-transform(
+ false,
+ $scale, $scale, false,
+ false, false, $rotate, false,
+ $trans-x, $trans-y, false,
+ $skew-x, $skew-y,
+ $origin-x, $origin-y, false,
+ false
+ );
+}
View
119 cms/static/cms/sass/compass/css3/_transition.scss
@@ -0,0 +1,119 @@
+@import "shared";
+
+// CSS Transitions
+// Currently only works in Webkit.
+//
+// * expected in CSS3, FireFox 3.6/7 and Opera Presto 2.3
+// * We'll be prepared.
+//
+// Including this submodule sets following defaults for the mixins:
+//
+// $default-transition-property : all
+// $default-transition-duration : 1s
+// $default-transition-function : false
+// $default-transition-delay : false
+//
+// Override them if you like. Timing-function and delay are set to false for browser defaults (ease, 0s).
+
+$default-transition-property: all !default;
+
+$default-transition-duration: 1s !default;
+
+$default-transition-function: false !default;
+
+$default-transition-delay: false !default;
+
+// One or more properties to transition
+//
+// * for multiple, use a comma-delimited list
+// * also accepts "all" or "none"
+
+@mixin transition-property($properties: $default-transition-property) {
+ @include experimental(transition-property, unquote($properties),
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// One or more durations in seconds
+//
+// * for multiple, use a comma-delimited list
+// * these durations will affect the properties in the same list position
+
+@mixin transition-duration($duration: $default-transition-duration) {
+ @if type-of($duration) == string { $duration: unquote($duration); }
+ @include experimental(transition-duration, $duration,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// One or more timing functions
+//
+// * [ ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)]
+// * For multiple, use a comma-delimited list
+// * These functions will effect the properties in the same list position
+
+@mixin transition-timing-function($function: $default-transition-function) {
+ @include experimental(transition-timing-function, unquote($function),
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// One or more transition-delays in seconds
+//
+// * for multiple, use a comma-delimited list
+// * these delays will effect the properties in the same list position
+
+@mixin transition-delay($delay: $default-transition-delay) {
+ @if type-of($delay) == string { $delay: unquote($delay); }
+ @include experimental(transition-delay, $delay,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+}
+
+// Transition all-in-one shorthand
+
+@mixin single-transition(
+ $properties: $default-transition-property,
+ $duration: $default-transition-duration,
+ $function: $default-transition-function,
+ $delay: $default-transition-delay
+) {
+ @include transition-property($properties);
+ @include transition-duration($duration);
+ @if $function { @include transition-timing-function($function); }
+ @if $delay { @include transition-delay($delay); }
+}
+
+@mixin transition(
+ $transition-1 : default,
+ $transition-2 : false,
+ $transition-3 : false,
+ $transition-4 : false,
+ $transition-5 : false,
+ $transition-6 : false,
+ $transition-7 : false,
+ $transition-8 : false,
+ $transition-9 : false,
+ $transition-10: false
+) {
+ $legacy: (type-of($transition-1) == string and type-of(if($transition-2, $transition-2, 0)) == number and type-of(if($transition-3, $transition-3, '')) == string and type-of(if($transition-4, $transition-4, 0)) == number and ($transition-2 or $transition-3 or $transition-4));
+ @if $legacy {
+ @warn "Passing separate arguments for a single transition to transition is deprecated. " +
+ "Pass the values as a single space-separated list, or use the single-transition mixin.";
+ @include single-transition(
+ if($transition-1, $transition-1, $default-transition-property),
+ if($transition-2, $transition-2, $default-transition-duration),
+ if($transition-3, $transition-3, $default-transition-function),
+ if($transition-4, $transition-4, $default-transition-delay)
+ );
+ }
+ @else {
+ @if $transition-1 == default {
+ $transition-1 : -compass-space-list(compact($default-transition-property, $default-transition-duration, $default-transition-function, $default-transition-delay));
+ }
+ $transition : compact($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10);
+ @include experimental(transition, $transition,
+ -moz, -webkit, -o, not -ms, not -khtml, official
+ );
+ }
+}
View
19 cms/static/cms/sass/compass/css3/_user-interface.scss
@@ -0,0 +1,19 @@
+@import "shared";
+
+// User Interface ------------------------------------------------------------
+// This file can be expanded to handle all the user interface properties as
+// they become available in browsers:
+// http://www.w3.org/TR/2000/WD-css3-userint-20000216
+
+// User Select ---------------------------------------------------------------
+// This property controls the selection model and granularity of an element.
+//
+// @param $select
+// [ none | text | toggle | element | elements | all | inherit ]
+
+@mixin user-select($select) {
+ $select: unquote($select);
+ @include experimental(user-select, $select,
+ -moz, -webkit, not -o, not -ms, -khtml, official
+ );
+}
View
178 cms/static/cms/sass/compass/layout/_grid-background.scss
@@ -0,0 +1,178 @@
+@import "compass/css3/images";
+@import "compass/css3/background-size";
+
+// Set the color of your columns
+$grid-background-column-color : rgba(100, 100, 225, 0.25) !default;
+// Set the color of your gutters
+$grid-background-gutter-color : rgba(0, 0, 0, 0) !default;
+
+// Set the total number of columns in your grid
+$grid-background-total-columns : 24 !default;
+// Set the width of your columns
+$grid-background-column-width : 30px !default;
+// Set the width of your gutters
+$grid-background-gutter-width : 10px !default;
+// Set the offset, if your columns are padded in from the container edge
+$grid-background-offset : 0px !default;
+
+// Set the color of your baseline
+$grid-background-baseline-color : rgba(0, 0, 0, 0.5) !default;
+// Set the height of your baseline grid
+$grid-background-baseline-height : 1.5em !default;
+
+// toggle your columns grids on and off
+$show-column-grid-backgrounds : true !default;
+// toggle your vertical grids on and off
+$show-baseline-grid-backgrounds : true !default;
+// toggle all your grids on and off
+$show-grid-backgrounds : true !default;
+
+// optionally force your grid-image to remain fluid
+// no matter what units you used to declared your grid.
+$grid-background-force-fluid : false !default;
+
+
+// Create the gradient needed for baseline grids
+@function get-baseline-gradient(
+ $color : $grid-background-baseline-color
+) {
+ $gradient: linear-gradient(bottom, $color 5%, rgba($color,0) 5%);
+ @return $gradient;
+}
+
+// Create the color-stops needed for horizontal grids
+@function build-grid-background(
+ $total : $grid-background-total-columns,
+ $column : $grid-background-column-width,
+ $gutter : $grid-background-gutter-width,
+ $offset : $grid-background-offset,
+ $column-color : $grid-background-column-color,
+ $gutter-color : $grid-background-gutter-color
+) {
+ $grid: compact();
+ $grid: append($grid, $gutter-color $offset, comma);
+ @for $i from 0 to $total {
+
+ // $a represents the start of this column, initially equal to the offset
+ $a: $offset;
+ @if $i > 0 { $a: $a + (($column + $gutter) * $i); }
+
+ // $g represents the start of this gutter, equal to $a plus one column-width
+ $g: $a + $column;
+
+ // $z represents the end of a gutter, equal to $g plus one gutter-width
+ $z: $g + $gutter;
+
+ @if (unit($a) == "%") and ($i == ($total - 1)) {
+ $z: 100%;
+ }
+
+ // and we add this column/gutter pair to our grid
+ $grid: join($grid, ($column-color $a, $column-color $g, $gutter-color $g, $gutter-color $z));
+ }
+
+ @return $grid;
+}
+
+// Return the gradient needed for horizontal grids
+@function get-column-gradient(
+ $total : $grid-background-total-columns,
+ $column : $grid-background-column-width,
+ $gutter : $grid-background-gutter-width,
+ $offset : $grid-background-offset,
+ $column-color : $grid-background-column-color,
+ $gutter-color : $grid-background-gutter-color,
+ $force-fluid : $grid-background-force-fluid
+) {
+ $grid: unquote("");
+
+ // don't force fluid grids when they are already fluid.
+ @if unit($column) == "%" { $force-fluid: false; }
+
+ @if $force-fluid {
+ $grid: get-column-fluid-grid($total,$column,$gutter,$offset,$column-color,$gutter-color);
+ } @else {
+ $grid: build-grid-background($total,$column,$gutter,$offset,$column-color,$gutter-color);
+ }
+
+ // return the horizontal grid as a gradient
+ $gradient: linear-gradient(left, $grid);
+ @return $gradient;
+}
+
+// Convert a grid from fixed units into percentages.