Version Notes
Support of Magento CE 1.8.1
phpsass library updated.
Download this release
Release Info
Developer | Laurent Clouet |
Extension | Sass |
Version | 1.1.5 |
Comparing to | |
See all releases |
Code changes from version 1.1.4 to 1.1.5
- app/code/community/Laurent/Sass/Model/Design/Package.php +0 -3
- lib/phpsass/Extensions/Compass/Compass.php +98 -7
- lib/phpsass/Extensions/Compass/stylesheets/_compass.scss +3 -3
- lib/phpsass/Extensions/Compass/stylesheets/_lemonade.scss +3 -2
- lib/phpsass/Extensions/Compass/stylesheets/compass/_css3.scss +20 -20
- lib/phpsass/Extensions/Compass/stylesheets/compass/_layout.scss +3 -3
- lib/phpsass/Extensions/Compass/stylesheets/compass/_reset-legacy.scss +1 -1
- lib/phpsass/Extensions/Compass/stylesheets/compass/_reset.scss +1 -1
- lib/phpsass/Extensions/Compass/stylesheets/compass/_support.scss +8 -8
- lib/phpsass/Extensions/Compass/stylesheets/compass/_typography.scss +4 -4
- lib/phpsass/Extensions/Compass/stylesheets/compass/_utilities.scss +8 -7
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_appearance.scss +3 -1
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_background-clip.scss +20 -10
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_background-origin.scss +22 -13
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_background-size.scss +12 -10
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_border-radius.scss +46 -25
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_box-shadow.scss +33 -34
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_box-sizing.scss +3 -1
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_box.scss +54 -20
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_columns.scss +58 -33
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_filter.scss +16 -8
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_font-face.scss +9 -7
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_hyphenation.scss +19 -10
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_images.scss +84 -141
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_opacity.scss +2 -6
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_pie.scss +8 -4
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_regions.scss +6 -2
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_shared.scss +26 -48
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_text-shadow.scss +38 -34
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_transform-legacy.scss +22 -16
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_transform.scss +229 -224
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_transition.scss +94 -111
- lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_user-interface.scss +4 -1
- lib/phpsass/Extensions/Compass/stylesheets/compass/layout/_grid-background.scss +87 -70
- lib/phpsass/Extensions/Compass/stylesheets/compass/layout/_sticky-footer.scss +3 -8
- lib/phpsass/Extensions/Compass/stylesheets/compass/layout/_stretching.scss +10 -15
- lib/phpsass/Extensions/Compass/stylesheets/compass/reset/_utilities-legacy.scss +29 -62
- lib/phpsass/Extensions/Compass/stylesheets/compass/reset/_utilities.scss +36 -67
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/_links.scss +3 -3
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/_lists.scss +4 -4
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/_text.scss +4 -4
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/_vertical_rhythm.scss +13 -12
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/links/_hover-link.scss +1 -3
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/links/_link-colors.scss +4 -13
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/links/_unstyled-link.scss +1 -3
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/lists/_bullets.scss +4 -6
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/lists/_horizontal-list.scss +5 -14
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/lists/_inline-block-list.scss +3 -7
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/lists/_inline-list.scss +3 -9
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/text/_ellipsis.scss +10 -5
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/text/_force-wrap.scss +8 -16
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/text/_nowrap.scss +1 -3
- lib/phpsass/Extensions/Compass/stylesheets/compass/typography/text/_replacement.scss +9 -11
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_color.scss +1 -1
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_general.scss +5 -5
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_links.scss +5 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_lists.scss +6 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_print.scss +4 -12
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_sprites.scss +2 -2
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_tables.scss +3 -3
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_text.scss +5 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/color/_contrast.scss +14 -10
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_clearfix.scss +6 -6
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_float.scss +4 -8
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_hacks.scss +3 -5
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_min.scss +3 -6
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_reset.scss +2 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_tag-cloud.scss +7 -15
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/links/_hover-link.scss +3 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/links/_link-colors.scss +3 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/links/_unstyled-link.scss +3 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/lists/_bullets.scss +3 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/lists/_horizontal-list.scss +3 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/lists/_inline-block-list.scss +3 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/lists/_inline-list.scss +3 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/sprites/_base.scss +5 -6
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/sprites/_sprite-img.scss +11 -33
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss +6 -18
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/tables/_borders.scss +7 -24
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/tables/_scaffolding.scss +2 -6
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/text/_ellipsis.scss +3 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/text/_nowrap.scss +3 -0
- lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/text/_replacement.scss +3 -0
- lib/phpsass/Extensions/Compass/test.php +62 -0
- lib/phpsass/script/literals/SassNumber.php +1 -0
- lib/phpsass/test-extensions.php +147 -0
- lib/phpsass/test.php +1 -1
- lib/phpsass/tests/extensions/linear_gradient_compass.css +5 -0
- lib/phpsass/tests/extensions/linear_gradient_compass.scss +7 -0
- lib/phpsass/tree/SassPropertyNode.php +2 -2
- package.xml +5 -5
app/code/community/Laurent/Sass/Model/Design/Package.php
CHANGED
@@ -55,9 +55,6 @@ class Laurent_Sass_Model_Design_Package extends Mage_Core_Model_Design_Package
|
|
55 |
*/
|
56 |
public function getFilename($file, array $params)
|
57 |
{
|
58 |
-
/** @var $sassHelper Laurent_Sass_Helper_Data */
|
59 |
-
$sassHelper = Mage::helper('sass');
|
60 |
-
|
61 |
$filename = parent::getFilename($file, $params);;
|
62 |
|
63 |
if ($this->_isSassFile($file)) {
|
55 |
*/
|
56 |
public function getFilename($file, array $params)
|
57 |
{
|
|
|
|
|
|
|
58 |
$filename = parent::getFilename($file, $params);;
|
59 |
|
60 |
if ($this->_isSassFile($file)) {
|
lib/phpsass/Extensions/Compass/Compass.php
CHANGED
@@ -89,12 +89,12 @@ class Compass implements ExtensionInterface
|
|
89 |
$root = ($last_letter == '\\' || $last_letter == '/') ? $root : $root . DIRECTORY_SEPARATOR;
|
90 |
|
91 |
$directories[] = $root;
|
92 |
-
|
93 |
while (sizeof($directories)) {
|
94 |
$dir = array_pop($directories);
|
95 |
if ($handle = opendir($dir)) {
|
96 |
while (false !== ($file = readdir($handle))) {
|
97 |
-
if ($file == '.' || $file == '..') {
|
98 |
continue;
|
99 |
}
|
100 |
$file = $dir . $file;
|
@@ -152,7 +152,7 @@ class Compass implements ExtensionInterface
|
|
152 |
if ($path) {
|
153 |
return $path;
|
154 |
}
|
155 |
-
|
156 |
return false;
|
157 |
}
|
158 |
|
@@ -444,10 +444,101 @@ class Compass implements ExtensionInterface
|
|
444 |
print_r(func_get_args());
|
445 |
die;
|
446 |
}
|
447 |
-
|
448 |
-
public static function
|
449 |
-
|
450 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
451 |
}
|
452 |
|
453 |
public static function compassPi()
|
89 |
$root = ($last_letter == '\\' || $last_letter == '/') ? $root : $root . DIRECTORY_SEPARATOR;
|
90 |
|
91 |
$directories[] = $root;
|
92 |
+
|
93 |
while (sizeof($directories)) {
|
94 |
$dir = array_pop($directories);
|
95 |
if ($handle = opendir($dir)) {
|
96 |
while (false !== ($file = readdir($handle))) {
|
97 |
+
if ($file == '.' || $file == '..' || substr($file,0,1)=='.') {
|
98 |
continue;
|
99 |
}
|
100 |
$file = $dir . $file;
|
152 |
if ($path) {
|
153 |
return $path;
|
154 |
}
|
155 |
+
|
156 |
return false;
|
157 |
}
|
158 |
|
444 |
print_r(func_get_args());
|
445 |
die;
|
446 |
}
|
447 |
+
|
448 |
+
public static function compassPrefixed ($prefix, $list) {
|
449 |
+
$list = static::compassList( $list );
|
450 |
+
$prefix = trim ( preg_replace ( '/[^a-z]/', '', strtolower ( $prefix ) ) );
|
451 |
+
|
452 |
+
$reqs = array (
|
453 |
+
'pie' => array (
|
454 |
+
'border-radius',
|
455 |
+
'box-shadow',
|
456 |
+
'border-image',
|
457 |
+
'background',
|
458 |
+
'linear-gradient'
|
459 |
+
),
|
460 |
+
'webkit' => array (
|
461 |
+
'background-clip',
|
462 |
+
'background-origin',
|
463 |
+
'border-radius',
|
464 |
+
'box-shadow',
|
465 |
+
'box-sizing',
|
466 |
+
'columns',
|
467 |
+
'gradient',
|
468 |
+
'linear-gradient',
|
469 |
+
'text-stroke'
|
470 |
+
),
|
471 |
+
'moz' => array (
|
472 |
+
'background-size',
|
473 |
+
'border-radius',
|
474 |
+
'box-shadow',
|
475 |
+
'box-sizing',
|
476 |
+
'columns',
|
477 |
+
'gradient',
|
478 |
+
'linear-gradient'
|
479 |
+
),
|
480 |
+
'o' => array (
|
481 |
+
'background-origin',
|
482 |
+
'text-overflow'
|
483 |
+
)
|
484 |
+
);
|
485 |
+
foreach ( $list as $item ) {
|
486 |
+
$aspect = trim ( current ( explode ( '(', $item ) ) );
|
487 |
+
if (isset ( $reqs [$prefix] ) && in_array ( $aspect, $reqs [$prefix] )) {
|
488 |
+
return new SassBoolean ( TRUE );
|
489 |
+
}
|
490 |
+
}
|
491 |
+
return new SassBoolean ( FALSE );
|
492 |
+
}
|
493 |
+
|
494 |
+
public static function compassPrefix ($vendor, $input) {
|
495 |
+
if (is_object($vendor)) {
|
496 |
+
$vendor = $vendor->value;
|
497 |
+
}
|
498 |
+
|
499 |
+
$list = static::compassList($input, ',');
|
500 |
+
$output = '';
|
501 |
+
foreach($list as $key=>$value) {
|
502 |
+
$list[$key] = '-' . $vendor . '-' . $value;
|
503 |
+
}
|
504 |
+
return new SassString(implode(', ', $list));
|
505 |
+
}
|
506 |
+
|
507 |
+
public static function compassWebkit ($input) {
|
508 |
+
return static::compassPrefix('webkit', $input);
|
509 |
+
}
|
510 |
+
|
511 |
+
public static function compassMoz ($input) {
|
512 |
+
return static::compassPrefix('moz', $input);
|
513 |
+
}
|
514 |
+
|
515 |
+
public static function compassO ($input) {
|
516 |
+
return static::compassPrefix('o', $input);
|
517 |
+
}
|
518 |
+
|
519 |
+
public static function compassMs ($input) {
|
520 |
+
return static::compassPrefix('ms', $input);
|
521 |
+
}
|
522 |
+
|
523 |
+
public static function compassSvg ($input) {
|
524 |
+
return static::compassPrefix('svg', $input);
|
525 |
+
}
|
526 |
+
|
527 |
+
public static function compassPie ($input) {
|
528 |
+
return static::compassPrefix('ms', $input);
|
529 |
+
}
|
530 |
+
|
531 |
+
public static function compassCss2 ($input) {
|
532 |
+
return static::compassPrefix('ms', $input);
|
533 |
+
}
|
534 |
+
|
535 |
+
public static function compassOwg ($input) {
|
536 |
+
return static::compassPrefix('ms', $input);
|
537 |
+
}
|
538 |
+
|
539 |
+
public static function compassPrefixedForTransition($prefix, $list)
|
540 |
+
{
|
541 |
+
|
542 |
}
|
543 |
|
544 |
public static function compassPi()
|
lib/phpsass/Extensions/Compass/stylesheets/_compass.scss
CHANGED
@@ -1,3 +1,3 @@
|
|
1 |
-
@import "compass/
|
2 |
-
@import "compass/
|
3 |
-
@import "compass/
|
1 |
+
@import "compass/utilities";
|
2 |
+
@import "compass/typography";
|
3 |
+
@import "compass/css3";
|
lib/phpsass/Extensions/Compass/stylesheets/_lemonade.scss
CHANGED
@@ -8,7 +8,7 @@
|
|
8 |
}
|
9 |
|
10 |
@mixin sized-sprite-image($file) {
|
11 |
-
background: sprite-image($file);
|
12 |
@include image-dimensions($file);
|
13 |
}
|
14 |
|
@@ -16,7 +16,8 @@
|
|
16 |
.#{$folder} {
|
17 |
@if $image-dimensions {
|
18 |
background: sprite-url($folder);
|
19 |
-
}
|
|
|
20 |
background: sprite-url($folder) no-repeat;
|
21 |
}
|
22 |
}
|
8 |
}
|
9 |
|
10 |
@mixin sized-sprite-image($file) {
|
11 |
+
background: sprite-image($file);
|
12 |
@include image-dimensions($file);
|
13 |
}
|
14 |
|
16 |
.#{$folder} {
|
17 |
@if $image-dimensions {
|
18 |
background: sprite-url($folder);
|
19 |
+
}
|
20 |
+
@else {
|
21 |
background: sprite-url($folder) no-repeat;
|
22 |
}
|
23 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/_css3.scss
CHANGED
@@ -1,20 +1,20 @@
|
|
1 |
-
@import "css3/
|
2 |
-
@import "css3/
|
3 |
-
@import "css3/
|
4 |
-
@import "css3/
|
5 |
-
@import "css3/
|
6 |
-
@import "css3/
|
7 |
-
@import "css3/
|
8 |
-
@import "css3/
|
9 |
-
@import "css3/
|
10 |
-
@import "css3/
|
11 |
-
@import "css3/
|
12 |
-
@import "css3/
|
13 |
-
@import "css3/
|
14 |
-
@import "css3/
|
15 |
-
@import "css3/
|
16 |
-
@import "css3/
|
17 |
-
@import "css3/
|
18 |
-
@import "css3/
|
19 |
-
@import "css3/
|
20 |
-
@import "css3/
|
1 |
+
@import "css3/border-radius";
|
2 |
+
@import "css3/inline-block";
|
3 |
+
@import "css3/opacity";
|
4 |
+
@import "css3/box-shadow";
|
5 |
+
@import "css3/text-shadow";
|
6 |
+
@import "css3/columns";
|
7 |
+
@import "css3/box-sizing";
|
8 |
+
@import "css3/box";
|
9 |
+
@import "css3/images";
|
10 |
+
@import "css3/background-clip";
|
11 |
+
@import "css3/background-origin";
|
12 |
+
@import "css3/background-size";
|
13 |
+
@import "css3/font-face";
|
14 |
+
@import "css3/transform";
|
15 |
+
@import "css3/transition";
|
16 |
+
@import "css3/appearance";
|
17 |
+
@import "css3/regions";
|
18 |
+
@import "css3/hyphenation";
|
19 |
+
@import "css3/filter";
|
20 |
+
@import "css3/user-interface";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/_layout.scss
CHANGED
@@ -1,3 +1,3 @@
|
|
1 |
-
@import "layout/
|
2 |
-
@import "layout/
|
3 |
-
@import "layout/
|
1 |
+
@import "layout/grid-background";
|
2 |
+
@import "layout/sticky-footer";
|
3 |
+
@import "layout/stretching";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/_reset-legacy.scss
CHANGED
@@ -1,3 +1,3 @@
|
|
1 |
-
@import "reset/
|
2 |
|
3 |
@include global-reset;
|
1 |
+
@import "reset/utilities-legacy";
|
2 |
|
3 |
@include global-reset;
|
lib/phpsass/Extensions/Compass/stylesheets/compass/_reset.scss
CHANGED
@@ -1,3 +1,3 @@
|
|
1 |
-
@import "reset/
|
2 |
|
3 |
@include global-reset;
|
1 |
+
@import "reset/utilities";
|
2 |
|
3 |
@include global-reset;
|
lib/phpsass/Extensions/Compass/stylesheets/compass/_support.scss
CHANGED
@@ -21,20 +21,20 @@ $legacy-support-for-ie: $legacy-support-for-ie6 or $legacy-support-for-ie7 or $l
|
|
21 |
$legacy-support-for-mozilla: true;
|
22 |
|
23 |
// Support for mozilla in experimental css3 properties (-moz).
|
24 |
-
$experimental-support-for-mozilla: true !default;
|
25 |
// Support for webkit in experimental css3 properties (-webkit).
|
26 |
-
$experimental-support-for-webkit: true !default;
|
27 |
// Support for webkit's original (non-standard) gradient syntax.
|
28 |
-
$support-for-original-webkit-gradients: true !default;
|
29 |
// Support for opera in experimental css3 properties (-o).
|
30 |
-
$experimental-support-for-opera: true !default;
|
31 |
// Support for microsoft in experimental css3 properties (-ms).
|
32 |
-
$experimental-support-for-microsoft: true !default;
|
33 |
// Support for khtml in experimental css3 properties (-khtml).
|
34 |
-
$experimental-support-for-khtml: false !default;
|
35 |
// Support for svg in experimental css3 properties.
|
36 |
// Setting this to true might add significant size to your
|
37 |
// generated stylesheets.
|
38 |
-
$experimental-support-for-svg: false !default;
|
39 |
// Support for CSS PIE in experimental css3 properties (-pie).
|
40 |
-
$experimental-support-for-pie: false !default;
|
21 |
$legacy-support-for-mozilla: true;
|
22 |
|
23 |
// Support for mozilla in experimental css3 properties (-moz).
|
24 |
+
$experimental-support-for-mozilla : true !default;
|
25 |
// Support for webkit in experimental css3 properties (-webkit).
|
26 |
+
$experimental-support-for-webkit : true !default;
|
27 |
// Support for webkit's original (non-standard) gradient syntax.
|
28 |
+
$support-for-original-webkit-gradients : true !default;
|
29 |
// Support for opera in experimental css3 properties (-o).
|
30 |
+
$experimental-support-for-opera : true !default;
|
31 |
// Support for microsoft in experimental css3 properties (-ms).
|
32 |
+
$experimental-support-for-microsoft : true !default;
|
33 |
// Support for khtml in experimental css3 properties (-khtml).
|
34 |
+
$experimental-support-for-khtml : false !default;
|
35 |
// Support for svg in experimental css3 properties.
|
36 |
// Setting this to true might add significant size to your
|
37 |
// generated stylesheets.
|
38 |
+
$experimental-support-for-svg : false !default;
|
39 |
// Support for CSS PIE in experimental css3 properties (-pie).
|
40 |
+
$experimental-support-for-pie : false !default;
|
lib/phpsass/Extensions/Compass/stylesheets/compass/_typography.scss
CHANGED
@@ -1,4 +1,4 @@
|
|
1 |
-
@import "typography/
|
2 |
-
@import "typography/
|
3 |
-
@import "typography/
|
4 |
-
@import "typography/
|
1 |
+
@import "typography/links";
|
2 |
+
@import "typography/lists";
|
3 |
+
@import "typography/text";
|
4 |
+
@import "typography/vertical_rhythm";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/_utilities.scss
CHANGED
@@ -1,8 +1,9 @@
|
|
1 |
-
@import "utilities/
|
2 |
-
@import "utilities/
|
3 |
-
@import "utilities/
|
4 |
-
@import "utilities/
|
|
|
5 |
// deprecated
|
6 |
-
@import "typography/
|
7 |
-
@import "typography/
|
8 |
-
@import "typography/
|
1 |
+
@import "utilities/color";
|
2 |
+
@import "utilities/general";
|
3 |
+
@import "utilities/sprites";
|
4 |
+
@import "utilities/tables";
|
5 |
+
|
6 |
// deprecated
|
7 |
+
@import "typography/links";
|
8 |
+
@import "typography/lists";
|
9 |
+
@import "typography/text";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_appearance.scss
CHANGED
@@ -11,5 +11,7 @@
|
|
11 |
|
12 |
@mixin appearance($ap) {
|
13 |
$ap: unquote($ap);
|
14 |
-
@include experimental(appearance, $ap,
|
|
|
|
|
15 |
}
|
11 |
|
12 |
@mixin appearance($ap) {
|
13 |
$ap: unquote($ap);
|
14 |
+
@include experimental(appearance, $ap,
|
15 |
+
-moz, -webkit, not -o, not -ms, not -khtml, official
|
16 |
+
);
|
17 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_background-clip.scss
CHANGED
@@ -18,16 +18,26 @@ $default-background-clip: padding-box !default;
|
|
18 |
// * text
|
19 |
|
20 |
@mixin background-clip($clip: $default-background-clip) {
|
21 |
-
// webkit and mozilla use the deprecated short [border | padding]
|
22 |
$clip: unquote($clip);
|
23 |
$deprecated: $clip;
|
24 |
-
@if $clip == padding-box {
|
25 |
-
|
26 |
-
|
27 |
-
@
|
28 |
-
|
29 |
-
|
30 |
-
|
31 |
-
|
32 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33 |
}
|
18 |
// * text
|
19 |
|
20 |
@mixin background-clip($clip: $default-background-clip) {
|
21 |
+
// webkit and mozilla use the deprecated short [border | padding]
|
22 |
$clip: unquote($clip);
|
23 |
$deprecated: $clip;
|
24 |
+
@if $clip == padding-box { $deprecated: padding; }
|
25 |
+
@if $clip == border-box { $deprecated: border; }
|
26 |
+
// Support for webkit and mozilla's use of the deprecated short form
|
27 |
+
@include experimental(background-clip, $deprecated,
|
28 |
+
-moz,
|
29 |
+
-webkit,
|
30 |
+
not -o,
|
31 |
+
not -ms,
|
32 |
+
not -khtml,
|
33 |
+
not official
|
34 |
+
);
|
35 |
+
@include experimental(background-clip, $clip,
|
36 |
+
not -moz,
|
37 |
+
not -webkit,
|
38 |
+
not -o,
|
39 |
+
not -ms,
|
40 |
+
-khtml,
|
41 |
+
official
|
42 |
+
);
|
43 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_background-origin.scss
CHANGED
@@ -13,21 +13,30 @@ $default-background-origin: content-box !default;
|
|
13 |
// * browser defaults to `padding-box`
|
14 |
// * mixin defaults to `content-box`
|
15 |
|
|
|
16 |
@mixin background-origin($origin: $default-background-origin) {
|
17 |
$origin: unquote($origin);
|
18 |
-
// webkit and mozilla use the deprecated short [border | padding | content]
|
19 |
$deprecated: $origin;
|
20 |
-
@if $origin == padding-box {
|
21 |
-
|
22 |
-
}
|
23 |
-
@if $origin == border-box {
|
24 |
-
$deprecated: border;
|
25 |
-
}
|
26 |
-
@if $origin == content-box {
|
27 |
-
$deprecated: content;
|
28 |
-
}
|
29 |
|
30 |
-
// Support for webkit and mozilla's use of the deprecated short form
|
31 |
-
@include experimental(background-origin, $deprecated,
|
32 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33 |
}
|
13 |
// * browser defaults to `padding-box`
|
14 |
// * mixin defaults to `content-box`
|
15 |
|
16 |
+
|
17 |
@mixin background-origin($origin: $default-background-origin) {
|
18 |
$origin: unquote($origin);
|
19 |
+
// webkit and mozilla use the deprecated short [border | padding | content]
|
20 |
$deprecated: $origin;
|
21 |
+
@if $origin == padding-box { $deprecated: padding; }
|
22 |
+
@if $origin == border-box { $deprecated: border; }
|
23 |
+
@if $origin == content-box { $deprecated: content; }
|
|
|
|
|
|
|
|
|
|
|
|
|
24 |
|
25 |
+
// Support for webkit and mozilla's use of the deprecated short form
|
26 |
+
@include experimental(background-origin, $deprecated,
|
27 |
+
-moz,
|
28 |
+
-webkit,
|
29 |
+
not -o,
|
30 |
+
not -ms,
|
31 |
+
not -khtml,
|
32 |
+
not official
|
33 |
+
);
|
34 |
+
@include experimental(background-origin, $origin,
|
35 |
+
not -moz,
|
36 |
+
not -webkit,
|
37 |
+
-o,
|
38 |
+
-ms,
|
39 |
+
-khtml,
|
40 |
+
official
|
41 |
+
);
|
42 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_background-size.scss
CHANGED
@@ -8,16 +8,18 @@ $default-background-size: 100% auto !default;
|
|
8 |
//
|
9 |
// * percentages are relative to the background-origin (default = padding-box)
|
10 |
// * mixin defaults to: `$default-background-size`
|
11 |
-
@mixin background-size(
|
12 |
-
$size-
|
13 |
-
$size-
|
14 |
-
$size-
|
15 |
-
$size-
|
16 |
-
$size-
|
17 |
-
$size-
|
18 |
-
$size-
|
19 |
-
$size-
|
20 |
-
$size-
|
|
|
|
|
21 |
$size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
|
22 |
$sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
|
23 |
@include experimental(background-size, $sizes, -moz, -webkit, -o, not -ms, not -khtml);
|
8 |
//
|
9 |
// * percentages are relative to the background-origin (default = padding-box)
|
10 |
// * mixin defaults to: `$default-background-size`
|
11 |
+
@mixin background-size(
|
12 |
+
$size-1: $default-background-size,
|
13 |
+
$size-2: false,
|
14 |
+
$size-3: false,
|
15 |
+
$size-4: false,
|
16 |
+
$size-5: false,
|
17 |
+
$size-6: false,
|
18 |
+
$size-7: false,
|
19 |
+
$size-8: false,
|
20 |
+
$size-9: false,
|
21 |
+
$size-10: false
|
22 |
+
) {
|
23 |
$size-1: if(type-of($size-1) == string, unquote($size-1), $size-1);
|
24 |
$sizes: compact($size-1, $size-2, $size-3, $size-4, $size-5, $size-6, $size-7, $size-8, $size-9, $size-10);
|
25 |
@include experimental(background-size, $sizes, -moz, -webkit, -o, not -ms, not -khtml);
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_border-radius.scss
CHANGED
@@ -39,11 +39,26 @@ $default-border-radius: 5px !default;
|
|
39 |
@mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
|
40 |
|
41 |
@if $vertical-radius {
|
42 |
-
|
43 |
-
|
44 |
-
@include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
|
45 |
-
|
46 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
47 |
@include experimental(border-radius, $radius);
|
48 |
}
|
49 |
}
|
@@ -54,56 +69,62 @@ $default-border-radius: 5px !default;
|
|
54 |
// * legal values for `$horz`: `left`, `right`
|
55 |
|
56 |
@mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
|
57 |
-
// Support for mozilla's syntax for specifying a corner
|
58 |
-
@include experimental("border-radius-#{$vert}#{$horz}", $radius,
|
59 |
-
|
60 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61 |
}
|
62 |
|
63 |
// Round top-left corner only
|
64 |
|
65 |
@mixin border-top-left-radius($radius: $default-border-radius) {
|
66 |
-
@include border-corner-radius(top, left, $radius);
|
67 |
-
}
|
68 |
|
69 |
// Round top-right corner only
|
70 |
|
71 |
@mixin border-top-right-radius($radius: $default-border-radius) {
|
72 |
-
@include border-corner-radius(top, right, $radius);
|
73 |
-
}
|
74 |
|
75 |
// Round bottom-left corner only
|
76 |
|
77 |
@mixin border-bottom-left-radius($radius: $default-border-radius) {
|
78 |
-
@include border-corner-radius(bottom, left, $radius);
|
79 |
-
}
|
80 |
|
81 |
// Round bottom-right corner only
|
82 |
|
83 |
@mixin border-bottom-right-radius($radius: $default-border-radius) {
|
84 |
-
@include border-corner-radius(bottom, right, $radius);
|
85 |
-
}
|
86 |
|
87 |
// Round both top corners by amount
|
88 |
@mixin border-top-radius($radius: $default-border-radius) {
|
89 |
@include border-top-left-radius($radius);
|
90 |
-
@include border-top-right-radius($radius);
|
91 |
-
}
|
92 |
|
93 |
// Round both right corners by amount
|
94 |
@mixin border-right-radius($radius: $default-border-radius) {
|
95 |
@include border-top-right-radius($radius);
|
96 |
-
@include border-bottom-right-radius($radius);
|
97 |
-
}
|
98 |
|
99 |
// Round both bottom corners by amount
|
100 |
@mixin border-bottom-radius($radius: $default-border-radius) {
|
101 |
@include border-bottom-left-radius($radius);
|
102 |
-
@include border-bottom-right-radius($radius);
|
103 |
-
}
|
104 |
|
105 |
// Round both left corners by amount
|
106 |
@mixin border-left-radius($radius: $default-border-radius) {
|
107 |
@include border-top-left-radius($radius);
|
108 |
-
@include border-bottom-left-radius($radius);
|
109 |
-
}
|
39 |
@mixin border-radius($radius: $default-border-radius, $vertical-radius: false) {
|
40 |
|
41 |
@if $vertical-radius {
|
42 |
+
// Webkit doesn't understand the official shorthand syntax for specifying
|
43 |
+
// a vertical radius unless so in case there's several we only take the first.
|
44 |
+
@include experimental(border-radius, first-value-of($radius) first-value-of($vertical-radius),
|
45 |
+
not -moz,
|
46 |
+
-webkit,
|
47 |
+
not -o,
|
48 |
+
not -ms,
|
49 |
+
not -khtml,
|
50 |
+
not official
|
51 |
+
);
|
52 |
+
@include experimental("border-radius", $radius unquote("/") $vertical-radius,
|
53 |
+
-moz,
|
54 |
+
not -webkit,
|
55 |
+
not -o,
|
56 |
+
not -ms,
|
57 |
+
-khtml,
|
58 |
+
official
|
59 |
+
);
|
60 |
+
}
|
61 |
+
@else {
|
62 |
@include experimental(border-radius, $radius);
|
63 |
}
|
64 |
}
|
69 |
// * legal values for `$horz`: `left`, `right`
|
70 |
|
71 |
@mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
|
72 |
+
// Support for mozilla's syntax for specifying a corner
|
73 |
+
@include experimental("border-radius-#{$vert}#{$horz}", $radius,
|
74 |
+
-moz,
|
75 |
+
not -webkit,
|
76 |
+
not -o,
|
77 |
+
not -ms,
|
78 |
+
not -khtml,
|
79 |
+
not official
|
80 |
+
);
|
81 |
+
@include experimental("border-#{$vert}-#{$horz}-radius", $radius,
|
82 |
+
not -moz,
|
83 |
+
-webkit,
|
84 |
+
not -o,
|
85 |
+
not -ms,
|
86 |
+
-khtml,
|
87 |
+
official
|
88 |
+
);
|
89 |
+
|
90 |
}
|
91 |
|
92 |
// Round top-left corner only
|
93 |
|
94 |
@mixin border-top-left-radius($radius: $default-border-radius) {
|
95 |
+
@include border-corner-radius(top, left, $radius); }
|
|
|
96 |
|
97 |
// Round top-right corner only
|
98 |
|
99 |
@mixin border-top-right-radius($radius: $default-border-radius) {
|
100 |
+
@include border-corner-radius(top, right, $radius); }
|
|
|
101 |
|
102 |
// Round bottom-left corner only
|
103 |
|
104 |
@mixin border-bottom-left-radius($radius: $default-border-radius) {
|
105 |
+
@include border-corner-radius(bottom, left, $radius); }
|
|
|
106 |
|
107 |
// Round bottom-right corner only
|
108 |
|
109 |
@mixin border-bottom-right-radius($radius: $default-border-radius) {
|
110 |
+
@include border-corner-radius(bottom, right, $radius); }
|
|
|
111 |
|
112 |
// Round both top corners by amount
|
113 |
@mixin border-top-radius($radius: $default-border-radius) {
|
114 |
@include border-top-left-radius($radius);
|
115 |
+
@include border-top-right-radius($radius); }
|
|
|
116 |
|
117 |
// Round both right corners by amount
|
118 |
@mixin border-right-radius($radius: $default-border-radius) {
|
119 |
@include border-top-right-radius($radius);
|
120 |
+
@include border-bottom-right-radius($radius); }
|
|
|
121 |
|
122 |
// Round both bottom corners by amount
|
123 |
@mixin border-bottom-radius($radius: $default-border-radius) {
|
124 |
@include border-bottom-left-radius($radius);
|
125 |
+
@include border-bottom-right-radius($radius); }
|
|
|
126 |
|
127 |
// Round both left corners by amount
|
128 |
@mixin border-left-radius($radius: $default-border-radius) {
|
129 |
@include border-top-left-radius($radius);
|
130 |
+
@include border-bottom-left-radius($radius); }
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_box-shadow.scss
CHANGED
@@ -5,6 +5,7 @@
|
|
5 |
|
6 |
@import "shared";
|
7 |
|
|
|
8 |
// The default color for box shadows
|
9 |
$default-box-shadow-color: #333333 !default;
|
10 |
|
@@ -18,40 +19,46 @@ $default-box-shadow-v-offset: 0px !default;
|
|
18 |
$default-box-shadow-blur: 5px !default;
|
19 |
|
20 |
// The default spread length.
|
21 |
-
$default-box-shadow-spread: false !default;
|
22 |
|
23 |
// The default shadow inset: inset or false (for standard shadow).
|
24 |
-
$default-box-shadow-inset: false !default;
|
25 |
|
26 |
// Provides cross-browser for Webkit, Gecko, and CSS3 box shadows when one or more box
|
27 |
// shadows are needed.
|
28 |
// Each shadow argument should adhere to the standard css3 syntax for the
|
29 |
// box-shadow property.
|
30 |
-
@mixin box-shadow(
|
31 |
-
$shadow-
|
32 |
-
$shadow-
|
33 |
-
$shadow-
|
34 |
-
$shadow-
|
35 |
-
$shadow-
|
36 |
-
$shadow-
|
37 |
-
$shadow-
|
38 |
-
$shadow-
|
39 |
-
$shadow-
|
|
|
|
|
40 |
@if $shadow-1 == default {
|
41 |
-
$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));
|
42 |
}
|
43 |
-
$shadow: compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
|
44 |
-
@include experimental(box-shadow, $shadow,
|
|
|
|
|
45 |
}
|
46 |
|
47 |
// Provides a single cross-browser CSS box shadow for Webkit, Gecko, and CSS3.
|
48 |
// Includes default arguments for color, horizontal offset, vertical offset, blur length, spread length, and inset.
|
49 |
-
@mixin single-box-shadow(
|
50 |
-
$
|
51 |
-
$
|
52 |
-
$
|
53 |
-
$
|
54 |
-
$
|
|
|
|
|
55 |
@if not ($inset == true or $inset == false or $inset == inset) {
|
56 |
@warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
|
57 |
}
|
@@ -59,19 +66,11 @@ $inset: $default-box-shadow-inset) {
|
|
59 |
@if $color == none {
|
60 |
@include box-shadow(none);
|
61 |
} @else {
|
62 |
-
$full: $hoff $voff;
|
63 |
-
@if $blur
|
64 |
-
|
65 |
-
}
|
66 |
-
@if $
|
67 |
-
$full: $full $spread;
|
68 |
-
}
|
69 |
-
@if $color {
|
70 |
-
$full: $full $color;
|
71 |
-
}
|
72 |
-
@if $inset {
|
73 |
-
$full: inset $full;
|
74 |
-
}
|
75 |
@include box-shadow($full);
|
76 |
}
|
77 |
}
|
5 |
|
6 |
@import "shared";
|
7 |
|
8 |
+
|
9 |
// The default color for box shadows
|
10 |
$default-box-shadow-color: #333333 !default;
|
11 |
|
19 |
$default-box-shadow-blur: 5px !default;
|
20 |
|
21 |
// The default spread length.
|
22 |
+
$default-box-shadow-spread : false !default;
|
23 |
|
24 |
// The default shadow inset: inset or false (for standard shadow).
|
25 |
+
$default-box-shadow-inset : false !default;
|
26 |
|
27 |
// Provides cross-browser for Webkit, Gecko, and CSS3 box shadows when one or more box
|
28 |
// shadows are needed.
|
29 |
// Each shadow argument should adhere to the standard css3 syntax for the
|
30 |
// box-shadow property.
|
31 |
+
@mixin box-shadow(
|
32 |
+
$shadow-1 : default,
|
33 |
+
$shadow-2 : false,
|
34 |
+
$shadow-3 : false,
|
35 |
+
$shadow-4 : false,
|
36 |
+
$shadow-5 : false,
|
37 |
+
$shadow-6 : false,
|
38 |
+
$shadow-7 : false,
|
39 |
+
$shadow-8 : false,
|
40 |
+
$shadow-9 : false,
|
41 |
+
$shadow-10: false
|
42 |
+
) {
|
43 |
@if $shadow-1 == default {
|
44 |
+
$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));
|
45 |
}
|
46 |
+
$shadow : compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
|
47 |
+
@include experimental(box-shadow, $shadow,
|
48 |
+
-moz, -webkit, not -o, not -ms, not -khtml, official
|
49 |
+
);
|
50 |
}
|
51 |
|
52 |
// Provides a single cross-browser CSS box shadow for Webkit, Gecko, and CSS3.
|
53 |
// Includes default arguments for color, horizontal offset, vertical offset, blur length, spread length, and inset.
|
54 |
+
@mixin single-box-shadow(
|
55 |
+
$color : $default-box-shadow-color,
|
56 |
+
$hoff : $default-box-shadow-h-offset,
|
57 |
+
$voff : $default-box-shadow-v-offset,
|
58 |
+
$blur : $default-box-shadow-blur,
|
59 |
+
$spread : $default-box-shadow-spread,
|
60 |
+
$inset : $default-box-shadow-inset
|
61 |
+
) {
|
62 |
@if not ($inset == true or $inset == false or $inset == inset) {
|
63 |
@warn "$inset expected to be true or the inset keyword. Got #{$inset} instead. Using: inset";
|
64 |
}
|
66 |
@if $color == none {
|
67 |
@include box-shadow(none);
|
68 |
} @else {
|
69 |
+
$full : $hoff $voff;
|
70 |
+
@if $blur { $full: $full $blur; }
|
71 |
+
@if $spread { $full: $full $spread; }
|
72 |
+
@if $color { $full: $full $color; }
|
73 |
+
@if $inset { $full: inset $full; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
74 |
@include box-shadow($full);
|
75 |
}
|
76 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_box-sizing.scss
CHANGED
@@ -7,5 +7,7 @@
|
|
7 |
|
8 |
@mixin box-sizing($bs) {
|
9 |
$bs: unquote($bs);
|
10 |
-
@include experimental(box-sizing, $bs,
|
|
|
|
|
11 |
}
|
7 |
|
8 |
@mixin box-sizing($bs) {
|
9 |
$bs: unquote($bs);
|
10 |
+
@include experimental(box-sizing, $bs,
|
11 |
+
-moz, -webkit, not -o, not -ms, not -khtml, official
|
12 |
+
);
|
13 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_box.scss
CHANGED
@@ -2,25 +2,35 @@
|
|
2 |
|
3 |
// display:box; must be used for any of the other flexbox mixins to work properly
|
4 |
@mixin display-box {
|
5 |
-
@include experimental-value(display, box,
|
|
|
|
|
6 |
}
|
7 |
|
8 |
// Default box orientation, assuming that the user wants something less block-like
|
9 |
$default-box-orient: horizontal !default;
|
10 |
|
11 |
// Box orientation [ horizontal | vertical | inline-axis | block-axis | inherit ]
|
12 |
-
@mixin box-orient(
|
13 |
-
$orientation:
|
14 |
-
|
|
|
|
|
|
|
|
|
15 |
}
|
16 |
|
17 |
// Default box-align
|
18 |
$default-box-align: stretch !default;
|
19 |
|
20 |
// Box align [ start | end | center | baseline | stretch ]
|
21 |
-
@mixin box-align(
|
22 |
-
$alignment:
|
23 |
-
|
|
|
|
|
|
|
|
|
24 |
}
|
25 |
|
26 |
// Default box flex
|
@@ -29,49 +39,73 @@ $default-box-flex: 0 !default;
|
|
29 |
// mixin which takes an int argument for box flex. Apply this to the children inside the box.
|
30 |
//
|
31 |
// For example: "div.display-box > div.child-box" would get the box flex mixin.
|
32 |
-
@mixin box-flex(
|
33 |
-
|
|
|
|
|
|
|
|
|
34 |
}
|
35 |
|
36 |
// Default flex group
|
37 |
$default-box-flex-group: 1 !default;
|
38 |
|
39 |
// mixin which takes an int argument for flexible grouping
|
40 |
-
@mixin box-flex-group(
|
41 |
-
|
|
|
|
|
|
|
|
|
42 |
}
|
43 |
|
44 |
// default for ordinal group
|
45 |
$default-box-ordinal-group: 1 !default;
|
46 |
|
47 |
// mixin which takes an int argument for ordinal grouping and rearranging the order
|
48 |
-
@mixin box-ordinal-group(
|
49 |
-
|
|
|
|
|
|
|
|
|
50 |
}
|
51 |
|
52 |
// Box direction default value
|
53 |
$default-box-direction: normal !default;
|
54 |
|
55 |
// mixin for box-direction [ normal | reverse | inherit ]
|
56 |
-
@mixin box-direction(
|
|
|
|
|
57 |
$direction: unquote($direction);
|
58 |
-
@include experimental(box-direction, $direction,
|
|
|
|
|
59 |
}
|
60 |
|
61 |
// default for box lines
|
62 |
$default-box-lines: single !default;
|
63 |
|
64 |
// mixin for box lines [ single | multiple ]
|
65 |
-
@mixin box-lines(
|
|
|
|
|
66 |
$lines: unquote($lines);
|
67 |
-
@include experimental(box-lines, $lines,
|
|
|
|
|
68 |
}
|
69 |
|
70 |
// default for box pack
|
71 |
$default-box-pack: start !default;
|
72 |
|
73 |
// mixin for box pack [ start | end | center | justify ]
|
74 |
-
@mixin box-pack(
|
|
|
|
|
75 |
$pack: unquote($pack);
|
76 |
-
@include experimental(box-pack, $pack,
|
77 |
-
|
|
|
|
2 |
|
3 |
// display:box; must be used for any of the other flexbox mixins to work properly
|
4 |
@mixin display-box {
|
5 |
+
@include experimental-value(display, box,
|
6 |
+
-moz, -webkit, not -o, -ms, not -khtml, official
|
7 |
+
);
|
8 |
}
|
9 |
|
10 |
// Default box orientation, assuming that the user wants something less block-like
|
11 |
$default-box-orient: horizontal !default;
|
12 |
|
13 |
// Box orientation [ horizontal | vertical | inline-axis | block-axis | inherit ]
|
14 |
+
@mixin box-orient(
|
15 |
+
$orientation: $default-box-orient
|
16 |
+
) {
|
17 |
+
$orientation : unquote($orientation);
|
18 |
+
@include experimental(box-orient, $orientation,
|
19 |
+
-moz, -webkit, not -o, -ms, not -khtml, official
|
20 |
+
);
|
21 |
}
|
22 |
|
23 |
// Default box-align
|
24 |
$default-box-align: stretch !default;
|
25 |
|
26 |
// Box align [ start | end | center | baseline | stretch ]
|
27 |
+
@mixin box-align(
|
28 |
+
$alignment: $default-box-align
|
29 |
+
) {
|
30 |
+
$alignment : unquote($alignment);
|
31 |
+
@include experimental(box-align, $alignment,
|
32 |
+
-moz, -webkit, not -o, -ms, not -khtml, official
|
33 |
+
);
|
34 |
}
|
35 |
|
36 |
// Default box flex
|
39 |
// mixin which takes an int argument for box flex. Apply this to the children inside the box.
|
40 |
//
|
41 |
// For example: "div.display-box > div.child-box" would get the box flex mixin.
|
42 |
+
@mixin box-flex(
|
43 |
+
$flex: $default-box-flex
|
44 |
+
) {
|
45 |
+
@include experimental(box-flex, $flex,
|
46 |
+
-moz, -webkit, not -o, -ms, not -khtml, official
|
47 |
+
);
|
48 |
}
|
49 |
|
50 |
// Default flex group
|
51 |
$default-box-flex-group: 1 !default;
|
52 |
|
53 |
// mixin which takes an int argument for flexible grouping
|
54 |
+
@mixin box-flex-group(
|
55 |
+
$group: $default-box-flex-group
|
56 |
+
) {
|
57 |
+
@include experimental(box-flex-group, $group,
|
58 |
+
-moz, -webkit, not -o, -ms, not -khtml, official
|
59 |
+
);
|
60 |
}
|
61 |
|
62 |
// default for ordinal group
|
63 |
$default-box-ordinal-group: 1 !default;
|
64 |
|
65 |
// mixin which takes an int argument for ordinal grouping and rearranging the order
|
66 |
+
@mixin box-ordinal-group(
|
67 |
+
$group: $default-box-ordinal-group
|
68 |
+
) {
|
69 |
+
@include experimental(box-ordinal-group, $group,
|
70 |
+
-moz, -webkit, not -o, -ms, not -khtml, official
|
71 |
+
);
|
72 |
}
|
73 |
|
74 |
// Box direction default value
|
75 |
$default-box-direction: normal !default;
|
76 |
|
77 |
// mixin for box-direction [ normal | reverse | inherit ]
|
78 |
+
@mixin box-direction(
|
79 |
+
$direction: $default-box-direction
|
80 |
+
) {
|
81 |
$direction: unquote($direction);
|
82 |
+
@include experimental(box-direction, $direction,
|
83 |
+
-moz, -webkit, not -o, -ms, not -khtml, official
|
84 |
+
);
|
85 |
}
|
86 |
|
87 |
// default for box lines
|
88 |
$default-box-lines: single !default;
|
89 |
|
90 |
// mixin for box lines [ single | multiple ]
|
91 |
+
@mixin box-lines(
|
92 |
+
$lines: $default-box-lines
|
93 |
+
) {
|
94 |
$lines: unquote($lines);
|
95 |
+
@include experimental(box-lines, $lines,
|
96 |
+
-moz, -webkit, not -o, -ms, not -khtml, official
|
97 |
+
);
|
98 |
}
|
99 |
|
100 |
// default for box pack
|
101 |
$default-box-pack: start !default;
|
102 |
|
103 |
// mixin for box pack [ start | end | center | justify ]
|
104 |
+
@mixin box-pack(
|
105 |
+
$pack: $default-box-pack
|
106 |
+
) {
|
107 |
$pack: unquote($pack);
|
108 |
+
@include experimental(box-pack, $pack,
|
109 |
+
-moz, -webkit, not -o, -ms, not -khtml, official
|
110 |
+
);
|
111 |
+
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_columns.scss
CHANGED
@@ -6,39 +6,62 @@
|
|
6 |
//
|
7 |
// @include columns(20em 2)
|
8 |
@mixin columns($width-and-count) {
|
9 |
-
@include experimental(columns, $width-and-count,
|
|
|
|
|
10 |
}
|
11 |
|
12 |
// Specify the number of columns
|
13 |
@mixin column-count($count) {
|
14 |
-
@include experimental(column-count, $count,
|
|
|
|
|
15 |
}
|
16 |
|
17 |
// Specify the gap between columns e.g. `20px`
|
18 |
@mixin column-gap($width) {
|
19 |
-
@include experimental(column-gap, $width,
|
|
|
|
|
20 |
}
|
21 |
|
22 |
// Specify the width of columns e.g. `100px`
|
23 |
@mixin column-width($width) {
|
24 |
-
@include experimental(column-width, $width,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
25 |
}
|
26 |
|
27 |
// Specify the width of the rule between columns e.g. `1px`
|
28 |
@mixin column-rule-width($width) {
|
29 |
-
@include experimental(column-rule-width, $width,
|
|
|
|
|
30 |
}
|
31 |
|
32 |
// Specify the style of the rule between columns e.g. `dotted`.
|
33 |
// This works like border-style.
|
34 |
@mixin column-rule-style($style) {
|
35 |
-
@include experimental(column-rule-style, unquote($style),
|
|
|
|
|
36 |
}
|
37 |
|
38 |
// Specify the color of the rule between columns e.g. `blue`.
|
39 |
// This works like border-color.
|
40 |
@mixin column-rule-color($color) {
|
41 |
-
@include experimental(column-rule-color, $color,
|
|
|
|
|
42 |
}
|
43 |
|
44 |
// Mixin encompassing all column rule properties
|
@@ -50,75 +73,77 @@
|
|
50 |
//
|
51 |
// @include column-rule(1px solid #c00)
|
52 |
@mixin column-rule($width, $style: false, $color: false) {
|
53 |
-
$full: -compass-space-list(compact($width, $style, $color));
|
54 |
-
@include experimental(column-rule, $full,
|
|
|
|
|
55 |
}
|
56 |
|
57 |
// Mixin for setting column-break-before
|
58 |
//
|
59 |
// * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
|
60 |
//
|
61 |
-
// Example:
|
62 |
// h2.before {@include column-break-before(always);}
|
63 |
//
|
64 |
-
// Which generates:
|
65 |
//
|
66 |
-
// h2.before {
|
67 |
// -webkit-column-break-before: always;
|
68 |
// column-break-before: always;}
|
69 |
-
@mixin column-break-before($value: auto)
|
70 |
-
|
71 |
}
|
72 |
|
73 |
// Mixin for setting column-break-after
|
74 |
//
|
75 |
// * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
|
76 |
//
|
77 |
-
// Example:
|
78 |
// h2.after {@include column-break-after(always); }
|
79 |
//
|
80 |
-
// Which generates:
|
81 |
//
|
82 |
// h2.after {
|
83 |
// -webkit-column-break-after: always;
|
84 |
// column-break-after: always; }
|
85 |
-
@mixin column-break-after($value: auto)
|
86 |
-
|
87 |
}
|
88 |
|
89 |
// Mixin for setting column-break-inside
|
90 |
//
|
91 |
// * legal values are auto, avoid, avoid-page, avoid-column
|
92 |
//
|
93 |
-
// Example:
|
94 |
// h2.inside {@include column-break-inside();}
|
95 |
-
// Which generates:
|
96 |
-
//
|
97 |
// h2.inside {
|
98 |
// -webkit-column-break-inside: auto;
|
99 |
// column-break-inside: auto;}
|
100 |
-
@mixin column-break-inside($value: auto)
|
101 |
-
|
102 |
}
|
103 |
|
104 |
// All-purpose mixin for setting column breaks.
|
105 |
//
|
106 |
-
// * legal values for $type : before, after, inside
|
107 |
// * legal values for '$value' are dependent on $type
|
108 |
// * when $type = before, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
|
109 |
// * when $type = after, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
|
110 |
// * when $type = inside, legal values are auto, avoid, avoid-page, avoid-column
|
111 |
-
//
|
112 |
-
// Examples:
|
113 |
// h2.before {@include column-break(before, always);}
|
114 |
// h2.after {@include column-break(after, always); }
|
115 |
// h2.inside {@include column-break(inside); }
|
116 |
//
|
117 |
-
// Which generates:
|
118 |
-
// h2.before {
|
119 |
// -webkit-column-break-before: always;
|
120 |
// column-break-before: always;}
|
121 |
-
//
|
122 |
// h2.after {
|
123 |
// -webkit-column-break-after: always;
|
124 |
// column-break-after: always; }
|
@@ -126,7 +151,7 @@
|
|
126 |
// h2.inside {
|
127 |
// -webkit-column-break-inside: auto;
|
128 |
// column-break-inside: auto;}
|
129 |
-
|
130 |
-
@mixin column-break($type: before, $value: auto)
|
131 |
-
|
132 |
-
}
|
6 |
//
|
7 |
// @include columns(20em 2)
|
8 |
@mixin columns($width-and-count) {
|
9 |
+
@include experimental(columns, $width-and-count,
|
10 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
11 |
+
);
|
12 |
}
|
13 |
|
14 |
// Specify the number of columns
|
15 |
@mixin column-count($count) {
|
16 |
+
@include experimental(column-count, $count,
|
17 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
18 |
+
);
|
19 |
}
|
20 |
|
21 |
// Specify the gap between columns e.g. `20px`
|
22 |
@mixin column-gap($width) {
|
23 |
+
@include experimental(column-gap, $width,
|
24 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
25 |
+
);
|
26 |
}
|
27 |
|
28 |
// Specify the width of columns e.g. `100px`
|
29 |
@mixin column-width($width) {
|
30 |
+
@include experimental(column-width, $width,
|
31 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
32 |
+
);
|
33 |
+
}
|
34 |
+
|
35 |
+
// Specify how many columns an element should span across.
|
36 |
+
//
|
37 |
+
// * legal values are 1, all
|
38 |
+
@mixin column-span($columns) {
|
39 |
+
@include experimental(column-span, $columns,
|
40 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
41 |
+
);
|
42 |
}
|
43 |
|
44 |
// Specify the width of the rule between columns e.g. `1px`
|
45 |
@mixin column-rule-width($width) {
|
46 |
+
@include experimental(column-rule-width, $width,
|
47 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
48 |
+
);
|
49 |
}
|
50 |
|
51 |
// Specify the style of the rule between columns e.g. `dotted`.
|
52 |
// This works like border-style.
|
53 |
@mixin column-rule-style($style) {
|
54 |
+
@include experimental(column-rule-style, unquote($style),
|
55 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
56 |
+
);
|
57 |
}
|
58 |
|
59 |
// Specify the color of the rule between columns e.g. `blue`.
|
60 |
// This works like border-color.
|
61 |
@mixin column-rule-color($color) {
|
62 |
+
@include experimental(column-rule-color, $color,
|
63 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
64 |
+
);
|
65 |
}
|
66 |
|
67 |
// Mixin encompassing all column rule properties
|
73 |
//
|
74 |
// @include column-rule(1px solid #c00)
|
75 |
@mixin column-rule($width, $style: false, $color: false) {
|
76 |
+
$full : -compass-space-list(compact($width, $style, $color));
|
77 |
+
@include experimental(column-rule, $full,
|
78 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
79 |
+
);
|
80 |
}
|
81 |
|
82 |
// Mixin for setting column-break-before
|
83 |
//
|
84 |
// * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
|
85 |
//
|
86 |
+
// Example:
|
87 |
// h2.before {@include column-break-before(always);}
|
88 |
//
|
89 |
+
// Which generates:
|
90 |
//
|
91 |
+
// h2.before {
|
92 |
// -webkit-column-break-before: always;
|
93 |
// column-break-before: always;}
|
94 |
+
@mixin column-break-before($value: auto){
|
95 |
+
@include experimental(column-break-before, $value, not -moz, -webkit, not -o, not -ms, not -khtml, official );
|
96 |
}
|
97 |
|
98 |
// Mixin for setting column-break-after
|
99 |
//
|
100 |
// * legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
|
101 |
//
|
102 |
+
// Example:
|
103 |
// h2.after {@include column-break-after(always); }
|
104 |
//
|
105 |
+
// Which generates:
|
106 |
//
|
107 |
// h2.after {
|
108 |
// -webkit-column-break-after: always;
|
109 |
// column-break-after: always; }
|
110 |
+
@mixin column-break-after($value: auto){
|
111 |
+
@include experimental(column-break-after, $value, not -moz, -webkit, not -o, not -ms, not -khtml, official );
|
112 |
}
|
113 |
|
114 |
// Mixin for setting column-break-inside
|
115 |
//
|
116 |
// * legal values are auto, avoid, avoid-page, avoid-column
|
117 |
//
|
118 |
+
// Example:
|
119 |
// h2.inside {@include column-break-inside();}
|
120 |
+
// Which generates:
|
121 |
+
//
|
122 |
// h2.inside {
|
123 |
// -webkit-column-break-inside: auto;
|
124 |
// column-break-inside: auto;}
|
125 |
+
@mixin column-break-inside($value: auto){
|
126 |
+
@include experimental(column-break-inside, $value, not -moz, -webkit, not -o, not -ms, not -khtml, official );
|
127 |
}
|
128 |
|
129 |
// All-purpose mixin for setting column breaks.
|
130 |
//
|
131 |
+
// * legal values for $type : before, after, inside
|
132 |
// * legal values for '$value' are dependent on $type
|
133 |
// * when $type = before, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
|
134 |
// * when $type = after, legal values are auto, always, avoid, left, right, page, column, avoid-page, avoid-column
|
135 |
// * when $type = inside, legal values are auto, avoid, avoid-page, avoid-column
|
136 |
+
//
|
137 |
+
// Examples:
|
138 |
// h2.before {@include column-break(before, always);}
|
139 |
// h2.after {@include column-break(after, always); }
|
140 |
// h2.inside {@include column-break(inside); }
|
141 |
//
|
142 |
+
// Which generates:
|
143 |
+
// h2.before {
|
144 |
// -webkit-column-break-before: always;
|
145 |
// column-break-before: always;}
|
146 |
+
//
|
147 |
// h2.after {
|
148 |
// -webkit-column-break-after: always;
|
149 |
// column-break-after: always; }
|
151 |
// h2.inside {
|
152 |
// -webkit-column-break-inside: auto;
|
153 |
// column-break-inside: auto;}
|
154 |
+
|
155 |
+
@mixin column-break($type: before, $value: auto){
|
156 |
+
@include experimental("column-break-#{$type}", $value, not -moz, -webkit, not -o, not -ms, not -khtml, official );
|
157 |
+
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_filter.scss
CHANGED
@@ -4,12 +4,20 @@
|
|
4 |
//
|
5 |
// Each filter argument should adhere to the standard css3 syntax for the
|
6 |
// filter property.
|
7 |
-
@mixin filter
|
8 |
-
|
9 |
-
|
10 |
-
$filter-
|
11 |
-
$filter-
|
12 |
-
|
13 |
-
$filter
|
14 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
15 |
}
|
4 |
//
|
5 |
// Each filter argument should adhere to the standard css3 syntax for the
|
6 |
// filter property.
|
7 |
+
@mixin filter (
|
8 |
+
$filter-1,
|
9 |
+
$filter-2 : false,
|
10 |
+
$filter-3 : false,
|
11 |
+
$filter-4 : false,
|
12 |
+
$filter-5 : false,
|
13 |
+
$filter-6 : false,
|
14 |
+
$filter-7 : false,
|
15 |
+
$filter-8 : false,
|
16 |
+
$filter-9 : false,
|
17 |
+
$filter-10: false
|
18 |
+
) {
|
19 |
+
$filter : compact($filter-1, $filter-2, $filter-3, $filter-4, $filter-5, $filter-6, $filter-7, $filter-8, $filter-9, $filter-10);
|
20 |
+
@include experimental(filter, $filter,
|
21 |
+
-moz, -webkit, not -o, not -ms, not -khtml, official
|
22 |
+
);
|
23 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_font-face.scss
CHANGED
@@ -16,24 +16,26 @@
|
|
16 |
// [font generator](http://www.fontsquirrel.com/fontface/generator)
|
17 |
//
|
18 |
|
19 |
-
// In order to refer to a specific style of the font in your stylesheets as
|
20 |
// e.g. "font-style: italic;", you may add a couple of @font-face includes
|
21 |
// containing the respective font files for each style and specying
|
22 |
// respective the $style parameter.
|
23 |
|
24 |
// Order of the includes matters, and it is: normal, bold, italic, bold+italic.
|
25 |
|
26 |
-
@mixin font-face(
|
27 |
-
$
|
28 |
-
$
|
29 |
-
$
|
30 |
-
$
|
|
|
|
|
31 |
$iefont: unquote("#{$eot}?#iefix");
|
32 |
@font-face {
|
33 |
font-family: quote($name);
|
34 |
@if $eot {
|
35 |
src: font-url($eot);
|
36 |
-
$font-files: font-url($iefont) unquote("format('
|
37 |
}
|
38 |
src: $font-files;
|
39 |
@if $weight {
|
16 |
// [font generator](http://www.fontsquirrel.com/fontface/generator)
|
17 |
//
|
18 |
|
19 |
+
// In order to refer to a specific style of the font in your stylesheets as
|
20 |
// e.g. "font-style: italic;", you may add a couple of @font-face includes
|
21 |
// containing the respective font files for each style and specying
|
22 |
// respective the $style parameter.
|
23 |
|
24 |
// Order of the includes matters, and it is: normal, bold, italic, bold+italic.
|
25 |
|
26 |
+
@mixin font-face(
|
27 |
+
$name,
|
28 |
+
$font-files,
|
29 |
+
$eot: false,
|
30 |
+
$weight: false,
|
31 |
+
$style: false
|
32 |
+
) {
|
33 |
$iefont: unquote("#{$eot}?#iefix");
|
34 |
@font-face {
|
35 |
font-family: quote($name);
|
36 |
@if $eot {
|
37 |
src: font-url($eot);
|
38 |
+
$font-files: font-url($iefont) unquote("format('embedded-opentype')"), $font-files;
|
39 |
}
|
40 |
src: $font-files;
|
41 |
@if $weight {
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_hyphenation.scss
CHANGED
@@ -17,14 +17,21 @@
|
|
17 |
// word-break: break-all;
|
18 |
// word-break: break-word;}
|
19 |
//
|
20 |
-
@mixin word-break($value: normal)
|
21 |
@if $value == break-all {
|
22 |
-
|
23 |
-
@include experimental(word-break, $value,
|
24 |
-
|
25 |
-
|
26 |
-
|
27 |
-
@include experimental(word-break,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
28 |
}
|
29 |
}
|
30 |
|
@@ -42,8 +49,10 @@
|
|
42 |
// -webkit-hyphens: auto;
|
43 |
// hyphens: auto;}
|
44 |
//
|
45 |
-
@mixin hyphens($value: auto)
|
46 |
-
@include experimental(hyphens, $value,
|
|
|
|
|
47 |
}
|
48 |
|
49 |
// Mixin for x-browser hyphenation based on @auchenberg's post:
|
@@ -62,7 +71,7 @@
|
|
62 |
// -webkit-hyphens: auto;
|
63 |
// hyphens: auto;}
|
64 |
//
|
65 |
-
@mixin hyphenation
|
66 |
@include word-break(break-all);
|
67 |
@include hyphens;
|
68 |
}
|
17 |
// word-break: break-all;
|
18 |
// word-break: break-word;}
|
19 |
//
|
20 |
+
@mixin word-break($value: normal){
|
21 |
@if $value == break-all {
|
22 |
+
//Most browsers handle the break-all case the same...
|
23 |
+
@include experimental(word-break, $value,
|
24 |
+
not -moz, not -webkit, not -o, -ms, not -khtml, official
|
25 |
+
);
|
26 |
+
//Webkit handles break-all differently... as break-word
|
27 |
+
@include experimental(word-break, break-word,
|
28 |
+
not -moz, not -webkit, not -o, not -ms, not -khtml, official
|
29 |
+
);
|
30 |
+
}
|
31 |
+
@else {
|
32 |
+
@include experimental(word-break, $value,
|
33 |
+
not -moz, not -webkit, not -o, -ms, not -khtml, official
|
34 |
+
);
|
35 |
}
|
36 |
}
|
37 |
|
49 |
// -webkit-hyphens: auto;
|
50 |
// hyphens: auto;}
|
51 |
//
|
52 |
+
@mixin hyphens($value: auto){
|
53 |
+
@include experimental(hyphens, $value,
|
54 |
+
-moz, -webkit, not -o, not -ms, not -khtml, official
|
55 |
+
);
|
56 |
}
|
57 |
|
58 |
// Mixin for x-browser hyphenation based on @auchenberg's post:
|
71 |
// -webkit-hyphens: auto;
|
72 |
// hyphens: auto;}
|
73 |
//
|
74 |
+
@mixin hyphenation{
|
75 |
@include word-break(break-all);
|
76 |
@include hyphens;
|
77 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_images.scss
CHANGED
@@ -2,93 +2,76 @@
|
|
2 |
@import "compass/utilities/general/hacks";
|
3 |
|
4 |
// Background property support for vendor prefixing within values.
|
5 |
-
@mixin background(
|
6 |
-
$background-
|
7 |
-
$background-
|
8 |
-
$background-
|
9 |
-
$background-
|
10 |
-
$background-
|
11 |
-
$background-
|
12 |
-
$background-
|
13 |
-
$background-
|
14 |
-
$background-
|
15 |
-
$
|
|
|
|
|
|
|
16 |
$mult-bgs: -compass-list-size($backgrounds) > 1;
|
17 |
$add-pie-bg: prefixed(-pie, $backgrounds) or $mult-bgs;
|
18 |
-
@if $experimental-support-for-svg and prefixed(-svg, $backgrounds) {
|
19 |
-
background:
|
20 |
-
}
|
21 |
-
@if $support-for-
|
22 |
-
|
23 |
-
}
|
24 |
-
|
25 |
-
background: -webkit($backgrounds);
|
26 |
-
}
|
27 |
-
@if $experimental-support-for-mozilla and prefixed(-moz, $backgrounds) {
|
28 |
-
background: -moz($backgrounds);
|
29 |
-
}
|
30 |
-
@if $experimental-support-for-opera and prefixed(-o, $backgrounds) {
|
31 |
-
background: -o($backgrounds);
|
32 |
-
}
|
33 |
-
@if $experimental-support-for-pie and $add-pie-bg {
|
34 |
-
-pie-background: -pie($backgrounds);
|
35 |
-
}
|
36 |
-
background: $backgrounds;
|
37 |
}
|
38 |
|
39 |
-
@mixin background-with-css2-fallback(
|
40 |
-
$background-
|
41 |
-
$background-
|
42 |
-
$background-
|
43 |
-
$background-
|
44 |
-
$background-
|
45 |
-
$background-
|
46 |
-
$background-
|
47 |
-
$background-
|
48 |
-
$background-
|
49 |
-
$
|
|
|
|
|
|
|
50 |
$mult-bgs: -compass-list-size($backgrounds) > 1;
|
51 |
$simple-background: if($mult-bgs or prefixed(-css2, $backgrounds), -css2(-compass-nth($backgrounds, last)), false);
|
52 |
-
@if not blank($simple-background) {
|
53 |
-
|
54 |
-
|
55 |
-
@include background($background-1, $background-2, $background-3, $background-4, $background-5, $background-6, $background-7, $background-8, $background-9, $background-10);
|
56 |
}
|
57 |
|
|
|
58 |
// Background image property support for vendor prefixing within values.
|
59 |
-
@mixin background-image(
|
60 |
-
$image-
|
61 |
-
$image-
|
62 |
-
$image-
|
63 |
-
$image-
|
64 |
-
$image-
|
65 |
-
$image-
|
66 |
-
$image-
|
67 |
-
$image-
|
68 |
-
$image-
|
|
|
|
|
69 |
$images: compact($image-1, $image-2, $image-3, $image-4, $image-5, $image-6, $image-7, $image-8, $image-9, $image-10);
|
70 |
$add-pie-bg: prefixed(-pie, $images) or -compass-list-size($images) > 1;
|
71 |
|
72 |
-
@if $experimental-support-for-svg and prefixed(-svg, $images) {
|
73 |
-
background-image:
|
74 |
-
|
75 |
-
}
|
76 |
-
@if $support-for-
|
77 |
-
|
78 |
-
|
79 |
-
@if $experimental-support-for-webkit and prefixed(-webkit, $images) {
|
80 |
-
background-image: -webkit($images);
|
81 |
-
}
|
82 |
-
@if $experimental-support-for-mozilla and prefixed(-moz, $images) {
|
83 |
-
background-image: -moz($images);
|
84 |
-
}
|
85 |
-
@if $experimental-support-for-opera and prefixed(-o, $images) {
|
86 |
-
background-image: -o($images);
|
87 |
-
}
|
88 |
-
@if $experimental-support-for-pie and $add-pie-bg {
|
89 |
-
@warn "PIE does not support background-image. Use @include background(#{$images}) instead."
|
90 |
-
}
|
91 |
-
background-image: $images;
|
92 |
}
|
93 |
|
94 |
// Emit a IE-Specific filters that renders a simple linear gradient.
|
@@ -101,89 +84,49 @@ $image-10: false) {
|
|
101 |
@include has-layout;
|
102 |
$gradient-type: if($orientation == vertical, 0, 1);
|
103 |
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8 {
|
104 |
-
filter: progid:DXImageTransform.Microsoft.gradient
|
105 |
-
(gradientType =#{$gradient-type}, startColorstr = '#{ie-hex-str($start-color)}', endColorstr = '#{ie-hex-str($end-color)}');
|
106 |
}
|
107 |
}
|
108 |
|
|
|
109 |
// Border image property support for vendor prefixing properties and values.
|
110 |
@mixin border-image($value) {
|
111 |
-
@if $experimental-support-for-mozilla
|
112 |
-
|
113 |
-
}
|
114 |
-
@if $support-for-
|
115 |
-
|
116 |
-
|
117 |
-
@if $experimental-support-for-webkit {
|
118 |
-
-webkit-border-image: -webkit(reject(-compass-list($value), fill));
|
119 |
-
}
|
120 |
-
@if $experimental-support-for-opera {
|
121 |
-
-o-border-image: -o(reject(-compass-list($value), fill));
|
122 |
-
}
|
123 |
-
@if $experimental-support-for-svg {
|
124 |
-
border-image: -svg(reject(-compass-list($value), fill));
|
125 |
-
}
|
126 |
-
border-image: $value;
|
127 |
}
|
128 |
|
129 |
// List style image property support for vendor prefixing within values.
|
130 |
@mixin list-style-image($image) {
|
131 |
-
@if $experimental-support-for-mozilla and prefixed(-moz, $image) {
|
132 |
-
list-style-image:
|
133 |
-
}
|
134 |
-
@if $support-for-
|
135 |
-
list-style-image:
|
136 |
-
|
137 |
-
@if $experimental-support-for-webkit and prefixed(-webkit, $image) {
|
138 |
-
list-style-image: -webkit($image);
|
139 |
-
}
|
140 |
-
@if $experimental-support-for-opera and prefixed(-o, $image) {
|
141 |
-
list-style-image: -o($image);
|
142 |
-
}
|
143 |
-
@if $experimental-support-for-svg and prefixed(-svg, $image) {
|
144 |
-
list-style-image: -svg($image);
|
145 |
-
}
|
146 |
-
list-style-image: $image;
|
147 |
}
|
148 |
|
149 |
// List style property support for vendor prefixing within values.
|
150 |
@mixin list-style($value) {
|
151 |
$value: -compass-list($value);
|
152 |
-
@if $experimental-support-for-mozilla and prefixed(-moz, $value) {
|
153 |
-
list-style-image:
|
154 |
-
}
|
155 |
-
@if $support-for-
|
156 |
-
list-style-image:
|
157 |
-
|
158 |
-
@if $experimental-support-for-webkit and prefixed(-webkit, $value) {
|
159 |
-
list-style-image: -webkit($value);
|
160 |
-
}
|
161 |
-
@if $experimental-support-for-opera and prefixed(-o, $value) {
|
162 |
-
list-style-image: -o($value);
|
163 |
-
}
|
164 |
-
@if $experimental-support-for-svg and prefixed(-svg, $value) {
|
165 |
-
list-style-image: -svg($value);
|
166 |
-
}
|
167 |
-
list-style-image: $value;
|
168 |
}
|
169 |
|
170 |
// content property support for vendor prefixing within values.
|
171 |
@mixin content($value) {
|
172 |
$value: -compass-list($value);
|
173 |
-
@if $experimental-support-for-mozilla and prefixed(-moz, $value) {
|
174 |
-
content:
|
175 |
-
}
|
176 |
-
@if $support-for-
|
177 |
-
content:
|
178 |
-
|
179 |
-
@if $experimental-support-for-webkit and prefixed(-webkit, $value) {
|
180 |
-
content: -webkit($value);
|
181 |
-
}
|
182 |
-
@if $experimental-support-for-opera and prefixed(-o, $value) {
|
183 |
-
content: -o($value);
|
184 |
-
}
|
185 |
-
@if $experimental-support-for-svg and prefixed(-svg, $value) {
|
186 |
-
content: -svg($value);
|
187 |
-
}
|
188 |
-
content: $value;
|
189 |
}
|
2 |
@import "compass/utilities/general/hacks";
|
3 |
|
4 |
// Background property support for vendor prefixing within values.
|
5 |
+
@mixin background(
|
6 |
+
$background-1,
|
7 |
+
$background-2: false,
|
8 |
+
$background-3: false,
|
9 |
+
$background-4: false,
|
10 |
+
$background-5: false,
|
11 |
+
$background-6: false,
|
12 |
+
$background-7: false,
|
13 |
+
$background-8: false,
|
14 |
+
$background-9: false,
|
15 |
+
$background-10: false
|
16 |
+
) {
|
17 |
+
$backgrounds: compact($background-1, $background-2, $background-3, $background-4, $background-5,
|
18 |
+
$background-6, $background-7, $background-8, $background-9, $background-10);
|
19 |
$mult-bgs: -compass-list-size($backgrounds) > 1;
|
20 |
$add-pie-bg: prefixed(-pie, $backgrounds) or $mult-bgs;
|
21 |
+
@if $experimental-support-for-svg and prefixed(-svg, $backgrounds) { background: -svg($backgrounds); }
|
22 |
+
@if $support-for-original-webkit-gradients and prefixed(-owg, $backgrounds) { background: -owg($backgrounds); }
|
23 |
+
@if $experimental-support-for-webkit and prefixed(-webkit, $backgrounds) { background: -webkit($backgrounds); }
|
24 |
+
@if $experimental-support-for-mozilla and prefixed(-moz, $backgrounds) { background: -moz($backgrounds); }
|
25 |
+
@if $experimental-support-for-opera and prefixed(-o, $backgrounds) { background: -o($backgrounds); }
|
26 |
+
@if $experimental-support-for-pie and $add-pie-bg { -pie-background: -pie($backgrounds); }
|
27 |
+
background: $backgrounds ;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
28 |
}
|
29 |
|
30 |
+
@mixin background-with-css2-fallback(
|
31 |
+
$background-1,
|
32 |
+
$background-2: false,
|
33 |
+
$background-3: false,
|
34 |
+
$background-4: false,
|
35 |
+
$background-5: false,
|
36 |
+
$background-6: false,
|
37 |
+
$background-7: false,
|
38 |
+
$background-8: false,
|
39 |
+
$background-9: false,
|
40 |
+
$background-10: false
|
41 |
+
) {
|
42 |
+
$backgrounds: compact($background-1, $background-2, $background-3, $background-4, $background-5,
|
43 |
+
$background-6, $background-7, $background-8, $background-9, $background-10);
|
44 |
$mult-bgs: -compass-list-size($backgrounds) > 1;
|
45 |
$simple-background: if($mult-bgs or prefixed(-css2, $backgrounds), -css2(-compass-nth($backgrounds, last)), false);
|
46 |
+
@if not blank($simple-background) { background: $simple-background; }
|
47 |
+
@include background($background-1, $background-2, $background-3, $background-4, $background-5,
|
48 |
+
$background-6, $background-7, $background-8, $background-9, $background-10);
|
|
|
49 |
}
|
50 |
|
51 |
+
|
52 |
// Background image property support for vendor prefixing within values.
|
53 |
+
@mixin background-image(
|
54 |
+
$image-1,
|
55 |
+
$image-2: false,
|
56 |
+
$image-3: false,
|
57 |
+
$image-4: false,
|
58 |
+
$image-5: false,
|
59 |
+
$image-6: false,
|
60 |
+
$image-7: false,
|
61 |
+
$image-8: false,
|
62 |
+
$image-9: false,
|
63 |
+
$image-10: false
|
64 |
+
) {
|
65 |
$images: compact($image-1, $image-2, $image-3, $image-4, $image-5, $image-6, $image-7, $image-8, $image-9, $image-10);
|
66 |
$add-pie-bg: prefixed(-pie, $images) or -compass-list-size($images) > 1;
|
67 |
|
68 |
+
@if $experimental-support-for-svg and prefixed(-svg, $images) { background-image: -svg($images); background-size: 100%; }
|
69 |
+
@if $support-for-original-webkit-gradients and prefixed(-owg, $images) { background-image: -owg($images); }
|
70 |
+
@if $experimental-support-for-webkit and prefixed(-webkit, $images) { background-image: -webkit($images); }
|
71 |
+
@if $experimental-support-for-mozilla and prefixed(-moz, $images) { background-image: -moz($images); }
|
72 |
+
@if $experimental-support-for-opera and prefixed(-o, $images) { background-image: -o($images); }
|
73 |
+
@if $experimental-support-for-pie and $add-pie-bg { @warn "PIE does not support background-image. Use @include background(#{$images}) instead." }
|
74 |
+
background-image: $images ;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
75 |
}
|
76 |
|
77 |
// Emit a IE-Specific filters that renders a simple linear gradient.
|
84 |
@include has-layout;
|
85 |
$gradient-type: if($orientation == vertical, 0, 1);
|
86 |
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 or $legacy-support-for-ie8 {
|
87 |
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=#{$gradient-type}, startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}');
|
|
|
88 |
}
|
89 |
}
|
90 |
|
91 |
+
|
92 |
// Border image property support for vendor prefixing properties and values.
|
93 |
@mixin border-image($value) {
|
94 |
+
@if $experimental-support-for-mozilla { -moz-border-image: -moz(reject(-compass-list($value), fill)); }
|
95 |
+
@if $support-for-original-webkit-gradients { -webkit-border-image: -owg(reject(-compass-list($value), fill)); }
|
96 |
+
@if $experimental-support-for-webkit { -webkit-border-image: -webkit(reject(-compass-list($value), fill)); }
|
97 |
+
@if $experimental-support-for-opera { -o-border-image: -o(reject(-compass-list($value), fill)); }
|
98 |
+
@if $experimental-support-for-svg { border-image: -svg(reject(-compass-list($value), fill)); }
|
99 |
+
border-image: $value;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
100 |
}
|
101 |
|
102 |
// List style image property support for vendor prefixing within values.
|
103 |
@mixin list-style-image($image) {
|
104 |
+
@if $experimental-support-for-mozilla and prefixed(-moz, $image) { list-style-image: -moz($image); }
|
105 |
+
@if $support-for-original-webkit-gradients and prefixed(-owg, $image) { list-style-image: -owg($image); }
|
106 |
+
@if $experimental-support-for-webkit and prefixed(-webkit, $image) { list-style-image: -webkit($image); }
|
107 |
+
@if $experimental-support-for-opera and prefixed(-o, $image) { list-style-image: -o($image); }
|
108 |
+
@if $experimental-support-for-svg and prefixed(-svg, $image) { list-style-image: -svg($image); }
|
109 |
+
list-style-image: $image ;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
110 |
}
|
111 |
|
112 |
// List style property support for vendor prefixing within values.
|
113 |
@mixin list-style($value) {
|
114 |
$value: -compass-list($value);
|
115 |
+
@if $experimental-support-for-mozilla and prefixed(-moz, $value) { list-style-image: -moz($value); }
|
116 |
+
@if $support-for-original-webkit-gradients and prefixed(-owg, $value) { list-style-image: -owg($value); }
|
117 |
+
@if $experimental-support-for-webkit and prefixed(-webkit, $value) { list-style-image: -webkit($value); }
|
118 |
+
@if $experimental-support-for-opera and prefixed(-o, $value) { list-style-image: -o($value); }
|
119 |
+
@if $experimental-support-for-svg and prefixed(-svg, $value) { list-style-image: -svg($value); }
|
120 |
+
list-style-image: $value ;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
121 |
}
|
122 |
|
123 |
// content property support for vendor prefixing within values.
|
124 |
@mixin content($value) {
|
125 |
$value: -compass-list($value);
|
126 |
+
@if $experimental-support-for-mozilla and prefixed(-moz, $value) { content: -moz($value); }
|
127 |
+
@if $support-for-original-webkit-gradients and prefixed(-owg, $value) { content: -owg($value); }
|
128 |
+
@if $experimental-support-for-webkit and prefixed(-webkit, $value) { content: -webkit($value); }
|
129 |
+
@if $experimental-support-for-opera and prefixed(-o, $value) { content: -o($value); }
|
130 |
+
@if $experimental-support-for-svg and prefixed(-svg, $value) { content: -svg($value); }
|
131 |
+
content: $value ;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
132 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_opacity.scss
CHANGED
@@ -13,11 +13,7 @@
|
|
13 |
}
|
14 |
|
15 |
// Make an element completely transparent.
|
16 |
-
@mixin transparent {
|
17 |
-
@include opacity(0);
|
18 |
-
}
|
19 |
|
20 |
// Make an element completely opaque.
|
21 |
-
@mixin opaque {
|
22 |
-
@include opacity(1);
|
23 |
-
}
|
13 |
}
|
14 |
|
15 |
// Make an element completely transparent.
|
16 |
+
@mixin transparent { @include opacity(0); }
|
|
|
|
|
17 |
|
18 |
// Make an element completely opaque.
|
19 |
+
@mixin opaque { @include opacity(1); }
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_pie.scss
CHANGED
@@ -42,12 +42,15 @@ $pie-behavior: stylesheet-url("PIE.htc") !default;
|
|
42 |
// * `$approach` - one of: relative, z-index, or none
|
43 |
// * `$z-index` - when using the z-index approach, this
|
44 |
// is the z-index that is applied.
|
45 |
-
@mixin pie-element(
|
46 |
-
$
|
|
|
|
|
47 |
behavior: $pie-behavior;
|
48 |
@if $approach == relative {
|
49 |
position: relative;
|
50 |
-
}
|
|
|
51 |
z-index: $z-index;
|
52 |
}
|
53 |
}
|
@@ -57,7 +60,8 @@ $z-index: 0) {
|
|
57 |
@mixin pie($base-class: $pie-base-class) {
|
58 |
@if $base-class {
|
59 |
@extend .#{$base-class};
|
60 |
-
}
|
|
|
61 |
@include pie-element;
|
62 |
}
|
63 |
}
|
42 |
// * `$approach` - one of: relative, z-index, or none
|
43 |
// * `$z-index` - when using the z-index approach, this
|
44 |
// is the z-index that is applied.
|
45 |
+
@mixin pie-element(
|
46 |
+
$approach: $pie-default-approach,
|
47 |
+
$z-index: 0
|
48 |
+
) {
|
49 |
behavior: $pie-behavior;
|
50 |
@if $approach == relative {
|
51 |
position: relative;
|
52 |
+
}
|
53 |
+
@else if $approach == z-index {
|
54 |
z-index: $z-index;
|
55 |
}
|
56 |
}
|
60 |
@mixin pie($base-class: $pie-base-class) {
|
61 |
@if $base-class {
|
62 |
@extend .#{$base-class};
|
63 |
+
}
|
64 |
+
@else {
|
65 |
@include pie-element;
|
66 |
}
|
67 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_regions.scss
CHANGED
@@ -9,10 +9,14 @@
|
|
9 |
|
10 |
@mixin flow-into($target) {
|
11 |
$target: unquote($target);
|
12 |
-
@include experimental(flow-into, $target,
|
|
|
|
|
13 |
}
|
14 |
|
15 |
@mixin flow-from($target) {
|
16 |
$target: unquote($target);
|
17 |
-
@include experimental(flow-from, $target,
|
|
|
|
|
18 |
}
|
9 |
|
10 |
@mixin flow-into($target) {
|
11 |
$target: unquote($target);
|
12 |
+
@include experimental(flow-into, $target,
|
13 |
+
not -moz, -webkit, not -o, -ms, not -khtml, not official
|
14 |
+
);
|
15 |
}
|
16 |
|
17 |
@mixin flow-from($target) {
|
18 |
$target: unquote($target);
|
19 |
+
@include experimental(flow-from, $target,
|
20 |
+
not -moz, -webkit, not -o, -ms, not -khtml, not official
|
21 |
+
);
|
22 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_shared.scss
CHANGED
@@ -5,56 +5,34 @@
|
|
5 |
// the implementations are identical except for the property
|
6 |
// prefix.
|
7 |
@mixin experimental($property, $value,
|
8 |
-
$moz: $experimental-support-for-mozilla,
|
9 |
-
$webkit: $experimental-support-for-webkit,
|
10 |
-
$o: $experimental-support-for-opera,
|
11 |
-
$ms: $experimental-support-for-microsoft,
|
12 |
-
$khtml: $experimental-support-for-khtml,
|
13 |
-
$official: true
|
14 |
-
|
15 |
-
-webkit-#{$property} : $value;
|
16 |
-
}
|
17 |
-
@if $
|
18 |
-
|
19 |
-
}
|
20 |
-
@if $
|
21 |
-
-moz-#{$property} : $value;
|
22 |
-
}
|
23 |
-
@if $ms and $experimental-support-for-microsoft {
|
24 |
-
-ms-#{$property} : $value;
|
25 |
-
}
|
26 |
-
@if $o and $experimental-support-for-opera {
|
27 |
-
-o-#{$property} : $value;
|
28 |
-
}
|
29 |
-
@if $official {
|
30 |
-
#{$property} : $value;
|
31 |
-
}
|
32 |
}
|
33 |
|
34 |
// Same as experimental(), but for cases when the property is the same and the value is vendorized
|
35 |
@mixin experimental-value($property, $value,
|
36 |
-
$moz: $experimental-support-for-mozilla,
|
37 |
-
$webkit: $experimental-support-for-webkit,
|
38 |
-
$o: $experimental-support-for-opera,
|
39 |
-
$ms: $experimental-support-for-microsoft,
|
40 |
-
$khtml: $experimental-support-for-khtml,
|
41 |
-
$official: true
|
42 |
-
|
43 |
-
#{$property} : -webkit-#{$value};
|
44 |
-
}
|
45 |
-
@if $
|
46 |
-
|
47 |
-
}
|
48 |
-
@if $
|
49 |
-
#{$property} : -moz-#{$value};
|
50 |
-
}
|
51 |
-
@if $ms and $experimental-support-for-microsoft {
|
52 |
-
#{$property} : -ms-#{$value};
|
53 |
-
}
|
54 |
-
@if $o and $experimental-support-for-opera {
|
55 |
-
#{$property} : -o-#{$value};
|
56 |
-
}
|
57 |
-
@if $official {
|
58 |
-
#{$property} : #{$value};
|
59 |
-
}
|
60 |
}
|
5 |
// the implementations are identical except for the property
|
6 |
// prefix.
|
7 |
@mixin experimental($property, $value,
|
8 |
+
$moz : $experimental-support-for-mozilla,
|
9 |
+
$webkit : $experimental-support-for-webkit,
|
10 |
+
$o : $experimental-support-for-opera,
|
11 |
+
$ms : $experimental-support-for-microsoft,
|
12 |
+
$khtml : $experimental-support-for-khtml,
|
13 |
+
$official : true
|
14 |
+
) {
|
15 |
+
@if $webkit and $experimental-support-for-webkit { -webkit-#{$property} : $value; }
|
16 |
+
@if $khtml and $experimental-support-for-khtml { -khtml-#{$property} : $value; }
|
17 |
+
@if $moz and $experimental-support-for-mozilla { -moz-#{$property} : $value; }
|
18 |
+
@if $ms and $experimental-support-for-microsoft { -ms-#{$property} : $value; }
|
19 |
+
@if $o and $experimental-support-for-opera { -o-#{$property} : $value; }
|
20 |
+
@if $official { #{$property} : $value; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
21 |
}
|
22 |
|
23 |
// Same as experimental(), but for cases when the property is the same and the value is vendorized
|
24 |
@mixin experimental-value($property, $value,
|
25 |
+
$moz : $experimental-support-for-mozilla,
|
26 |
+
$webkit : $experimental-support-for-webkit,
|
27 |
+
$o : $experimental-support-for-opera,
|
28 |
+
$ms : $experimental-support-for-microsoft,
|
29 |
+
$khtml : $experimental-support-for-khtml,
|
30 |
+
$official : true
|
31 |
+
) {
|
32 |
+
@if $webkit and $experimental-support-for-webkit { #{$property} : -webkit-#{$value}; }
|
33 |
+
@if $khtml and $experimental-support-for-khtml { #{$property} : -khtml-#{$value}; }
|
34 |
+
@if $moz and $experimental-support-for-mozilla { #{$property} : -moz-#{$value}; }
|
35 |
+
@if $ms and $experimental-support-for-microsoft { #{$property} : -ms-#{$value}; }
|
36 |
+
@if $o and $experimental-support-for-opera { #{$property} : -o-#{$value}; }
|
37 |
+
@if $official { #{$property} : #{$value}; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
38 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_text-shadow.scss
CHANGED
@@ -3,11 +3,11 @@
|
|
3 |
// These defaults make the arguments optional for this mixin
|
4 |
// If you like, set different defaults in your project
|
5 |
|
6 |
-
$default-text-shadow-color:
|
7 |
-
$default-text-shadow-h-offset: 0px
|
8 |
-
$default-text-shadow-v-offset: 0px
|
9 |
-
$default-text-shadow-blur:
|
10 |
-
$default-text-shadow-spread:
|
11 |
|
12 |
// Provides cross-browser text shadows when one or more shadows are needed.
|
13 |
// Each shadow argument should adhere to the standard css3 syntax for the
|
@@ -17,29 +17,31 @@ $default-text-shadow-spread: false !default;
|
|
17 |
// to emit the shadow declaration twice, first without the spread,
|
18 |
// then with the spread included. This allows you to progressively
|
19 |
// enhance the browsers that do support the spread parameter.
|
20 |
-
@mixin text-shadow(
|
21 |
-
$shadow-
|
22 |
-
$shadow-
|
23 |
-
$shadow-
|
24 |
-
$shadow-
|
25 |
-
$shadow-
|
26 |
-
$shadow-
|
27 |
-
$shadow-
|
28 |
-
$shadow-
|
29 |
-
$shadow-
|
|
|
|
|
30 |
@if $shadow-1 == default {
|
31 |
$shadow-1: compact($default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur $default-text-shadow-spread $default-text-shadow-color);
|
32 |
}
|
33 |
-
$shadows-without-spread: join((),(),
|
34 |
-
$shadows: join((),(),
|
35 |
$has-spread: false;
|
36 |
-
@each $shadow in compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5,
|
|
|
37 |
@if length($shadow) > 4 {
|
38 |
$has-spread: true;
|
39 |
-
$shadows-without-spread: append($shadows-without-spread, nth($shadow,
|
40 |
$shadows: append($shadows, $shadow);
|
41 |
-
}
|
42 |
-
else {
|
43 |
$shadows-without-spread: append($shadows-without-spread, $shadow);
|
44 |
$shadows: append($shadows, $shadow);
|
45 |
}
|
@@ -54,12 +56,14 @@ $shadow-10: false) {
|
|
54 |
//
|
55 |
// Provides sensible defaults for the color, horizontal offset, vertical offset, blur, and spread
|
56 |
// according to the configuration defaults above.
|
57 |
-
@mixin single-text-shadow(
|
58 |
-
$
|
59 |
-
$
|
60 |
-
$
|
61 |
-
$
|
62 |
-
|
|
|
|
|
63 |
@if type-of($hoff) == color {
|
64 |
$temp-color: $hoff;
|
65 |
$hoff: $voff;
|
@@ -68,13 +72,13 @@ $color: false) {
|
|
68 |
$spread: $color;
|
69 |
$color: $temp-color;
|
70 |
}
|
71 |
-
// Can't rely on default assignment with multiple supported argument orders.
|
72 |
-
$hoff:
|
73 |
-
$voff:
|
74 |
-
$blur:
|
75 |
-
$spread: if($spread, $spread, $default-text-shadow-spread);
|
76 |
-
$color:
|
77 |
-
// We don't need experimental support for this property.
|
78 |
@if $color == none or $hoff == none {
|
79 |
@include text-shadow(none);
|
80 |
} @else {
|
3 |
// These defaults make the arguments optional for this mixin
|
4 |
// If you like, set different defaults in your project
|
5 |
|
6 |
+
$default-text-shadow-color: #aaa !default;
|
7 |
+
$default-text-shadow-h-offset: 0px !default;
|
8 |
+
$default-text-shadow-v-offset: 0px !default;
|
9 |
+
$default-text-shadow-blur: 1px !default;
|
10 |
+
$default-text-shadow-spread: false !default;
|
11 |
|
12 |
// Provides cross-browser text shadows when one or more shadows are needed.
|
13 |
// Each shadow argument should adhere to the standard css3 syntax for the
|
17 |
// to emit the shadow declaration twice, first without the spread,
|
18 |
// then with the spread included. This allows you to progressively
|
19 |
// enhance the browsers that do support the spread parameter.
|
20 |
+
@mixin text-shadow(
|
21 |
+
$shadow-1 : default,
|
22 |
+
$shadow-2 : false,
|
23 |
+
$shadow-3 : false,
|
24 |
+
$shadow-4 : false,
|
25 |
+
$shadow-5 : false,
|
26 |
+
$shadow-6 : false,
|
27 |
+
$shadow-7 : false,
|
28 |
+
$shadow-8 : false,
|
29 |
+
$shadow-9 : false,
|
30 |
+
$shadow-10: false
|
31 |
+
) {
|
32 |
@if $shadow-1 == default {
|
33 |
$shadow-1: compact($default-text-shadow-h-offset $default-text-shadow-v-offset $default-text-shadow-blur $default-text-shadow-spread $default-text-shadow-color);
|
34 |
}
|
35 |
+
$shadows-without-spread: join((),(),comma);
|
36 |
+
$shadows: join((),(),comma);
|
37 |
$has-spread: false;
|
38 |
+
@each $shadow in compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5,
|
39 |
+
$shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) {
|
40 |
@if length($shadow) > 4 {
|
41 |
$has-spread: true;
|
42 |
+
$shadows-without-spread: append($shadows-without-spread, nth($shadow,1) nth($shadow,2) nth($shadow,3) nth($shadow,5));
|
43 |
$shadows: append($shadows, $shadow);
|
44 |
+
} else {
|
|
|
45 |
$shadows-without-spread: append($shadows-without-spread, $shadow);
|
46 |
$shadows: append($shadows, $shadow);
|
47 |
}
|
56 |
//
|
57 |
// Provides sensible defaults for the color, horizontal offset, vertical offset, blur, and spread
|
58 |
// according to the configuration defaults above.
|
59 |
+
@mixin single-text-shadow(
|
60 |
+
$hoff: false,
|
61 |
+
$voff: false,
|
62 |
+
$blur: false,
|
63 |
+
$spread: false,
|
64 |
+
$color: false
|
65 |
+
) {
|
66 |
+
// A lot of people think the color comes first. It doesn't.
|
67 |
@if type-of($hoff) == color {
|
68 |
$temp-color: $hoff;
|
69 |
$hoff: $voff;
|
72 |
$spread: $color;
|
73 |
$color: $temp-color;
|
74 |
}
|
75 |
+
// Can't rely on default assignment with multiple supported argument orders.
|
76 |
+
$hoff: if($hoff, $hoff, $default-text-shadow-h-offset);
|
77 |
+
$voff: if($voff, $voff, $default-text-shadow-v-offset);
|
78 |
+
$blur: if($blur, $blur, $default-text-shadow-blur );
|
79 |
+
$spread: if($spread, $spread, $default-text-shadow-spread );
|
80 |
+
$color: if($color, $color, $default-text-shadow-color );
|
81 |
+
// We don't need experimental support for this property.
|
82 |
@if $color == none or $hoff == none {
|
83 |
@include text-shadow(none);
|
84 |
} @else {
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_transform-legacy.scss
CHANGED
@@ -7,13 +7,17 @@
|
|
7 |
// Apply a transform sent as a complete string.
|
8 |
|
9 |
@mixin apply-transform($transform) {
|
10 |
-
@include experimental(transform, $transform,
|
|
|
|
|
11 |
}
|
12 |
|
13 |
// Apply a transform-origin sent as a complete string.
|
14 |
|
15 |
@mixin apply-origin($origin) {
|
16 |
-
@include experimental(transform-origin, $origin,
|
|
|
|
|
17 |
}
|
18 |
|
19 |
// transform-origin requires x and y coordinates
|
@@ -23,12 +27,12 @@
|
|
23 |
@mixin transform-origin($originx: 50%, $originy: 50%) {
|
24 |
@if $originx or $originy {
|
25 |
@if $originy {
|
26 |
-
|
27 |
-
|
28 |
-
|
29 |
-
|
30 |
}
|
31 |
-
}
|
32 |
|
33 |
// A full transform mixin with everything you could want
|
34 |
//
|
@@ -36,15 +40,17 @@
|
|
36 |
// * scale, rotate and skew require units of degrees(deg)
|
37 |
// * scale takes a multiplier, rotate and skew take degrees
|
38 |
|
39 |
-
@mixin transform(
|
40 |
-
$
|
41 |
-
$
|
42 |
-
$
|
43 |
-
$
|
44 |
-
$
|
45 |
-
$
|
46 |
-
$
|
47 |
-
$
|
|
|
|
|
48 |
@include apply-transform($transform);
|
49 |
@include transform-origin($originx, $originy);
|
50 |
}
|
7 |
// Apply a transform sent as a complete string.
|
8 |
|
9 |
@mixin apply-transform($transform) {
|
10 |
+
@include experimental(transform, $transform,
|
11 |
+
-moz, -webkit, -o, not -ms, not -khtml, official
|
12 |
+
);
|
13 |
}
|
14 |
|
15 |
// Apply a transform-origin sent as a complete string.
|
16 |
|
17 |
@mixin apply-origin($origin) {
|
18 |
+
@include experimental(transform-origin, $origin,
|
19 |
+
-moz, -webkit, -o, not -ms, not -khtml, official
|
20 |
+
);
|
21 |
}
|
22 |
|
23 |
// transform-origin requires x and y coordinates
|
27 |
@mixin transform-origin($originx: 50%, $originy: 50%) {
|
28 |
@if $originx or $originy {
|
29 |
@if $originy {
|
30 |
+
@include apply-origin($originx or 50% $originy);
|
31 |
+
} @else {
|
32 |
+
@include apply-origin($originx);
|
33 |
+
}
|
34 |
}
|
35 |
+
}
|
36 |
|
37 |
// A full transform mixin with everything you could want
|
38 |
//
|
40 |
// * scale, rotate and skew require units of degrees(deg)
|
41 |
// * scale takes a multiplier, rotate and skew take degrees
|
42 |
|
43 |
+
@mixin transform(
|
44 |
+
$scale: 1,
|
45 |
+
$rotate: 0deg,
|
46 |
+
$transx: 0,
|
47 |
+
$transy: 0,
|
48 |
+
$skewx: 0deg,
|
49 |
+
$skewy: 0deg,
|
50 |
+
$originx: false,
|
51 |
+
$originy: false
|
52 |
+
) {
|
53 |
+
$transform : scale($scale) rotate($rotate) translate($transx, $transy) skew($skewx, $skewy);
|
54 |
@include apply-transform($transform);
|
55 |
@include transform-origin($originx, $originy);
|
56 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_transform.scss
CHANGED
@@ -48,40 +48,46 @@
|
|
48 |
// @doc on
|
49 |
|
50 |
// The default x-origin for transforms
|
51 |
-
$default-origin-x: 50%
|
52 |
// The default y-origin for transforms
|
53 |
-
$default-origin-y: 50%
|
54 |
// The default z-origin for transforms
|
55 |
-
$default-origin-z: 50%
|
|
|
56 |
|
57 |
// The default x-multiplier for scaling
|
58 |
-
$default-scale-x: 1.25
|
59 |
// The default y-multiplier for scaling
|
60 |
-
$default-scale-y: $default-scale-x
|
61 |
// The default z-multiplier for scaling
|
62 |
-
$default-scale-z: $default-scale-x
|
|
|
63 |
|
64 |
// The default angle for rotations
|
65 |
-
$default-rotate: 45deg
|
|
|
66 |
|
67 |
// The default x-vector for the axis of 3d rotations
|
68 |
-
$default-vector-x: 1
|
69 |
// The default y-vector for the axis of 3d rotations
|
70 |
-
$default-vector-y: 1
|
71 |
// The default z-vector for the axis of 3d rotations
|
72 |
-
$default-vector-z: 1
|
|
|
73 |
|
74 |
// The default x-length for translations
|
75 |
-
$default-translate-x: 1em
|
76 |
// The default y-length for translations
|
77 |
-
$default-translate-y: $default-translate-x
|
78 |
// The default z-length for translations
|
79 |
-
$default-translate-z: $default-translate-x
|
|
|
80 |
|
81 |
// The default x-angle for skewing
|
82 |
-
$default-skew-x: 5deg
|
83 |
// The default y-angle for skewing
|
84 |
-
$default-skew-y: 5deg
|
|
|
85 |
|
86 |
// **Transform-origin**
|
87 |
// Transform-origin sent as a complete string
|
@@ -97,9 +103,13 @@ $default-skew-y: 5deg !default;
|
|
97 |
@mixin apply-origin($origin, $only3d) {
|
98 |
$only3d: $only3d or -compass-list-size(-compass-list($origin)) > 2;
|
99 |
@if $only3d {
|
100 |
-
@include experimental(transform-origin, $origin,
|
|
|
|
|
101 |
} @else {
|
102 |
-
@include experimental(transform-origin, $origin,
|
|
|
|
|
103 |
}
|
104 |
}
|
105 |
|
@@ -110,42 +120,39 @@ $default-skew-y: 5deg !default;
|
|
110 |
// where the 3 'origin-' arguments represent x/y/z coordinates.
|
111 |
//
|
112 |
// **NOTE:** setting z coordinates triggers 3D support list, leave false for 2D support
|
113 |
-
@mixin transform-origin(
|
114 |
-
$origin-
|
115 |
-
$origin-
|
116 |
-
$
|
|
|
|
|
117 |
$origin: unquote('');
|
118 |
@if $origin-x or $origin-y or $origin-z {
|
119 |
-
@if $origin-x {
|
120 |
-
|
121 |
-
|
122 |
-
$origin: 50%;
|
123 |
-
}
|
124 |
-
@if $origin-y {
|
125 |
-
$origin: $origin $origin-y;
|
126 |
-
} @else {
|
127 |
-
@if $origin-z {
|
128 |
-
$origin: $origin 50%;
|
129 |
-
}
|
130 |
-
}
|
131 |
-
@if $origin-z {
|
132 |
-
$origin: $origin $origin-z;
|
133 |
-
}
|
134 |
@include apply-origin($origin, $only3d);
|
135 |
}
|
136 |
}
|
137 |
|
|
|
138 |
// Transform sent as a complete string:
|
139 |
//
|
140 |
// @include transform( transforms [, 3D-only ] )
|
141 |
//
|
142 |
// where 'transforms' is a space separated list of all the transforms to be applied.
|
143 |
-
@mixin transform(
|
144 |
-
$
|
|
|
|
|
145 |
@if $only3d {
|
146 |
-
@include experimental(transform, $transform,
|
|
|
|
|
147 |
} @else {
|
148 |
-
@include experimental(transform, $transform,
|
|
|
|
|
149 |
}
|
150 |
}
|
151 |
|
@@ -171,7 +178,9 @@ $only3d: false) {
|
|
171 |
// z-axis. The higher the perspective, the more exaggerated the foreshortening.
|
172 |
// values from 500 to 1000 are more-or-less "normal" - a good starting-point.
|
173 |
@mixin perspective($p) {
|
174 |
-
@include experimental(perspective, $p,
|
|
|
|
|
175 |
}
|
176 |
|
177 |
// Set the origin position for the perspective
|
@@ -180,7 +189,9 @@ $only3d: false) {
|
|
180 |
//
|
181 |
// where the two arguments represent x/y coordinates
|
182 |
@mixin perspective-origin($origin: 50%) {
|
183 |
-
@include experimental(perspective-origin, $origin,
|
|
|
|
|
184 |
}
|
185 |
|
186 |
// Determine whether a 3D objects children also live in the given 3D space
|
@@ -190,7 +201,9 @@ $only3d: false) {
|
|
190 |
// where `style` can be either `flat` or `preserve-3d`.
|
191 |
// Browsers default to `flat`, mixin defaults to `preserve-3d`.
|
192 |
@mixin transform-style($style: preserve-3d) {
|
193 |
-
@include experimental(transform-style, $style,
|
|
|
|
|
194 |
}
|
195 |
|
196 |
// Determine the visibility of an element when it's back is turned
|
@@ -200,7 +213,9 @@ $only3d: false) {
|
|
200 |
// where `visibility` can be either `visible` or `hidden`.
|
201 |
// Browsers default to visible, mixin defaults to hidden
|
202 |
@mixin backface-visibility($visibility: hidden) {
|
203 |
-
@include experimental(backface-visibility, $visibility,
|
|
|
|
|
204 |
}
|
205 |
|
206 |
// @doc off
|
@@ -209,6 +224,7 @@ $only3d: false) {
|
|
209 |
// Use along with transform parameter mixins to adjust origin, perspective and style
|
210 |
// ---------------------------------------------------------------------------
|
211 |
|
|
|
212 |
// Scale ---------------------------------------------------------------------
|
213 |
// @doc on
|
214 |
|
@@ -221,14 +237,14 @@ $only3d: false) {
|
|
221 |
// but applies to the individual element (multiplied with any parent perspective)
|
222 |
//
|
223 |
// **Note** This mixin cannot be combined with other transform mixins.
|
224 |
-
@mixin scale(
|
225 |
-
$scale-
|
226 |
-
$
|
227 |
-
$
|
|
|
|
|
228 |
$trans: scale($scale-x, $scale-y);
|
229 |
-
@if $perspective {
|
230 |
-
$trans: perspective($perspective) $trans;
|
231 |
-
}
|
232 |
@include transform($trans, $only3d);
|
233 |
}
|
234 |
|
@@ -236,13 +252,13 @@ $only3d: false) {
|
|
236 |
// @include scaleX( [ scale-x, perspective, 3D-only ] )
|
237 |
//
|
238 |
// **Note** This mixin cannot be combined with other transform mixins.
|
239 |
-
@mixin scaleX(
|
240 |
-
$
|
241 |
-
$
|
|
|
|
|
242 |
$trans: scaleX($scale);
|
243 |
-
@if $perspective {
|
244 |
-
$trans: perspective($perspective) $trans;
|
245 |
-
}
|
246 |
@include transform($trans, $only3d);
|
247 |
}
|
248 |
|
@@ -250,13 +266,13 @@ $only3d: false) {
|
|
250 |
// @include scaleY( [ scale-y, perspective, 3D-only ] )
|
251 |
//
|
252 |
// **Note** This mixin cannot be combined with other transform mixins.
|
253 |
-
@mixin scaleY(
|
254 |
-
$
|
255 |
-
$
|
|
|
|
|
256 |
$trans: scaleY($scale);
|
257 |
-
@if $perspective {
|
258 |
-
$trans: perspective($perspective) $trans;
|
259 |
-
}
|
260 |
@include transform($trans, $only3d);
|
261 |
}
|
262 |
|
@@ -264,12 +280,12 @@ $only3d: false) {
|
|
264 |
// @include scaleZ( [ scale-z, perspective ] )
|
265 |
//
|
266 |
// **Note** This mixin cannot be combined with other transform mixins.
|
267 |
-
@mixin scaleZ(
|
268 |
-
$
|
|
|
|
|
269 |
$trans: scaleZ($scale);
|
270 |
-
@if $perspective {
|
271 |
-
$trans: perspective($perspective) $trans;
|
272 |
-
}
|
273 |
@include transform3d($trans);
|
274 |
}
|
275 |
|
@@ -277,14 +293,14 @@ $perspective: false) {
|
|
277 |
// @include scale3d( [ scale-x, scale-y, scale-z, perspective ] )
|
278 |
//
|
279 |
// **Note** This mixin cannot be combined with other transform mixins.
|
280 |
-
@mixin scale3d(
|
281 |
-
$scale-
|
282 |
-
$scale-
|
283 |
-
$
|
|
|
|
|
284 |
$trans: scale3d($scale-x, $scale-y, $scale-z);
|
285 |
-
@if $perspective {
|
286 |
-
$trans: perspective($perspective) $trans;
|
287 |
-
}
|
288 |
@include transform3d($trans);
|
289 |
}
|
290 |
|
@@ -297,22 +313,24 @@ $perspective: false) {
|
|
297 |
// where 'rotation' is an angle set in degrees (deg) or radian (rad) units
|
298 |
//
|
299 |
// **Note** This mixin cannot be combined with other transform mixins.
|
300 |
-
@mixin rotate(
|
301 |
-
$
|
302 |
-
$
|
|
|
|
|
303 |
$trans: rotate($rotate);
|
304 |
-
@if $perspective {
|
305 |
-
$trans: perspective($perspective) $trans;
|
306 |
-
}
|
307 |
@include transform($trans, $only3d);
|
308 |
}
|
309 |
|
310 |
// A longcut for 'rotate' in case you forget that 'z' is implied
|
311 |
//
|
312 |
// **Note** This mixin cannot be combined with other transform mixins.
|
313 |
-
@mixin rotateZ(
|
314 |
-
$
|
315 |
-
$
|
|
|
|
|
316 |
@include rotate($rotate, $perspective, $only3d);
|
317 |
}
|
318 |
|
@@ -320,12 +338,12 @@ $only3d: false) {
|
|
320 |
// @include rotateX( [ rotation, perspective ] )
|
321 |
//
|
322 |
// **Note** This mixin cannot be combined with other transform mixins.
|
323 |
-
@mixin rotateX(
|
324 |
-
$
|
|
|
|
|
325 |
$trans: rotateX($rotate);
|
326 |
-
@if $perspective {
|
327 |
-
$trans: perspective($perspective) $trans;
|
328 |
-
}
|
329 |
@include transform3d($trans);
|
330 |
}
|
331 |
|
@@ -333,12 +351,12 @@ $perspective: false) {
|
|
333 |
// @include rotate( [ rotation, perspective ] )
|
334 |
//
|
335 |
// **Note** This mixin cannot be combined with other transform mixins.
|
336 |
-
@mixin rotateY(
|
337 |
-
$
|
|
|
|
|
338 |
$trans: rotateY($rotate);
|
339 |
-
@if $perspective {
|
340 |
-
$trans: perspective($perspective) $trans;
|
341 |
-
}
|
342 |
@include transform3d($trans);
|
343 |
}
|
344 |
|
@@ -349,15 +367,15 @@ $perspective: false) {
|
|
349 |
// creating an axis from your transform-origin, along the axis of Xx = Yy = Zz.
|
350 |
//
|
351 |
// **Note** This mixin cannot be combined with other transform mixins.
|
352 |
-
@mixin rotate3d(
|
353 |
-
$vector-
|
354 |
-
$vector-
|
355 |
-
$
|
356 |
-
$
|
|
|
|
|
357 |
$trans: rotate3d($vector-x, $vector-y, $vector-z, $rotate);
|
358 |
-
@if $perspective {
|
359 |
-
$trans: perspective($perspective) $trans;
|
360 |
-
}
|
361 |
@include transform3d($trans);
|
362 |
}
|
363 |
|
@@ -370,14 +388,14 @@ $perspective: false) {
|
|
370 |
// where the 'translate-' arguments accept any distance in percentages or absolute (px, cm, in, em etc..) units.
|
371 |
//
|
372 |
// **Note** This mixin cannot be combined with other transform mixins.
|
373 |
-
@mixin translate(
|
374 |
-
$translate-
|
375 |
-
$
|
376 |
-
$
|
|
|
|
|
377 |
$trans: translate($translate-x, $translate-y);
|
378 |
-
@if $perspective {
|
379 |
-
$trans: perspective($perspective) $trans;
|
380 |
-
}
|
381 |
@include transform($trans, $only3d);
|
382 |
}
|
383 |
|
@@ -385,13 +403,13 @@ $only3d: false) {
|
|
385 |
// @include translate( [ translate-x, perspective, 3D-only ] )
|
386 |
//
|
387 |
// **Note** This mixin cannot be combined with other transform mixins.
|
388 |
-
@mixin translateX(
|
389 |
-
$
|
390 |
-
$
|
|
|
|
|
391 |
$trans: translateX($trans-x);
|
392 |
-
@if $perspective {
|
393 |
-
$trans: perspective($perspective) $trans;
|
394 |
-
}
|
395 |
@include transform($trans, $only3d);
|
396 |
}
|
397 |
|
@@ -399,13 +417,13 @@ $only3d: false) {
|
|
399 |
// @include translate( [ translate-y, perspective, 3D-only ] )
|
400 |
//
|
401 |
// **Note** This mixin cannot be combined with other transform mixins.
|
402 |
-
@mixin translateY(
|
403 |
-
$
|
404 |
-
$
|
|
|
|
|
405 |
$trans: translateY($trans-y);
|
406 |
-
@if $perspective {
|
407 |
-
$trans: perspective($perspective) $trans;
|
408 |
-
}
|
409 |
@include transform($trans, $only3d);
|
410 |
}
|
411 |
|
@@ -413,12 +431,12 @@ $only3d: false) {
|
|
413 |
// @include translate( [ translate-z, perspective ] )
|
414 |
//
|
415 |
// **Note** This mixin cannot be combined with other transform mixins.
|
416 |
-
@mixin translateZ(
|
417 |
-
$
|
|
|
|
|
418 |
$trans: translateZ($trans-z);
|
419 |
-
@if $perspective {
|
420 |
-
$trans: perspective($perspective) $trans;
|
421 |
-
}
|
422 |
@include transform3d($trans);
|
423 |
}
|
424 |
|
@@ -426,14 +444,14 @@ $perspective: false) {
|
|
426 |
// @include translate( [ translate-x, translate-y, translate-z, perspective ] )
|
427 |
//
|
428 |
// **Note** This mixin cannot be combined with other transform mixins.
|
429 |
-
@mixin translate3d(
|
430 |
-
$translate-
|
431 |
-
$translate-
|
432 |
-
$
|
|
|
|
|
433 |
$trans: translate3d($translate-x, $translate-y, $translate-z);
|
434 |
-
@if $perspective {
|
435 |
-
$trans: perspective($perspective) $trans;
|
436 |
-
}
|
437 |
@include transform3d($trans);
|
438 |
}
|
439 |
|
@@ -448,9 +466,11 @@ $perspective: false) {
|
|
448 |
// where the 'skew-' arguments accept css angles in degrees (deg) or radian (rad) units.
|
449 |
//
|
450 |
// **Note** This mixin cannot be combined with other transform mixins.
|
451 |
-
@mixin skew(
|
452 |
-
$skew-
|
453 |
-
$
|
|
|
|
|
454 |
$trans: skew($skew-x, $skew-y);
|
455 |
@include transform($trans, $only3d);
|
456 |
}
|
@@ -460,8 +480,10 @@ $only3d: false) {
|
|
460 |
// @include skew( [ skew-x, 3D-only ] )
|
461 |
//
|
462 |
// **Note** This mixin cannot be combined with other transform mixins.
|
463 |
-
@mixin skewX(
|
464 |
-
$
|
|
|
|
|
465 |
$trans: skewX($skew-x);
|
466 |
@include transform($trans, $only3d);
|
467 |
}
|
@@ -471,12 +493,15 @@ $only3d: false) {
|
|
471 |
// @include skew( [ skew-y, 3D-only ] )
|
472 |
//
|
473 |
// **Note** This mixin cannot be combined with other transform mixins.
|
474 |
-
@mixin skewY(
|
475 |
-
$
|
|
|
|
|
476 |
$trans: skewY($skew-y);
|
477 |
@include transform($trans, $only3d);
|
478 |
}
|
479 |
|
|
|
480 |
// Full transform mixins
|
481 |
// For settings any combination of transforms as arguments
|
482 |
// These are complex and not highly recommended for daily use. They are mainly
|
@@ -486,108 +511,88 @@ $only3d: false) {
|
|
486 |
// * scale takes a multiplier (unitless), rotate and skew take degrees (deg)
|
487 |
//
|
488 |
// **Note** This mixin cannot be combined with other transform mixins.
|
489 |
-
@mixin create-transform(
|
490 |
-
$
|
491 |
-
$scale-
|
492 |
-
$scale-
|
493 |
-
$
|
494 |
-
$rotate-
|
495 |
-
$rotate-
|
496 |
-
$
|
497 |
-
$
|
498 |
-
$trans-
|
499 |
-
$trans-
|
500 |
-
$
|
501 |
-
$skew-
|
502 |
-
$
|
503 |
-
$origin-
|
504 |
-
$origin-
|
505 |
-
$
|
|
|
|
|
506 |
$trans: unquote("");
|
507 |
|
508 |
-
// perspective
|
509 |
-
@if $perspective {
|
510 |
-
$trans: perspective($perspective);
|
511 |
-
}
|
512 |
|
513 |
-
// scale
|
514 |
@if $scale-x and $scale-y {
|
515 |
-
@if $scale-z {
|
516 |
-
|
517 |
-
} @else {
|
518 |
-
$trans: $trans scale($scale-x, $scale-y);
|
519 |
-
}
|
520 |
} @else {
|
521 |
-
@if $scale-x {
|
522 |
-
|
523 |
-
}
|
524 |
-
@if $scale-y {
|
525 |
-
$trans: $trans scaleY($scale-y);
|
526 |
-
}
|
527 |
-
@if $scale-z {
|
528 |
-
$trans: $trans scaleZ($scale-z);
|
529 |
-
}
|
530 |
}
|
531 |
|
532 |
-
// rotate
|
533 |
-
@if $rotate-x {
|
534 |
-
|
535 |
-
}
|
536 |
-
@if $
|
537 |
-
$trans: $trans rotateY($rotate-y);
|
538 |
-
}
|
539 |
-
@if $rotate-z {
|
540 |
-
$trans: $trans rotateZ($rotate-z);
|
541 |
-
}
|
542 |
-
@if $rotate3d {
|
543 |
-
$trans: $trans rotate3d($rotate3d);
|
544 |
-
}
|
545 |
|
546 |
-
// translate
|
547 |
@if $trans-x and $trans-y {
|
548 |
-
@if $trans-z {
|
549 |
-
|
550 |
-
} @else {
|
551 |
-
$trans: $trans translate($trans-x, $trans-y);
|
552 |
-
}
|
553 |
} @else {
|
554 |
-
@if $trans-x {
|
555 |
-
|
556 |
-
}
|
557 |
-
@if $trans-y {
|
558 |
-
$trans: $trans translateY($trans-y);
|
559 |
-
}
|
560 |
-
@if $trans-z {
|
561 |
-
$trans: $trans translateZ($trans-z);
|
562 |
-
}
|
563 |
}
|
564 |
|
565 |
-
// skew
|
566 |
-
@if $skew-x and $skew-y {
|
567 |
-
|
568 |
-
|
569 |
-
@if $skew-
|
570 |
-
$trans: $trans skewX($skew-x);
|
571 |
-
}
|
572 |
-
@if $skew-y {
|
573 |
-
$trans: $trans skewY($skew-y);
|
574 |
-
}
|
575 |
}
|
576 |
|
577 |
-
// apply it!
|
578 |
@include transform($trans, $only3d);
|
579 |
@include transform-origin($origin-x, $origin-y, $origin-z, $only3d);
|
580 |
}
|
581 |
|
|
|
582 |
// A simplified set of options
|
583 |
// backwards-compatible with the previous version of the 'transform' mixin
|
584 |
-
@mixin simple-transform(
|
585 |
-
$
|
586 |
-
$
|
587 |
-
$trans-
|
588 |
-
$
|
589 |
-
$skew-
|
590 |
-
$
|
591 |
-
$origin-
|
592 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
593 |
}
|
48 |
// @doc on
|
49 |
|
50 |
// The default x-origin for transforms
|
51 |
+
$default-origin-x : 50% !default;
|
52 |
// The default y-origin for transforms
|
53 |
+
$default-origin-y : 50% !default;
|
54 |
// The default z-origin for transforms
|
55 |
+
$default-origin-z : 50% !default;
|
56 |
+
|
57 |
|
58 |
// The default x-multiplier for scaling
|
59 |
+
$default-scale-x : 1.25 !default;
|
60 |
// The default y-multiplier for scaling
|
61 |
+
$default-scale-y : $default-scale-x !default;
|
62 |
// The default z-multiplier for scaling
|
63 |
+
$default-scale-z : $default-scale-x !default;
|
64 |
+
|
65 |
|
66 |
// The default angle for rotations
|
67 |
+
$default-rotate : 45deg !default;
|
68 |
+
|
69 |
|
70 |
// The default x-vector for the axis of 3d rotations
|
71 |
+
$default-vector-x : 1 !default;
|
72 |
// The default y-vector for the axis of 3d rotations
|
73 |
+
$default-vector-y : 1 !default;
|
74 |
// The default z-vector for the axis of 3d rotations
|
75 |
+
$default-vector-z : 1 !default;
|
76 |
+
|
77 |
|
78 |
// The default x-length for translations
|
79 |
+
$default-translate-x : 1em !default;
|
80 |
// The default y-length for translations
|
81 |
+
$default-translate-y : $default-translate-x !default;
|
82 |
// The default z-length for translations
|
83 |
+
$default-translate-z : $default-translate-x !default;
|
84 |
+
|
85 |
|
86 |
// The default x-angle for skewing
|
87 |
+
$default-skew-x : 5deg !default;
|
88 |
// The default y-angle for skewing
|
89 |
+
$default-skew-y : 5deg !default;
|
90 |
+
|
91 |
|
92 |
// **Transform-origin**
|
93 |
// Transform-origin sent as a complete string
|
103 |
@mixin apply-origin($origin, $only3d) {
|
104 |
$only3d: $only3d or -compass-list-size(-compass-list($origin)) > 2;
|
105 |
@if $only3d {
|
106 |
+
@include experimental(transform-origin, $origin,
|
107 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
108 |
+
);
|
109 |
} @else {
|
110 |
+
@include experimental(transform-origin, $origin,
|
111 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
112 |
+
);
|
113 |
}
|
114 |
}
|
115 |
|
120 |
// where the 3 'origin-' arguments represent x/y/z coordinates.
|
121 |
//
|
122 |
// **NOTE:** setting z coordinates triggers 3D support list, leave false for 2D support
|
123 |
+
@mixin transform-origin(
|
124 |
+
$origin-x: $default-origin-x,
|
125 |
+
$origin-y: $default-origin-y,
|
126 |
+
$origin-z: false,
|
127 |
+
$only3d: if($origin-z, true, false)
|
128 |
+
) {
|
129 |
$origin: unquote('');
|
130 |
@if $origin-x or $origin-y or $origin-z {
|
131 |
+
@if $origin-x { $origin: $origin-x; } @else { $origin: 50%; }
|
132 |
+
@if $origin-y { $origin: $origin $origin-y; } @else { @if $origin-z { $origin: $origin 50%; }}
|
133 |
+
@if $origin-z { $origin: $origin $origin-z; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
134 |
@include apply-origin($origin, $only3d);
|
135 |
}
|
136 |
}
|
137 |
|
138 |
+
|
139 |
// Transform sent as a complete string:
|
140 |
//
|
141 |
// @include transform( transforms [, 3D-only ] )
|
142 |
//
|
143 |
// where 'transforms' is a space separated list of all the transforms to be applied.
|
144 |
+
@mixin transform(
|
145 |
+
$transform,
|
146 |
+
$only3d: false
|
147 |
+
) {
|
148 |
@if $only3d {
|
149 |
+
@include experimental(transform, $transform,
|
150 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
151 |
+
);
|
152 |
} @else {
|
153 |
+
@include experimental(transform, $transform,
|
154 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
155 |
+
);
|
156 |
}
|
157 |
}
|
158 |
|
178 |
// z-axis. The higher the perspective, the more exaggerated the foreshortening.
|
179 |
// values from 500 to 1000 are more-or-less "normal" - a good starting-point.
|
180 |
@mixin perspective($p) {
|
181 |
+
@include experimental(perspective, $p,
|
182 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
183 |
+
);
|
184 |
}
|
185 |
|
186 |
// Set the origin position for the perspective
|
189 |
//
|
190 |
// where the two arguments represent x/y coordinates
|
191 |
@mixin perspective-origin($origin: 50%) {
|
192 |
+
@include experimental(perspective-origin, $origin,
|
193 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
194 |
+
);
|
195 |
}
|
196 |
|
197 |
// Determine whether a 3D objects children also live in the given 3D space
|
201 |
// where `style` can be either `flat` or `preserve-3d`.
|
202 |
// Browsers default to `flat`, mixin defaults to `preserve-3d`.
|
203 |
@mixin transform-style($style: preserve-3d) {
|
204 |
+
@include experimental(transform-style, $style,
|
205 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
206 |
+
);
|
207 |
}
|
208 |
|
209 |
// Determine the visibility of an element when it's back is turned
|
213 |
// where `visibility` can be either `visible` or `hidden`.
|
214 |
// Browsers default to visible, mixin defaults to hidden
|
215 |
@mixin backface-visibility($visibility: hidden) {
|
216 |
+
@include experimental(backface-visibility, $visibility,
|
217 |
+
-moz, -webkit, -o, -ms, not -khtml, official
|
218 |
+
);
|
219 |
}
|
220 |
|
221 |
// @doc off
|
224 |
// Use along with transform parameter mixins to adjust origin, perspective and style
|
225 |
// ---------------------------------------------------------------------------
|
226 |
|
227 |
+
|
228 |
// Scale ---------------------------------------------------------------------
|
229 |
// @doc on
|
230 |
|
237 |
// but applies to the individual element (multiplied with any parent perspective)
|
238 |
//
|
239 |
// **Note** This mixin cannot be combined with other transform mixins.
|
240 |
+
@mixin scale(
|
241 |
+
$scale-x: $default-scale-x,
|
242 |
+
$scale-y: $scale-x,
|
243 |
+
$perspective: false,
|
244 |
+
$only3d: false
|
245 |
+
) {
|
246 |
$trans: scale($scale-x, $scale-y);
|
247 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
248 |
@include transform($trans, $only3d);
|
249 |
}
|
250 |
|
252 |
// @include scaleX( [ scale-x, perspective, 3D-only ] )
|
253 |
//
|
254 |
// **Note** This mixin cannot be combined with other transform mixins.
|
255 |
+
@mixin scaleX(
|
256 |
+
$scale: $default-scale-x,
|
257 |
+
$perspective: false,
|
258 |
+
$only3d: false
|
259 |
+
) {
|
260 |
$trans: scaleX($scale);
|
261 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
262 |
@include transform($trans, $only3d);
|
263 |
}
|
264 |
|
266 |
// @include scaleY( [ scale-y, perspective, 3D-only ] )
|
267 |
//
|
268 |
// **Note** This mixin cannot be combined with other transform mixins.
|
269 |
+
@mixin scaleY(
|
270 |
+
$scale: $default-scale-y,
|
271 |
+
$perspective: false,
|
272 |
+
$only3d: false
|
273 |
+
) {
|
274 |
$trans: scaleY($scale);
|
275 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
276 |
@include transform($trans, $only3d);
|
277 |
}
|
278 |
|
280 |
// @include scaleZ( [ scale-z, perspective ] )
|
281 |
//
|
282 |
// **Note** This mixin cannot be combined with other transform mixins.
|
283 |
+
@mixin scaleZ(
|
284 |
+
$scale: $default-scale-z,
|
285 |
+
$perspective: false
|
286 |
+
) {
|
287 |
$trans: scaleZ($scale);
|
288 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
289 |
@include transform3d($trans);
|
290 |
}
|
291 |
|
293 |
// @include scale3d( [ scale-x, scale-y, scale-z, perspective ] )
|
294 |
//
|
295 |
// **Note** This mixin cannot be combined with other transform mixins.
|
296 |
+
@mixin scale3d(
|
297 |
+
$scale-x: $default-scale-x,
|
298 |
+
$scale-y: $default-scale-y,
|
299 |
+
$scale-z: $default-scale-z,
|
300 |
+
$perspective: false
|
301 |
+
) {
|
302 |
$trans: scale3d($scale-x, $scale-y, $scale-z);
|
303 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
304 |
@include transform3d($trans);
|
305 |
}
|
306 |
|
313 |
// where 'rotation' is an angle set in degrees (deg) or radian (rad) units
|
314 |
//
|
315 |
// **Note** This mixin cannot be combined with other transform mixins.
|
316 |
+
@mixin rotate(
|
317 |
+
$rotate: $default-rotate,
|
318 |
+
$perspective: false,
|
319 |
+
$only3d: false
|
320 |
+
) {
|
321 |
$trans: rotate($rotate);
|
322 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
323 |
@include transform($trans, $only3d);
|
324 |
}
|
325 |
|
326 |
// A longcut for 'rotate' in case you forget that 'z' is implied
|
327 |
//
|
328 |
// **Note** This mixin cannot be combined with other transform mixins.
|
329 |
+
@mixin rotateZ(
|
330 |
+
$rotate: $default-rotate,
|
331 |
+
$perspective: false,
|
332 |
+
$only3d: false
|
333 |
+
) {
|
334 |
@include rotate($rotate, $perspective, $only3d);
|
335 |
}
|
336 |
|
338 |
// @include rotateX( [ rotation, perspective ] )
|
339 |
//
|
340 |
// **Note** This mixin cannot be combined with other transform mixins.
|
341 |
+
@mixin rotateX(
|
342 |
+
$rotate: $default-rotate,
|
343 |
+
$perspective: false
|
344 |
+
) {
|
345 |
$trans: rotateX($rotate);
|
346 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
347 |
@include transform3d($trans);
|
348 |
}
|
349 |
|
351 |
// @include rotate( [ rotation, perspective ] )
|
352 |
//
|
353 |
// **Note** This mixin cannot be combined with other transform mixins.
|
354 |
+
@mixin rotateY(
|
355 |
+
$rotate: $default-rotate,
|
356 |
+
$perspective: false
|
357 |
+
) {
|
358 |
$trans: rotateY($rotate);
|
359 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
360 |
@include transform3d($trans);
|
361 |
}
|
362 |
|
367 |
// creating an axis from your transform-origin, along the axis of Xx = Yy = Zz.
|
368 |
//
|
369 |
// **Note** This mixin cannot be combined with other transform mixins.
|
370 |
+
@mixin rotate3d(
|
371 |
+
$vector-x: $default-vector-x,
|
372 |
+
$vector-y: $default-vector-y,
|
373 |
+
$vector-z: $default-vector-z,
|
374 |
+
$rotate: $default-rotate,
|
375 |
+
$perspective: false
|
376 |
+
) {
|
377 |
$trans: rotate3d($vector-x, $vector-y, $vector-z, $rotate);
|
378 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
379 |
@include transform3d($trans);
|
380 |
}
|
381 |
|
388 |
// where the 'translate-' arguments accept any distance in percentages or absolute (px, cm, in, em etc..) units.
|
389 |
//
|
390 |
// **Note** This mixin cannot be combined with other transform mixins.
|
391 |
+
@mixin translate(
|
392 |
+
$translate-x: $default-translate-x,
|
393 |
+
$translate-y: $default-translate-y,
|
394 |
+
$perspective: false,
|
395 |
+
$only3d: false
|
396 |
+
) {
|
397 |
$trans: translate($translate-x, $translate-y);
|
398 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
399 |
@include transform($trans, $only3d);
|
400 |
}
|
401 |
|
403 |
// @include translate( [ translate-x, perspective, 3D-only ] )
|
404 |
//
|
405 |
// **Note** This mixin cannot be combined with other transform mixins.
|
406 |
+
@mixin translateX(
|
407 |
+
$trans-x: $default-translate-x,
|
408 |
+
$perspective: false,
|
409 |
+
$only3d: false
|
410 |
+
) {
|
411 |
$trans: translateX($trans-x);
|
412 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
413 |
@include transform($trans, $only3d);
|
414 |
}
|
415 |
|
417 |
// @include translate( [ translate-y, perspective, 3D-only ] )
|
418 |
//
|
419 |
// **Note** This mixin cannot be combined with other transform mixins.
|
420 |
+
@mixin translateY(
|
421 |
+
$trans-y: $default-translate-y,
|
422 |
+
$perspective: false,
|
423 |
+
$only3d: false
|
424 |
+
) {
|
425 |
$trans: translateY($trans-y);
|
426 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
427 |
@include transform($trans, $only3d);
|
428 |
}
|
429 |
|
431 |
// @include translate( [ translate-z, perspective ] )
|
432 |
//
|
433 |
// **Note** This mixin cannot be combined with other transform mixins.
|
434 |
+
@mixin translateZ(
|
435 |
+
$trans-z: $default-translate-z,
|
436 |
+
$perspective: false
|
437 |
+
) {
|
438 |
$trans: translateZ($trans-z);
|
439 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
440 |
@include transform3d($trans);
|
441 |
}
|
442 |
|
444 |
// @include translate( [ translate-x, translate-y, translate-z, perspective ] )
|
445 |
//
|
446 |
// **Note** This mixin cannot be combined with other transform mixins.
|
447 |
+
@mixin translate3d(
|
448 |
+
$translate-x: $default-translate-x,
|
449 |
+
$translate-y: $default-translate-y,
|
450 |
+
$translate-z: $default-translate-z,
|
451 |
+
$perspective: false
|
452 |
+
) {
|
453 |
$trans: translate3d($translate-x, $translate-y, $translate-z);
|
454 |
+
@if $perspective { $trans: perspective($perspective) $trans; }
|
|
|
|
|
455 |
@include transform3d($trans);
|
456 |
}
|
457 |
|
466 |
// where the 'skew-' arguments accept css angles in degrees (deg) or radian (rad) units.
|
467 |
//
|
468 |
// **Note** This mixin cannot be combined with other transform mixins.
|
469 |
+
@mixin skew(
|
470 |
+
$skew-x: $default-skew-x,
|
471 |
+
$skew-y: $default-skew-y,
|
472 |
+
$only3d: false
|
473 |
+
) {
|
474 |
$trans: skew($skew-x, $skew-y);
|
475 |
@include transform($trans, $only3d);
|
476 |
}
|
480 |
// @include skew( [ skew-x, 3D-only ] )
|
481 |
//
|
482 |
// **Note** This mixin cannot be combined with other transform mixins.
|
483 |
+
@mixin skewX(
|
484 |
+
$skew-x: $default-skew-x,
|
485 |
+
$only3d: false
|
486 |
+
) {
|
487 |
$trans: skewX($skew-x);
|
488 |
@include transform($trans, $only3d);
|
489 |
}
|
493 |
// @include skew( [ skew-y, 3D-only ] )
|
494 |
//
|
495 |
// **Note** This mixin cannot be combined with other transform mixins.
|
496 |
+
@mixin skewY(
|
497 |
+
$skew-y: $default-skew-y,
|
498 |
+
$only3d: false
|
499 |
+
) {
|
500 |
$trans: skewY($skew-y);
|
501 |
@include transform($trans, $only3d);
|
502 |
}
|
503 |
|
504 |
+
|
505 |
// Full transform mixins
|
506 |
// For settings any combination of transforms as arguments
|
507 |
// These are complex and not highly recommended for daily use. They are mainly
|
511 |
// * scale takes a multiplier (unitless), rotate and skew take degrees (deg)
|
512 |
//
|
513 |
// **Note** This mixin cannot be combined with other transform mixins.
|
514 |
+
@mixin create-transform(
|
515 |
+
$perspective: false,
|
516 |
+
$scale-x: false,
|
517 |
+
$scale-y: false,
|
518 |
+
$scale-z: false,
|
519 |
+
$rotate-x: false,
|
520 |
+
$rotate-y: false,
|
521 |
+
$rotate-z: false,
|
522 |
+
$rotate3d: false,
|
523 |
+
$trans-x: false,
|
524 |
+
$trans-y: false,
|
525 |
+
$trans-z: false,
|
526 |
+
$skew-x: false,
|
527 |
+
$skew-y: false,
|
528 |
+
$origin-x: false,
|
529 |
+
$origin-y: false,
|
530 |
+
$origin-z: false,
|
531 |
+
$only3d: false
|
532 |
+
) {
|
533 |
$trans: unquote("");
|
534 |
|
535 |
+
// perspective
|
536 |
+
@if $perspective { $trans: perspective($perspective) ; }
|
|
|
|
|
537 |
|
538 |
+
// scale
|
539 |
@if $scale-x and $scale-y {
|
540 |
+
@if $scale-z { $trans: $trans scale3d($scale-x, $scale-y, $scale-z); }
|
541 |
+
@else { $trans: $trans scale($scale-x, $scale-y); }
|
|
|
|
|
|
|
542 |
} @else {
|
543 |
+
@if $scale-x { $trans: $trans scaleX($scale-x); }
|
544 |
+
@if $scale-y { $trans: $trans scaleY($scale-y); }
|
545 |
+
@if $scale-z { $trans: $trans scaleZ($scale-z); }
|
|
|
|
|
|
|
|
|
|
|
|
|
546 |
}
|
547 |
|
548 |
+
// rotate
|
549 |
+
@if $rotate-x { $trans: $trans rotateX($rotate-x); }
|
550 |
+
@if $rotate-y { $trans: $trans rotateY($rotate-y); }
|
551 |
+
@if $rotate-z { $trans: $trans rotateZ($rotate-z); }
|
552 |
+
@if $rotate3d { $trans: $trans rotate3d($rotate3d); }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
553 |
|
554 |
+
// translate
|
555 |
@if $trans-x and $trans-y {
|
556 |
+
@if $trans-z { $trans: $trans translate3d($trans-x, $trans-y, $trans-z); }
|
557 |
+
@else { $trans: $trans translate($trans-x, $trans-y); }
|
|
|
|
|
|
|
558 |
} @else {
|
559 |
+
@if $trans-x { $trans: $trans translateX($trans-x); }
|
560 |
+
@if $trans-y { $trans: $trans translateY($trans-y); }
|
561 |
+
@if $trans-z { $trans: $trans translateZ($trans-z); }
|
|
|
|
|
|
|
|
|
|
|
|
|
562 |
}
|
563 |
|
564 |
+
// skew
|
565 |
+
@if $skew-x and $skew-y { $trans: $trans skew($skew-x, $skew-y); }
|
566 |
+
@else {
|
567 |
+
@if $skew-x { $trans: $trans skewX($skew-x); }
|
568 |
+
@if $skew-y { $trans: $trans skewY($skew-y); }
|
|
|
|
|
|
|
|
|
|
|
569 |
}
|
570 |
|
571 |
+
// apply it!
|
572 |
@include transform($trans, $only3d);
|
573 |
@include transform-origin($origin-x, $origin-y, $origin-z, $only3d);
|
574 |
}
|
575 |
|
576 |
+
|
577 |
// A simplified set of options
|
578 |
// backwards-compatible with the previous version of the 'transform' mixin
|
579 |
+
@mixin simple-transform(
|
580 |
+
$scale: false,
|
581 |
+
$rotate: false,
|
582 |
+
$trans-x: false,
|
583 |
+
$trans-y: false,
|
584 |
+
$skew-x: false,
|
585 |
+
$skew-y: false,
|
586 |
+
$origin-x: false,
|
587 |
+
$origin-y: false
|
588 |
+
) {
|
589 |
+
@include create-transform(
|
590 |
+
false,
|
591 |
+
$scale, $scale, false,
|
592 |
+
false, false, $rotate, false,
|
593 |
+
$trans-x, $trans-y, false,
|
594 |
+
$skew-x, $skew-y,
|
595 |
+
$origin-x, $origin-y, false,
|
596 |
+
false
|
597 |
+
);
|
598 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_transition.scss
CHANGED
@@ -31,29 +31,22 @@ $transitionable-prefixed-values: transform, transform-origin !default;
|
|
31 |
// * also accepts "all" or "none"
|
32 |
|
33 |
@mixin transition-property($property-1: $default-transition-property,
|
34 |
-
$property-2: false,
|
35 |
-
$property-3: false,
|
36 |
-
$property-4: false,
|
37 |
-
$property-5: false,
|
38 |
-
$property-6: false,
|
39 |
-
$property-7: false,
|
40 |
-
$property-8: false,
|
41 |
-
$property-9: false,
|
42 |
-
$property-10: false
|
43 |
-
|
44 |
-
|
45 |
-
}
|
46 |
$properties: compact($property-1, $property-2, $property-3, $property-4, $property-5, $property-6, $property-7, $property-8, $property-9, $property-10);
|
47 |
-
@if $experimental-support-for-webkit
|
48 |
-
|
49 |
-
}
|
50 |
-
|
51 |
-
-moz-transition-property: prefixed-for-transition(-moz, $properties);
|
52 |
-
}
|
53 |
-
@if $experimental-support-for-opera {
|
54 |
-
-o-transition-property: prefixed-for-transition(-o, $properties);
|
55 |
-
}
|
56 |
-
transition-property: $properties;
|
57 |
}
|
58 |
|
59 |
// One or more durations in seconds
|
@@ -62,20 +55,21 @@ $property-10: false) {
|
|
62 |
// * these durations will affect the properties in the same list position
|
63 |
|
64 |
@mixin transition-duration($duration-1: $default-transition-duration,
|
65 |
-
$duration-2: false,
|
66 |
-
$duration-3: false,
|
67 |
-
$duration-4: false,
|
68 |
-
$duration-5: false,
|
69 |
-
$duration-6: false,
|
70 |
-
$duration-7: false,
|
71 |
-
$duration-8: false,
|
72 |
-
$duration-9: false,
|
73 |
-
$duration-10: false
|
74 |
-
|
75 |
-
|
76 |
-
}
|
77 |
$durations: compact($duration-1, $duration-2, $duration-3, $duration-4, $duration-5, $duration-6, $duration-7, $duration-8, $duration-9, $duration-10);
|
78 |
-
@include experimental(transition-duration, $durations,
|
|
|
|
|
79 |
}
|
80 |
|
81 |
// One or more timing functions
|
@@ -85,18 +79,21 @@ $duration-10: false) {
|
|
85 |
// * These functions will effect the properties in the same list position
|
86 |
|
87 |
@mixin transition-timing-function($function-1: $default-transition-function,
|
88 |
-
$function-2: false,
|
89 |
-
$function-3: false,
|
90 |
-
$function-4: false,
|
91 |
-
$function-5: false,
|
92 |
-
$function-6: false,
|
93 |
-
$function-7: false,
|
94 |
-
$function-8: false,
|
95 |
-
$function-9: false,
|
96 |
-
$function-10: false
|
|
|
97 |
$function-1: unquote($function-1);
|
98 |
$functions: compact($function-1, $function-2, $function-3, $function-4, $function-5, $function-6, $function-7, $function-8, $function-9, $function-10);
|
99 |
-
@include experimental(transition-timing-function, $functions,
|
|
|
|
|
100 |
}
|
101 |
|
102 |
// One or more transition-delays in seconds
|
@@ -105,49 +102,54 @@ $function-10: false) {
|
|
105 |
// * these delays will effect the properties in the same list position
|
106 |
|
107 |
@mixin transition-delay($delay-1: $default-transition-delay,
|
108 |
-
$delay-2: false,
|
109 |
-
$delay-3: false,
|
110 |
-
$delay-4: false,
|
111 |
-
$delay-5: false,
|
112 |
-
$delay-6: false,
|
113 |
-
$delay-7: false,
|
114 |
-
$delay-8: false,
|
115 |
-
$delay-9: false,
|
116 |
-
$delay-10: false
|
117 |
-
|
118 |
-
|
119 |
-
}
|
120 |
$delays: compact($delay-1, $delay-2, $delay-3, $delay-4, $delay-5, $delay-6, $delay-7, $delay-8, $delay-9, $delay-10);
|
121 |
-
@include experimental(transition-delay, $delays,
|
|
|
|
|
122 |
}
|
123 |
|
124 |
// Transition all-in-one shorthand
|
125 |
|
126 |
-
@mixin single-transition(
|
127 |
-
$
|
128 |
-
$
|
129 |
-
$
|
|
|
|
|
130 |
@include transition(compact($property $duration $function $delay));
|
131 |
}
|
132 |
|
133 |
-
@mixin transition(
|
134 |
-
$transition-
|
135 |
-
$transition-
|
136 |
-
$transition-
|
137 |
-
$transition-
|
138 |
-
$transition-
|
139 |
-
$transition-
|
140 |
-
$transition-
|
141 |
-
$transition-
|
142 |
-
$transition-
|
|
|
|
|
143 |
@if $transition-1 == default {
|
144 |
-
$transition-1: compact($default-transition-property $default-transition-duration $default-transition-function $default-transition-delay);
|
145 |
}
|
146 |
$transitions: false;
|
147 |
@if type-of($transition-1) == list and type-of(nth($transition-1,1)) == list {
|
148 |
$transitions: join($transition-1, compact($transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10), comma);
|
149 |
} @else {
|
150 |
-
$transitions: compact($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10);
|
151 |
}
|
152 |
$delays: comma-list();
|
153 |
$has-delays: false;
|
@@ -155,55 +157,36 @@ $transition-10: false) {
|
|
155 |
$moz-value: comma-list();
|
156 |
$o-value: comma-list();
|
157 |
|
158 |
-
// This block can be made considerably simpler at the point in time that
|
159 |
-
// we no longer need to deal with the differences in how delays are treated.
|
160 |
@each $transition in $transitions {
|
161 |
-
|
162 |
-
|
163 |
$property: nth($transition, 1);
|
164 |
$duration: false;
|
165 |
$timing-function: false;
|
166 |
$delay: false;
|
167 |
-
@if length($transition) > 1 {
|
168 |
-
|
169 |
-
}
|
170 |
-
@if length($transition) > 2 {
|
171 |
-
$timing-function: nth($transition, 3);
|
172 |
-
}
|
173 |
-
@if length($transition) > 3 {
|
174 |
-
$delay: nth($transition, 4);
|
175 |
-
$has-delays: true;
|
176 |
-
}
|
177 |
|
178 |
-
|
179 |
-
@if is-time($timing-function) and not $delay {
|
180 |
-
$delay: $timing-function;
|
181 |
-
$timing-function: false;
|
182 |
-
$has-delays: true;
|
183 |
-
}
|
184 |
|
185 |
-
|
186 |
$delays: append($delays, if($delay, $delay, 0s));
|
187 |
|
188 |
$webkit-value: append($webkit-value, compact(prefixed-for-transition(-webkit, $property) $duration $timing-function));
|
189 |
-
|
190 |
-
|
191 |
}
|
192 |
|
193 |
-
@if $experimental-support-for-webkit
|
194 |
-
|
195 |
-
|
196 |
-
|
197 |
-
|
198 |
-
|
199 |
-
}
|
200 |
-
@if $experimental-support-for-mozilla {
|
201 |
-
-moz-transition: $moz-value;
|
202 |
-
}
|
203 |
-
@if $experimental-support-for-opera {
|
204 |
-
-o-transition: $o-value;
|
205 |
-
}
|
206 |
-
transition: $transitions;
|
207 |
}
|
208 |
|
209 |
// coerce a list to be comma delimited or make a new, empty comma delimited list.
|
31 |
// * also accepts "all" or "none"
|
32 |
|
33 |
@mixin transition-property($property-1: $default-transition-property,
|
34 |
+
$property-2 : false,
|
35 |
+
$property-3 : false,
|
36 |
+
$property-4 : false,
|
37 |
+
$property-5 : false,
|
38 |
+
$property-6 : false,
|
39 |
+
$property-7 : false,
|
40 |
+
$property-8 : false,
|
41 |
+
$property-9 : false,
|
42 |
+
$property-10: false
|
43 |
+
) {
|
44 |
+
@if type-of($property-1) == string { $property-1: unquote($property-1); }
|
|
|
45 |
$properties: compact($property-1, $property-2, $property-3, $property-4, $property-5, $property-6, $property-7, $property-8, $property-9, $property-10);
|
46 |
+
@if $experimental-support-for-webkit { -webkit-transition-property : prefixed-for-transition(-webkit, $properties); }
|
47 |
+
@if $experimental-support-for-mozilla { -moz-transition-property : prefixed-for-transition(-moz, $properties); }
|
48 |
+
@if $experimental-support-for-opera { -o-transition-property : prefixed-for-transition(-o, $properties); }
|
49 |
+
transition-property : $properties;
|
|
|
|
|
|
|
|
|
|
|
|
|
50 |
}
|
51 |
|
52 |
// One or more durations in seconds
|
55 |
// * these durations will affect the properties in the same list position
|
56 |
|
57 |
@mixin transition-duration($duration-1: $default-transition-duration,
|
58 |
+
$duration-2 : false,
|
59 |
+
$duration-3 : false,
|
60 |
+
$duration-4 : false,
|
61 |
+
$duration-5 : false,
|
62 |
+
$duration-6 : false,
|
63 |
+
$duration-7 : false,
|
64 |
+
$duration-8 : false,
|
65 |
+
$duration-9 : false,
|
66 |
+
$duration-10: false
|
67 |
+
) {
|
68 |
+
@if type-of($duration-1) == string { $duration-1: unquote($duration-1); }
|
|
|
69 |
$durations: compact($duration-1, $duration-2, $duration-3, $duration-4, $duration-5, $duration-6, $duration-7, $duration-8, $duration-9, $duration-10);
|
70 |
+
@include experimental(transition-duration, $durations,
|
71 |
+
-moz, -webkit, -o, not -ms, not -khtml, official
|
72 |
+
);
|
73 |
}
|
74 |
|
75 |
// One or more timing functions
|
79 |
// * These functions will effect the properties in the same list position
|
80 |
|
81 |
@mixin transition-timing-function($function-1: $default-transition-function,
|
82 |
+
$function-2 : false,
|
83 |
+
$function-3 : false,
|
84 |
+
$function-4 : false,
|
85 |
+
$function-5 : false,
|
86 |
+
$function-6 : false,
|
87 |
+
$function-7 : false,
|
88 |
+
$function-8 : false,
|
89 |
+
$function-9 : false,
|
90 |
+
$function-10: false
|
91 |
+
) {
|
92 |
$function-1: unquote($function-1);
|
93 |
$functions: compact($function-1, $function-2, $function-3, $function-4, $function-5, $function-6, $function-7, $function-8, $function-9, $function-10);
|
94 |
+
@include experimental(transition-timing-function, $functions,
|
95 |
+
-moz, -webkit, -o, not -ms, not -khtml, official
|
96 |
+
);
|
97 |
}
|
98 |
|
99 |
// One or more transition-delays in seconds
|
102 |
// * these delays will effect the properties in the same list position
|
103 |
|
104 |
@mixin transition-delay($delay-1: $default-transition-delay,
|
105 |
+
$delay-2 : false,
|
106 |
+
$delay-3 : false,
|
107 |
+
$delay-4 : false,
|
108 |
+
$delay-5 : false,
|
109 |
+
$delay-6 : false,
|
110 |
+
$delay-7 : false,
|
111 |
+
$delay-8 : false,
|
112 |
+
$delay-9 : false,
|
113 |
+
$delay-10: false
|
114 |
+
) {
|
115 |
+
@if type-of($delay-1) == string { $delay-1: unquote($delay-1); }
|
|
|
116 |
$delays: compact($delay-1, $delay-2, $delay-3, $delay-4, $delay-5, $delay-6, $delay-7, $delay-8, $delay-9, $delay-10);
|
117 |
+
@include experimental(transition-delay, $delays,
|
118 |
+
-moz, -webkit, -o, not -ms, not -khtml, official
|
119 |
+
);
|
120 |
}
|
121 |
|
122 |
// Transition all-in-one shorthand
|
123 |
|
124 |
+
@mixin single-transition(
|
125 |
+
$property: $default-transition-property,
|
126 |
+
$duration: $default-transition-duration,
|
127 |
+
$function: $default-transition-function,
|
128 |
+
$delay: $default-transition-delay
|
129 |
+
) {
|
130 |
@include transition(compact($property $duration $function $delay));
|
131 |
}
|
132 |
|
133 |
+
@mixin transition(
|
134 |
+
$transition-1 : default,
|
135 |
+
$transition-2 : false,
|
136 |
+
$transition-3 : false,
|
137 |
+
$transition-4 : false,
|
138 |
+
$transition-5 : false,
|
139 |
+
$transition-6 : false,
|
140 |
+
$transition-7 : false,
|
141 |
+
$transition-8 : false,
|
142 |
+
$transition-9 : false,
|
143 |
+
$transition-10: false
|
144 |
+
) {
|
145 |
@if $transition-1 == default {
|
146 |
+
$transition-1 : compact($default-transition-property $default-transition-duration $default-transition-function $default-transition-delay);
|
147 |
}
|
148 |
$transitions: false;
|
149 |
@if type-of($transition-1) == list and type-of(nth($transition-1,1)) == list {
|
150 |
$transitions: join($transition-1, compact($transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10), comma);
|
151 |
} @else {
|
152 |
+
$transitions : compact($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10);
|
153 |
}
|
154 |
$delays: comma-list();
|
155 |
$has-delays: false;
|
157 |
$moz-value: comma-list();
|
158 |
$o-value: comma-list();
|
159 |
|
160 |
+
// This block can be made considerably simpler at the point in time that
|
161 |
+
// we no longer need to deal with the differences in how delays are treated.
|
162 |
@each $transition in $transitions {
|
163 |
+
// Extract the values from the list
|
164 |
+
// (this would be cleaner if nth took a 3rd argument to provide a default value).
|
165 |
$property: nth($transition, 1);
|
166 |
$duration: false;
|
167 |
$timing-function: false;
|
168 |
$delay: false;
|
169 |
+
@if length($transition) > 1 { $duration: nth($transition, 2); }
|
170 |
+
@if length($transition) > 2 { $timing-function: nth($transition, 3); }
|
171 |
+
@if length($transition) > 3 { $delay: nth($transition, 4); $has-delays: true; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
172 |
|
173 |
+
// If a delay is provided without a timing function
|
174 |
+
@if is-time($timing-function) and not $delay { $delay: $timing-function; $timing-function: false; $has-delays: true; }
|
|
|
|
|
|
|
|
|
175 |
|
176 |
+
// Keep a list of delays in case one is specified
|
177 |
$delays: append($delays, if($delay, $delay, 0s));
|
178 |
|
179 |
$webkit-value: append($webkit-value, compact(prefixed-for-transition(-webkit, $property) $duration $timing-function));
|
180 |
+
$moz-value: append( $moz-value, compact(prefixed-for-transition( -moz, $property) $duration $timing-function $delay));
|
181 |
+
$o-value: append( $o-value, compact(prefixed-for-transition( -o, $property) $duration $timing-function $delay));
|
182 |
}
|
183 |
|
184 |
+
@if $experimental-support-for-webkit { -webkit-transition : $webkit-value;
|
185 |
+
// old webkit doesn't support the delay parameter in the shorthand so we progressively enhance it.
|
186 |
+
@if $has-delays { -webkit-transition-delay : $delays; } }
|
187 |
+
@if $experimental-support-for-mozilla { -moz-transition : $moz-value; }
|
188 |
+
@if $experimental-support-for-opera { -o-transition : $o-value; }
|
189 |
+
transition : $transitions;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
190 |
}
|
191 |
|
192 |
// coerce a list to be comma delimited or make a new, empty comma delimited list.
|
lib/phpsass/Extensions/Compass/stylesheets/compass/css3/_user-interface.scss
CHANGED
@@ -4,11 +4,14 @@
|
|
4 |
// http://www.w3.org/TR/2000/WD-css3-userint-20000216
|
5 |
@import "shared";
|
6 |
|
|
|
7 |
// This property controls the selection model and granularity of an element.
|
8 |
//
|
9 |
// @param $select
|
10 |
// [ none | text | toggle | element | elements | all | inherit ]
|
11 |
@mixin user-select($select) {
|
12 |
$select: unquote($select);
|
13 |
-
@include experimental(user-select, $select,
|
|
|
|
|
14 |
}
|
4 |
// http://www.w3.org/TR/2000/WD-css3-userint-20000216
|
5 |
@import "shared";
|
6 |
|
7 |
+
|
8 |
// This property controls the selection model and granularity of an element.
|
9 |
//
|
10 |
// @param $select
|
11 |
// [ none | text | toggle | element | elements | all | inherit ]
|
12 |
@mixin user-select($select) {
|
13 |
$select: unquote($select);
|
14 |
+
@include experimental(user-select, $select,
|
15 |
+
-moz, -webkit, not -o, not -ms, -khtml, official
|
16 |
+
);
|
17 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/layout/_grid-background.scss
CHANGED
@@ -2,69 +2,72 @@
|
|
2 |
@import "compass/css3/background-size";
|
3 |
|
4 |
// Set the color of your columns
|
5 |
-
$grid-background-column-color: rgba(100, 100, 225, 0.25)
|
6 |
// Set the color of your gutters
|
7 |
-
$grid-background-gutter-color: rgba(0, 0, 0, 0)
|
8 |
|
9 |
// Set the total number of columns in your grid
|
10 |
-
$grid-background-total-columns: 24
|
11 |
// Set the width of your columns
|
12 |
-
$grid-background-column-width: 30px
|
13 |
// Set the width of your gutters
|
14 |
-
$grid-background-gutter-width: 10px
|
15 |
// Set the offset, if your columns are padded in from the container edge
|
16 |
-
$grid-background-offset: 0px
|
17 |
|
18 |
// Set the color of your baseline
|
19 |
-
$grid-background-baseline-color: rgba(0, 0, 0, 0.5)
|
20 |
// Set the height of your baseline grid
|
21 |
-
$grid-background-baseline-height: 1.5em
|
22 |
|
23 |
// toggle your columns grids on and off
|
24 |
-
$show-column-grid-backgrounds: true
|
25 |
// toggle your vertical grids on and off
|
26 |
-
$show-baseline-grid-backgrounds: true
|
27 |
// toggle all your grids on and off
|
28 |
-
$show-grid-backgrounds: true
|
29 |
|
30 |
// optionally force your grid-image to remain fluid
|
31 |
// no matter what units you used to declared your grid.
|
32 |
-
$grid-background-force-fluid: false
|
|
|
33 |
|
34 |
// Create the gradient needed for baseline grids
|
35 |
-
@function get-baseline-gradient(
|
36 |
-
$
|
|
|
|
|
37 |
@return $gradient;
|
38 |
}
|
39 |
|
40 |
// Create the color-stops needed for horizontal grids
|
41 |
-
@function build-grid-background(
|
42 |
-
$
|
43 |
-
$
|
44 |
-
$
|
45 |
-
$
|
46 |
-
$
|
|
|
|
|
47 |
$grid: compact();
|
48 |
$grid: append($grid, $gutter-color $offset, comma);
|
49 |
@for $i from 0 to $total {
|
50 |
|
51 |
-
|
52 |
$a: $offset;
|
53 |
-
@if $i > 0 {
|
54 |
-
$a: $a + (($column + $gutter) * $i);
|
55 |
-
}
|
56 |
|
57 |
-
|
58 |
$g: $a + $column;
|
59 |
|
60 |
-
|
61 |
$z: $g + $gutter;
|
62 |
|
63 |
@if (unit($a) == "%") and ($i == ($total - 1)) {
|
64 |
$z: 100%;
|
65 |
}
|
66 |
|
67 |
-
|
68 |
$grid: join($grid, ($column-color $a, $column-color $g, $gutter-color $g, $gutter-color $z));
|
69 |
}
|
70 |
|
@@ -72,51 +75,56 @@ $gutter-color: $grid-background-gutter-color) {
|
|
72 |
}
|
73 |
|
74 |
// Return the gradient needed for horizontal grids
|
75 |
-
@function get-column-gradient(
|
76 |
-
$
|
77 |
-
$
|
78 |
-
$
|
79 |
-
$
|
80 |
-
$
|
81 |
-
$
|
|
|
|
|
82 |
$grid: unquote("");
|
83 |
|
84 |
-
// don't force fluid grids when they are already fluid.
|
85 |
-
@if unit($column) == "%" {
|
86 |
-
$force-fluid: false;
|
87 |
-
}
|
88 |
|
89 |
@if $force-fluid {
|
90 |
-
$grid: get-column-fluid-grid($total
|
91 |
} @else {
|
92 |
-
$grid: build-grid-background($total
|
93 |
}
|
94 |
|
95 |
-
// return the horizontal grid as a gradient
|
96 |
$gradient: linear-gradient(left, $grid);
|
97 |
@return $gradient;
|
98 |
}
|
99 |
|
100 |
// Convert a grid from fixed units into percentages.
|
101 |
-
@function get-column-fluid-grid(
|
102 |
-
$
|
103 |
-
$
|
104 |
-
$
|
105 |
-
$
|
106 |
-
$
|
|
|
|
|
107 |
$context: ($column * $total) + ($gutter * ($total - 1) + ($offset * 2));
|
108 |
$offset: $offset / $context * 100%;
|
109 |
$column: $column / $context * 100%;
|
110 |
$gutter: $gutter / $context * 100%;
|
111 |
|
112 |
-
// return the horizontal grid as a set of color-stops
|
113 |
-
$grid: build-grid-background($total
|
114 |
@return $grid;
|
115 |
}
|
116 |
|
|
|
117 |
// Add just the baseline grid to an element's background
|
118 |
-
@mixin baseline-grid-background(
|
119 |
-
$
|
|
|
|
|
120 |
@if $show-grid-backgrounds and $show-baseline-grid-backgrounds {
|
121 |
@include background-image(get-baseline-gradient($color));
|
122 |
@include background-size(100% $baseline);
|
@@ -125,37 +133,46 @@ $color: $grid-background-baseline-color) {
|
|
125 |
}
|
126 |
|
127 |
// Add just the horizontal grid to an element's background
|
128 |
-
@mixin column-grid-background(
|
129 |
-
$
|
130 |
-
$
|
131 |
-
$
|
132 |
-
$
|
133 |
-
$
|
134 |
-
$
|
|
|
|
|
135 |
@if $show-grid-backgrounds and $show-column-grid-backgrounds {
|
136 |
-
@include background-image(
|
|
|
|
|
137 |
background-position: left top;
|
138 |
}
|
139 |
}
|
140 |
|
141 |
// Add both horizontal and baseline grids to an element's background
|
142 |
-
@mixin grid-background(
|
143 |
-
$
|
144 |
-
$
|
145 |
-
$
|
146 |
-
$
|
147 |
-
$
|
148 |
-
$
|
149 |
-
$
|
150 |
-
$
|
|
|
|
|
151 |
@if $show-grid-backgrounds {
|
152 |
@if $show-baseline-grid-backgrounds and $show-column-grid-backgrounds {
|
153 |
-
@include background-image(
|
|
|
|
|
|
|
154 |
@include background-size(100% $baseline, auto);
|
155 |
background-position: left top;
|
156 |
} @else {
|
157 |
@include baseline-grid-background($baseline, $baseline-color);
|
158 |
-
@include column-grid-background($total
|
159 |
}
|
160 |
}
|
161 |
}
|
2 |
@import "compass/css3/background-size";
|
3 |
|
4 |
// Set the color of your columns
|
5 |
+
$grid-background-column-color : rgba(100, 100, 225, 0.25) !default;
|
6 |
// Set the color of your gutters
|
7 |
+
$grid-background-gutter-color : rgba(0, 0, 0, 0) !default;
|
8 |
|
9 |
// Set the total number of columns in your grid
|
10 |
+
$grid-background-total-columns : 24 !default;
|
11 |
// Set the width of your columns
|
12 |
+
$grid-background-column-width : 30px !default;
|
13 |
// Set the width of your gutters
|
14 |
+
$grid-background-gutter-width : 10px !default;
|
15 |
// Set the offset, if your columns are padded in from the container edge
|
16 |
+
$grid-background-offset : 0px !default;
|
17 |
|
18 |
// Set the color of your baseline
|
19 |
+
$grid-background-baseline-color : rgba(0, 0, 0, 0.5) !default;
|
20 |
// Set the height of your baseline grid
|
21 |
+
$grid-background-baseline-height : 1.5em !default;
|
22 |
|
23 |
// toggle your columns grids on and off
|
24 |
+
$show-column-grid-backgrounds : true !default;
|
25 |
// toggle your vertical grids on and off
|
26 |
+
$show-baseline-grid-backgrounds : true !default;
|
27 |
// toggle all your grids on and off
|
28 |
+
$show-grid-backgrounds : true !default;
|
29 |
|
30 |
// optionally force your grid-image to remain fluid
|
31 |
// no matter what units you used to declared your grid.
|
32 |
+
$grid-background-force-fluid : false !default;
|
33 |
+
|
34 |
|
35 |
// Create the gradient needed for baseline grids
|
36 |
+
@function get-baseline-gradient(
|
37 |
+
$color : $grid-background-baseline-color
|
38 |
+
) {
|
39 |
+
$gradient: linear-gradient(bottom, $color 5%, rgba($color,0) 5%);
|
40 |
@return $gradient;
|
41 |
}
|
42 |
|
43 |
// Create the color-stops needed for horizontal grids
|
44 |
+
@function build-grid-background(
|
45 |
+
$total : $grid-background-total-columns,
|
46 |
+
$column : $grid-background-column-width,
|
47 |
+
$gutter : $grid-background-gutter-width,
|
48 |
+
$offset : $grid-background-offset,
|
49 |
+
$column-color : $grid-background-column-color,
|
50 |
+
$gutter-color : $grid-background-gutter-color
|
51 |
+
) {
|
52 |
$grid: compact();
|
53 |
$grid: append($grid, $gutter-color $offset, comma);
|
54 |
@for $i from 0 to $total {
|
55 |
|
56 |
+
// $a represents the start of this column, initially equal to the offset
|
57 |
$a: $offset;
|
58 |
+
@if $i > 0 { $a: $a + (($column + $gutter) * $i); }
|
|
|
|
|
59 |
|
60 |
+
// $g represents the start of this gutter, equal to $a plus one column-width
|
61 |
$g: $a + $column;
|
62 |
|
63 |
+
// $z represents the end of a gutter, equal to $g plus one gutter-width
|
64 |
$z: $g + $gutter;
|
65 |
|
66 |
@if (unit($a) == "%") and ($i == ($total - 1)) {
|
67 |
$z: 100%;
|
68 |
}
|
69 |
|
70 |
+
// and we add this column/gutter pair to our grid
|
71 |
$grid: join($grid, ($column-color $a, $column-color $g, $gutter-color $g, $gutter-color $z));
|
72 |
}
|
73 |
|
75 |
}
|
76 |
|
77 |
// Return the gradient needed for horizontal grids
|
78 |
+
@function get-column-gradient(
|
79 |
+
$total : $grid-background-total-columns,
|
80 |
+
$column : $grid-background-column-width,
|
81 |
+
$gutter : $grid-background-gutter-width,
|
82 |
+
$offset : $grid-background-offset,
|
83 |
+
$column-color : $grid-background-column-color,
|
84 |
+
$gutter-color : $grid-background-gutter-color,
|
85 |
+
$force-fluid : $grid-background-force-fluid
|
86 |
+
) {
|
87 |
$grid: unquote("");
|
88 |
|
89 |
+
// don't force fluid grids when they are already fluid.
|
90 |
+
@if unit($column) == "%" { $force-fluid: false; }
|
|
|
|
|
91 |
|
92 |
@if $force-fluid {
|
93 |
+
$grid: get-column-fluid-grid($total,$column,$gutter,$offset,$column-color,$gutter-color);
|
94 |
} @else {
|
95 |
+
$grid: build-grid-background($total,$column,$gutter,$offset,$column-color,$gutter-color);
|
96 |
}
|
97 |
|
98 |
+
// return the horizontal grid as a gradient
|
99 |
$gradient: linear-gradient(left, $grid);
|
100 |
@return $gradient;
|
101 |
}
|
102 |
|
103 |
// Convert a grid from fixed units into percentages.
|
104 |
+
@function get-column-fluid-grid(
|
105 |
+
$total : $grid-background-total-columns,
|
106 |
+
$column : $grid-background-column-width,
|
107 |
+
$gutter : $grid-background-gutter-width,
|
108 |
+
$offset : $grid-background-offset,
|
109 |
+
$column-color : $grid-background-column-color,
|
110 |
+
$gutter-color : $grid-background-gutter-color
|
111 |
+
) {
|
112 |
$context: ($column * $total) + ($gutter * ($total - 1) + ($offset * 2));
|
113 |
$offset: $offset / $context * 100%;
|
114 |
$column: $column / $context * 100%;
|
115 |
$gutter: $gutter / $context * 100%;
|
116 |
|
117 |
+
// return the horizontal grid as a set of color-stops
|
118 |
+
$grid: build-grid-background($total,$column,$gutter,$offset,$column-color,$gutter-color);
|
119 |
@return $grid;
|
120 |
}
|
121 |
|
122 |
+
|
123 |
// Add just the baseline grid to an element's background
|
124 |
+
@mixin baseline-grid-background(
|
125 |
+
$baseline : $grid-background-baseline-height,
|
126 |
+
$color : $grid-background-baseline-color
|
127 |
+
) {
|
128 |
@if $show-grid-backgrounds and $show-baseline-grid-backgrounds {
|
129 |
@include background-image(get-baseline-gradient($color));
|
130 |
@include background-size(100% $baseline);
|
133 |
}
|
134 |
|
135 |
// Add just the horizontal grid to an element's background
|
136 |
+
@mixin column-grid-background(
|
137 |
+
$total : $grid-background-total-columns,
|
138 |
+
$column : $grid-background-column-width,
|
139 |
+
$gutter : $grid-background-gutter-width,
|
140 |
+
$offset : $grid-background-offset,
|
141 |
+
$column-color : $grid-background-column-color,
|
142 |
+
$gutter-color : $grid-background-gutter-color,
|
143 |
+
$force-fluid : $grid-background-force-fluid
|
144 |
+
) {
|
145 |
@if $show-grid-backgrounds and $show-column-grid-backgrounds {
|
146 |
+
@include background-image(
|
147 |
+
get-column-gradient($total,$column,$gutter,$offset,$column-color,$gutter-color, $force-fluid)
|
148 |
+
);
|
149 |
background-position: left top;
|
150 |
}
|
151 |
}
|
152 |
|
153 |
// Add both horizontal and baseline grids to an element's background
|
154 |
+
@mixin grid-background(
|
155 |
+
$total : $grid-background-total-columns,
|
156 |
+
$column : $grid-background-column-width,
|
157 |
+
$gutter : $grid-background-gutter-width,
|
158 |
+
$baseline : $grid-background-baseline-height,
|
159 |
+
$offset : $grid-background-offset,
|
160 |
+
$column-color : $grid-background-column-color,
|
161 |
+
$gutter-color : $grid-background-gutter-color,
|
162 |
+
$baseline-color : $grid-background-baseline-color,
|
163 |
+
$force-fluid : $grid-background-force-fluid
|
164 |
+
) {
|
165 |
@if $show-grid-backgrounds {
|
166 |
@if $show-baseline-grid-backgrounds and $show-column-grid-backgrounds {
|
167 |
+
@include background-image(
|
168 |
+
get-baseline-gradient($baseline-color),
|
169 |
+
get-column-gradient($total,$column,$gutter,$offset,$column-color,$gutter-color, $force-fluid)
|
170 |
+
);
|
171 |
@include background-size(100% $baseline, auto);
|
172 |
background-position: left top;
|
173 |
} @else {
|
174 |
@include baseline-grid-background($baseline, $baseline-color);
|
175 |
+
@include column-grid-background($total,$column,$gutter,$offset,$column-color,$gutter-color, $force-fluid);
|
176 |
}
|
177 |
}
|
178 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/layout/_sticky-footer.scss
CHANGED
@@ -8,8 +8,7 @@
|
|
8 |
|
9 |
@mixin sticky-footer($footer-height, $root-selector: unquote("#root"), $root-footer-selector: unquote("#root_footer"), $footer-selector: unquote("#footer")) {
|
10 |
html, body {
|
11 |
-
height: 100%;
|
12 |
-
}
|
13 |
#{$root-selector} {
|
14 |
clear: both;
|
15 |
min-height: 100%;
|
@@ -17,12 +16,8 @@
|
|
17 |
height: 100%;
|
18 |
margin-bottom: -$footer-height;
|
19 |
#{$root-footer-selector} {
|
20 |
-
height: $footer-height;
|
21 |
-
}
|
22 |
-
}
|
23 |
#{$footer-selector} {
|
24 |
clear: both;
|
25 |
position: relative;
|
26 |
-
height: $footer-height;
|
27 |
-
}
|
28 |
-
}
|
8 |
|
9 |
@mixin sticky-footer($footer-height, $root-selector: unquote("#root"), $root-footer-selector: unquote("#root_footer"), $footer-selector: unquote("#footer")) {
|
10 |
html, body {
|
11 |
+
height: 100%; }
|
|
|
12 |
#{$root-selector} {
|
13 |
clear: both;
|
14 |
min-height: 100%;
|
16 |
height: 100%;
|
17 |
margin-bottom: -$footer-height;
|
18 |
#{$root-footer-selector} {
|
19 |
+
height: $footer-height; } }
|
|
|
|
|
20 |
#{$footer-selector} {
|
21 |
clear: both;
|
22 |
position: relative;
|
23 |
+
height: $footer-height; } }
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/layout/_stretching.scss
CHANGED
@@ -1,29 +1,24 @@
|
|
|
|
1 |
// stretch element height to specified top and bottom position
|
2 |
|
3 |
-
@mixin stretch-y($offset-top:
|
4 |
@include stretch($offset-top, false, $offset-bottom, false);
|
5 |
}
|
6 |
|
|
|
7 |
// stretch element width to specified left and right position
|
8 |
|
9 |
-
@mixin stretch-x($offset-left:
|
10 |
@include stretch(false, $offset-right, false, $offset-left);
|
11 |
}
|
12 |
|
|
|
13 |
// shorthand to stretch element height and width
|
14 |
|
15 |
-
@mixin stretch($offset-top:
|
16 |
position: absolute;
|
17 |
-
@if $offset-top {
|
18 |
-
|
19 |
-
}
|
20 |
-
@if $offset-
|
21 |
-
bottom: $offset-bottom;
|
22 |
-
}
|
23 |
-
@if $offset-left {
|
24 |
-
left: $offset-left;
|
25 |
-
}
|
26 |
-
@if $offset-right {
|
27 |
-
right: $offset-right;
|
28 |
-
}
|
29 |
}
|
1 |
+
|
2 |
// stretch element height to specified top and bottom position
|
3 |
|
4 |
+
@mixin stretch-y($offset-top:0, $offset-bottom:0) {
|
5 |
@include stretch($offset-top, false, $offset-bottom, false);
|
6 |
}
|
7 |
|
8 |
+
|
9 |
// stretch element width to specified left and right position
|
10 |
|
11 |
+
@mixin stretch-x($offset-left:0, $offset-right:0) {
|
12 |
@include stretch(false, $offset-right, false, $offset-left);
|
13 |
}
|
14 |
|
15 |
+
|
16 |
// shorthand to stretch element height and width
|
17 |
|
18 |
+
@mixin stretch($offset-top:0, $offset-right:0, $offset-bottom:0, $offset-left:0) {
|
19 |
position: absolute;
|
20 |
+
@if $offset-top { top: $offset-top; }
|
21 |
+
@if $offset-bottom { bottom: $offset-bottom; }
|
22 |
+
@if $offset-left { left: $offset-left; }
|
23 |
+
@if $offset-right { right: $offset-right; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
24 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/reset/_utilities-legacy.scss
CHANGED
@@ -13,27 +13,19 @@
|
|
13 |
fieldset, form, label, legend,
|
14 |
table, caption, tbody, tfoot, thead, tr, th, td {
|
15 |
@include reset-box-model;
|
16 |
-
@include reset-font;
|
17 |
-
}
|
18 |
body {
|
19 |
-
@include reset-body;
|
20 |
-
}
|
21 |
ol, ul {
|
22 |
-
@include reset-list-style;
|
23 |
-
}
|
24 |
table {
|
25 |
-
@include reset-table;
|
26 |
-
}
|
27 |
caption, th, td {
|
28 |
-
@include reset-table-cell;
|
29 |
-
}
|
30 |
q, blockquote {
|
31 |
-
@include reset-quotation;
|
32 |
-
}
|
33 |
a img {
|
34 |
-
@include reset-image-anchor-border;
|
35 |
-
}
|
36 |
-
}
|
37 |
|
38 |
// Reset all elements within some selector scope. To reset the selector itself,
|
39 |
// mixin the appropriate reset mixin for that element type as well. This could be
|
@@ -45,29 +37,22 @@
|
|
45 |
pre, a, abbr, acronym, address, code, del, dfn, em, img,
|
46 |
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
|
47 |
@include reset-box-model;
|
48 |
-
@include reset-font;
|
49 |
-
}
|
50 |
table {
|
51 |
-
@include reset-table;
|
52 |
-
}
|
53 |
caption, th, td {
|
54 |
-
@include reset-table-cell;
|
55 |
-
}
|
56 |
q, blockquote {
|
57 |
-
@include reset-quotation;
|
58 |
-
}
|
59 |
a img {
|
60 |
-
@include reset-image-anchor-border;
|
61 |
-
}
|
62 |
-
}
|
63 |
|
64 |
// Reset the box model measurements.
|
65 |
@mixin reset-box-model {
|
66 |
margin: 0;
|
67 |
padding: 0;
|
68 |
border: 0;
|
69 |
-
outline: 0;
|
70 |
-
}
|
71 |
|
72 |
// Reset the font and vertical alignment.
|
73 |
@mixin reset-font {
|
@@ -75,56 +60,45 @@
|
|
75 |
weight: inherit;
|
76 |
style: inherit;
|
77 |
size: 100%;
|
78 |
-
family: inherit;
|
79 |
-
}
|
80 |
-
;
|
81 |
-
vertical-align: baseline;
|
82 |
-
}
|
83 |
|
84 |
// Resets the outline when focus.
|
85 |
// For accessibility you need to apply some styling in its place.
|
86 |
@mixin reset-focus {
|
87 |
-
outline: 0;
|
88 |
-
}
|
89 |
|
90 |
// Reset a body element.
|
91 |
@mixin reset-body {
|
92 |
line-height: 1;
|
93 |
color: black;
|
94 |
-
background: white;
|
95 |
-
}
|
96 |
|
97 |
// Reset the list style of an element.
|
98 |
@mixin reset-list-style {
|
99 |
-
list-style: none;
|
100 |
-
}
|
101 |
|
102 |
// Reset a table
|
103 |
@mixin reset-table {
|
104 |
border-collapse: separate;
|
105 |
border-spacing: 0;
|
106 |
-
vertical-align: middle;
|
107 |
-
}
|
108 |
|
109 |
// Reset a table cell (`th`, `td`)
|
110 |
@mixin reset-table-cell {
|
111 |
text-align: left;
|
112 |
font-weight: normal;
|
113 |
-
vertical-align: middle;
|
114 |
-
}
|
115 |
|
116 |
// Reset a quotation (`q`, `blockquote`)
|
117 |
@mixin reset-quotation {
|
118 |
quotes: "" "";
|
119 |
&:before, &:after {
|
120 |
-
content: "";
|
121 |
-
}
|
122 |
-
}
|
123 |
|
124 |
// Resets the border.
|
125 |
@mixin reset-image-anchor-border {
|
126 |
-
border: none;
|
127 |
-
}
|
128 |
|
129 |
// Unrecognized elements are displayed inline.
|
130 |
// This reset provides a basic reset for html5 elements
|
@@ -133,9 +107,7 @@
|
|
133 |
@mixin reset-html5 {
|
134 |
#{elements-of-type(html5-block)} {
|
135 |
@include reset-box-model;
|
136 |
-
display: block;
|
137 |
-
}
|
138 |
-
}
|
139 |
|
140 |
// Resets the display of inline and block elements to their default display
|
141 |
// according to their tag type. Elements that have a default display that varies across
|
@@ -153,16 +125,11 @@
|
|
153 |
@mixin reset-display($selector: "", $important: false) {
|
154 |
#{append-selector(elements-of-type("inline"), $selector)} {
|
155 |
@if $important {
|
156 |
-
display: inline !important;
|
157 |
-
|
158 |
-
display: inline;
|
159 |
-
}
|
160 |
-
}
|
161 |
#{append-selector(elements-of-type("block"), $selector)} {
|
162 |
@if $important {
|
163 |
-
display: block !important;
|
164 |
-
|
165 |
-
display: block;
|
166 |
-
}
|
167 |
-
}
|
168 |
-
}
|
13 |
fieldset, form, label, legend,
|
14 |
table, caption, tbody, tfoot, thead, tr, th, td {
|
15 |
@include reset-box-model;
|
16 |
+
@include reset-font; }
|
|
|
17 |
body {
|
18 |
+
@include reset-body; }
|
|
|
19 |
ol, ul {
|
20 |
+
@include reset-list-style; }
|
|
|
21 |
table {
|
22 |
+
@include reset-table; }
|
|
|
23 |
caption, th, td {
|
24 |
+
@include reset-table-cell; }
|
|
|
25 |
q, blockquote {
|
26 |
+
@include reset-quotation; }
|
|
|
27 |
a img {
|
28 |
+
@include reset-image-anchor-border; } }
|
|
|
|
|
29 |
|
30 |
// Reset all elements within some selector scope. To reset the selector itself,
|
31 |
// mixin the appropriate reset mixin for that element type as well. This could be
|
37 |
pre, a, abbr, acronym, address, code, del, dfn, em, img,
|
38 |
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
|
39 |
@include reset-box-model;
|
40 |
+
@include reset-font; }
|
|
|
41 |
table {
|
42 |
+
@include reset-table; }
|
|
|
43 |
caption, th, td {
|
44 |
+
@include reset-table-cell; }
|
|
|
45 |
q, blockquote {
|
46 |
+
@include reset-quotation; }
|
|
|
47 |
a img {
|
48 |
+
@include reset-image-anchor-border; } }
|
|
|
|
|
49 |
|
50 |
// Reset the box model measurements.
|
51 |
@mixin reset-box-model {
|
52 |
margin: 0;
|
53 |
padding: 0;
|
54 |
border: 0;
|
55 |
+
outline: 0; }
|
|
|
56 |
|
57 |
// Reset the font and vertical alignment.
|
58 |
@mixin reset-font {
|
60 |
weight: inherit;
|
61 |
style: inherit;
|
62 |
size: 100%;
|
63 |
+
family: inherit; };
|
64 |
+
vertical-align: baseline; }
|
|
|
|
|
|
|
65 |
|
66 |
// Resets the outline when focus.
|
67 |
// For accessibility you need to apply some styling in its place.
|
68 |
@mixin reset-focus {
|
69 |
+
outline: 0; }
|
|
|
70 |
|
71 |
// Reset a body element.
|
72 |
@mixin reset-body {
|
73 |
line-height: 1;
|
74 |
color: black;
|
75 |
+
background: white; }
|
|
|
76 |
|
77 |
// Reset the list style of an element.
|
78 |
@mixin reset-list-style {
|
79 |
+
list-style: none; }
|
|
|
80 |
|
81 |
// Reset a table
|
82 |
@mixin reset-table {
|
83 |
border-collapse: separate;
|
84 |
border-spacing: 0;
|
85 |
+
vertical-align: middle; }
|
|
|
86 |
|
87 |
// Reset a table cell (`th`, `td`)
|
88 |
@mixin reset-table-cell {
|
89 |
text-align: left;
|
90 |
font-weight: normal;
|
91 |
+
vertical-align: middle; }
|
|
|
92 |
|
93 |
// Reset a quotation (`q`, `blockquote`)
|
94 |
@mixin reset-quotation {
|
95 |
quotes: "" "";
|
96 |
&:before, &:after {
|
97 |
+
content: ""; } }
|
|
|
|
|
98 |
|
99 |
// Resets the border.
|
100 |
@mixin reset-image-anchor-border {
|
101 |
+
border: none; }
|
|
|
102 |
|
103 |
// Unrecognized elements are displayed inline.
|
104 |
// This reset provides a basic reset for html5 elements
|
107 |
@mixin reset-html5 {
|
108 |
#{elements-of-type(html5-block)} {
|
109 |
@include reset-box-model;
|
110 |
+
display: block; } }
|
|
|
|
|
111 |
|
112 |
// Resets the display of inline and block elements to their default display
|
113 |
// according to their tag type. Elements that have a default display that varies across
|
125 |
@mixin reset-display($selector: "", $important: false) {
|
126 |
#{append-selector(elements-of-type("inline"), $selector)} {
|
127 |
@if $important {
|
128 |
+
display: inline !important; }
|
129 |
+
@else {
|
130 |
+
display: inline; } }
|
|
|
|
|
131 |
#{append-selector(elements-of-type("block"), $selector)} {
|
132 |
@if $important {
|
133 |
+
display: block !important; }
|
134 |
+
@else {
|
135 |
+
display: block; } } }
|
|
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/reset/_utilities.scss
CHANGED
@@ -11,35 +11,27 @@
|
|
11 |
dl, dt, dd, ol, ul, li,
|
12 |
fieldset, form, label, legend,
|
13 |
table, caption, tbody, tfoot, thead, tr, th, td,
|
14 |
-
article, aside, canvas, details, embed,
|
15 |
-
figure, figcaption, footer, header, hgroup,
|
16 |
menu, nav, output, ruby, section, summary,
|
17 |
time, mark, audio, video {
|
18 |
@include reset-box-model;
|
19 |
-
@include reset-font;
|
20 |
-
|
21 |
-
//
|
22 |
-
// with the vertical rhythm mixins.
|
23 |
html {
|
24 |
-
@include reset-body;
|
25 |
-
}
|
26 |
ol, ul {
|
27 |
-
@include reset-list-style;
|
28 |
-
}
|
29 |
table {
|
30 |
-
@include reset-table;
|
31 |
-
}
|
32 |
caption, th, td {
|
33 |
-
@include reset-table-cell;
|
34 |
-
}
|
35 |
q, blockquote {
|
36 |
-
@include reset-quotation;
|
37 |
-
}
|
38 |
a img {
|
39 |
-
@include reset-image-anchor-border;
|
40 |
-
}
|
41 |
-
@include reset-html5;
|
42 |
-
}
|
43 |
|
44 |
// Reset all elements within some selector scope. To reset the selector itself,
|
45 |
// mixin the appropriate reset mixin for that element type as well. This could be
|
@@ -54,83 +46,67 @@
|
|
54 |
dl, dt, dd, ol, ul, li,
|
55 |
fieldset, form, label, legend,
|
56 |
table, caption, tbody, tfoot, thead, tr, th, td,
|
57 |
-
article, aside, canvas, details, embed,
|
58 |
-
figure, figcaption, footer, header, hgroup,
|
59 |
menu, nav, output, ruby, section, summary,
|
60 |
time, mark, audio, video {
|
61 |
@include reset-box-model;
|
62 |
-
@include reset-font;
|
63 |
-
}
|
64 |
table {
|
65 |
-
@include reset-table;
|
66 |
-
}
|
67 |
caption, th, td {
|
68 |
-
@include reset-table-cell;
|
69 |
-
}
|
70 |
q, blockquote {
|
71 |
-
@include reset-quotation;
|
72 |
-
}
|
73 |
a img {
|
74 |
-
@include reset-image-anchor-border;
|
75 |
-
}
|
76 |
-
}
|
77 |
|
78 |
// Reset the box model measurements.
|
79 |
@mixin reset-box-model {
|
80 |
margin: 0;
|
81 |
padding: 0;
|
82 |
-
border: 0;
|
83 |
-
}
|
84 |
|
85 |
// Reset the font and vertical alignment.
|
86 |
@mixin reset-font {
|
87 |
font: inherit;
|
88 |
font-size: 100%;
|
89 |
-
vertical-align: baseline;
|
90 |
-
}
|
91 |
|
92 |
// Resets the outline when focus.
|
93 |
// For accessibility you need to apply some styling in its place.
|
94 |
@mixin reset-focus {
|
95 |
-
outline: 0;
|
96 |
-
}
|
97 |
|
98 |
// Reset a body element.
|
99 |
@mixin reset-body {
|
100 |
-
line-height: 1;
|
101 |
-
}
|
102 |
|
103 |
// Reset the list style of an element.
|
104 |
@mixin reset-list-style {
|
105 |
-
list-style: none;
|
106 |
-
}
|
107 |
|
108 |
// Reset a table
|
109 |
@mixin reset-table {
|
110 |
border-collapse: collapse;
|
111 |
-
border-spacing: 0;
|
112 |
-
}
|
113 |
|
114 |
// Reset a table cell (`th`, `td`)
|
115 |
@mixin reset-table-cell {
|
116 |
text-align: left;
|
117 |
font-weight: normal;
|
118 |
-
vertical-align: middle;
|
119 |
-
}
|
120 |
|
121 |
// Reset a quotation (`q`, `blockquote`)
|
122 |
@mixin reset-quotation {
|
123 |
quotes: none;
|
124 |
&:before, &:after {
|
125 |
-
content: "";
|
126 |
-
content: none;
|
127 |
-
}
|
128 |
-
}
|
129 |
|
130 |
// Resets the border.
|
131 |
@mixin reset-image-anchor-border {
|
132 |
-
border: none;
|
133 |
-
}
|
134 |
|
135 |
// Unrecognized elements are displayed inline.
|
136 |
// This reset provides a basic reset for block html5 elements
|
@@ -138,9 +114,7 @@
|
|
138 |
// and reset in browsers that have default styles for them.
|
139 |
@mixin reset-html5 {
|
140 |
#{elements-of-type(html5-block)} {
|
141 |
-
display: block;
|
142 |
-
}
|
143 |
-
}
|
144 |
|
145 |
// Resets the display of inline and block elements to their default display
|
146 |
// according to their tag type. Elements that have a default display that varies across
|
@@ -158,16 +132,11 @@
|
|
158 |
@mixin reset-display($selector: "", $important: false) {
|
159 |
#{append-selector(elements-of-type("inline"), $selector)} {
|
160 |
@if $important {
|
161 |
-
display: inline !important;
|
162 |
-
|
163 |
-
display: inline;
|
164 |
-
}
|
165 |
-
}
|
166 |
#{append-selector(elements-of-type("block"), $selector)} {
|
167 |
@if $important {
|
168 |
-
display: block !important;
|
169 |
-
|
170 |
-
display: block;
|
171 |
-
}
|
172 |
-
}
|
173 |
-
}
|
11 |
dl, dt, dd, ol, ul, li,
|
12 |
fieldset, form, label, legend,
|
13 |
table, caption, tbody, tfoot, thead, tr, th, td,
|
14 |
+
article, aside, canvas, details, embed,
|
15 |
+
figure, figcaption, footer, header, hgroup,
|
16 |
menu, nav, output, ruby, section, summary,
|
17 |
time, mark, audio, video {
|
18 |
@include reset-box-model;
|
19 |
+
@include reset-font; }
|
20 |
+
// Unlike Eric's original reset, we reset the html element to be compatible
|
21 |
+
// with the vertical rhythm mixins.
|
|
|
22 |
html {
|
23 |
+
@include reset-body; }
|
|
|
24 |
ol, ul {
|
25 |
+
@include reset-list-style; }
|
|
|
26 |
table {
|
27 |
+
@include reset-table; }
|
|
|
28 |
caption, th, td {
|
29 |
+
@include reset-table-cell; }
|
|
|
30 |
q, blockquote {
|
31 |
+
@include reset-quotation; }
|
|
|
32 |
a img {
|
33 |
+
@include reset-image-anchor-border; }
|
34 |
+
@include reset-html5; }
|
|
|
|
|
35 |
|
36 |
// Reset all elements within some selector scope. To reset the selector itself,
|
37 |
// mixin the appropriate reset mixin for that element type as well. This could be
|
46 |
dl, dt, dd, ol, ul, li,
|
47 |
fieldset, form, label, legend,
|
48 |
table, caption, tbody, tfoot, thead, tr, th, td,
|
49 |
+
article, aside, canvas, details, embed,
|
50 |
+
figure, figcaption, footer, header, hgroup,
|
51 |
menu, nav, output, ruby, section, summary,
|
52 |
time, mark, audio, video {
|
53 |
@include reset-box-model;
|
54 |
+
@include reset-font; }
|
|
|
55 |
table {
|
56 |
+
@include reset-table; }
|
|
|
57 |
caption, th, td {
|
58 |
+
@include reset-table-cell; }
|
|
|
59 |
q, blockquote {
|
60 |
+
@include reset-quotation; }
|
|
|
61 |
a img {
|
62 |
+
@include reset-image-anchor-border; } }
|
|
|
|
|
63 |
|
64 |
// Reset the box model measurements.
|
65 |
@mixin reset-box-model {
|
66 |
margin: 0;
|
67 |
padding: 0;
|
68 |
+
border: 0; }
|
|
|
69 |
|
70 |
// Reset the font and vertical alignment.
|
71 |
@mixin reset-font {
|
72 |
font: inherit;
|
73 |
font-size: 100%;
|
74 |
+
vertical-align: baseline; }
|
|
|
75 |
|
76 |
// Resets the outline when focus.
|
77 |
// For accessibility you need to apply some styling in its place.
|
78 |
@mixin reset-focus {
|
79 |
+
outline: 0; }
|
|
|
80 |
|
81 |
// Reset a body element.
|
82 |
@mixin reset-body {
|
83 |
+
line-height: 1; }
|
|
|
84 |
|
85 |
// Reset the list style of an element.
|
86 |
@mixin reset-list-style {
|
87 |
+
list-style: none; }
|
|
|
88 |
|
89 |
// Reset a table
|
90 |
@mixin reset-table {
|
91 |
border-collapse: collapse;
|
92 |
+
border-spacing: 0; }
|
|
|
93 |
|
94 |
// Reset a table cell (`th`, `td`)
|
95 |
@mixin reset-table-cell {
|
96 |
text-align: left;
|
97 |
font-weight: normal;
|
98 |
+
vertical-align: middle; }
|
|
|
99 |
|
100 |
// Reset a quotation (`q`, `blockquote`)
|
101 |
@mixin reset-quotation {
|
102 |
quotes: none;
|
103 |
&:before, &:after {
|
104 |
+
content: "";
|
105 |
+
content: none; } }
|
|
|
|
|
106 |
|
107 |
// Resets the border.
|
108 |
@mixin reset-image-anchor-border {
|
109 |
+
border: none; }
|
|
|
110 |
|
111 |
// Unrecognized elements are displayed inline.
|
112 |
// This reset provides a basic reset for block html5 elements
|
114 |
// and reset in browsers that have default styles for them.
|
115 |
@mixin reset-html5 {
|
116 |
#{elements-of-type(html5-block)} {
|
117 |
+
display: block; } }
|
|
|
|
|
118 |
|
119 |
// Resets the display of inline and block elements to their default display
|
120 |
// according to their tag type. Elements that have a default display that varies across
|
132 |
@mixin reset-display($selector: "", $important: false) {
|
133 |
#{append-selector(elements-of-type("inline"), $selector)} {
|
134 |
@if $important {
|
135 |
+
display: inline !important; }
|
136 |
+
@else {
|
137 |
+
display: inline; } }
|
|
|
|
|
138 |
#{append-selector(elements-of-type("block"), $selector)} {
|
139 |
@if $important {
|
140 |
+
display: block !important; }
|
141 |
+
@else {
|
142 |
+
display: block; } } }
|
|
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/_links.scss
CHANGED
@@ -1,3 +1,3 @@
|
|
1 |
-
@import "links/
|
2 |
-
@import "links/
|
3 |
-
@import "links/
|
1 |
+
@import "links/hover-link";
|
2 |
+
@import "links/link-colors";
|
3 |
+
@import "links/unstyled-link";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/_lists.scss
CHANGED
@@ -1,4 +1,4 @@
|
|
1 |
-
@import "lists/
|
2 |
-
@import "lists/
|
3 |
-
@import "lists/
|
4 |
-
@import "lists/
|
1 |
+
@import "lists/horizontal-list";
|
2 |
+
@import "lists/inline-list";
|
3 |
+
@import "lists/inline-block-list";
|
4 |
+
@import "lists/bullets";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/_text.scss
CHANGED
@@ -1,4 +1,4 @@
|
|
1 |
-
@import "text/
|
2 |
-
@import "text/
|
3 |
-
@import "text/
|
4 |
-
@import "text/
|
1 |
+
@import "text/ellipsis";
|
2 |
+
@import "text/nowrap";
|
3 |
+
@import "text/replacement";
|
4 |
+
@import "text/force-wrap";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/_vertical_rhythm.scss
CHANGED
@@ -55,9 +55,9 @@ $base-half-leader: $base-leader / 2;
|
|
55 |
|
56 |
// Establishes a font baseline for the given font-size.
|
57 |
@mixin establish-baseline($font-size: $base-font-size) {
|
58 |
-
// IE 6 refuses to resize fonts set in pixels and it weirdly resizes fonts
|
59 |
-
// whose root is set in ems. So we set the root font size in percentages of
|
60 |
-
// the default font size.
|
61 |
* html {
|
62 |
font-size: 100% * ($font-size / $browser-default-font-size);
|
63 |
}
|
@@ -109,14 +109,16 @@ $base-half-leader: $base-leader / 2;
|
|
109 |
}
|
110 |
|
111 |
// Calculate rhythm units.
|
112 |
-
@function rhythm(
|
113 |
-
$
|
114 |
-
$
|
|
|
|
|
115 |
@if not $relative-font-sizing and $font-size != $base-font-size {
|
116 |
@warn "$relative-font-sizing is false but a relative font size was passed to the rhythm function";
|
117 |
}
|
118 |
$rhythm: $font-unit * ($lines * $base-line-height - $offset) / $font-size;
|
119 |
-
// Round the pixels down to nearest integer.
|
120 |
@if unit($rhythm) == px {
|
121 |
$rhythm: floor($rhythm);
|
122 |
}
|
@@ -126,7 +128,8 @@ $offset: 0) {
|
|
126 |
// Calculate the minimum multiple of rhythm units needed to contain the font-size.
|
127 |
@function lines-for-font-size($font-size) {
|
128 |
$lines: if($round-to-nearest-half-line,
|
129 |
-
|
|
|
130 |
@if $lines * $base-line-height - $font-size < $min-line-padding * 2 {
|
131 |
$lines: $lines + if($round-to-nearest-half-line, 0.5, 1);
|
132 |
}
|
@@ -180,8 +183,7 @@ $offset: 0) {
|
|
180 |
border-#{$side}: {
|
181 |
style: $border-style;
|
182 |
width: $font-unit * $width / $font-size;
|
183 |
-
}
|
184 |
-
;
|
185 |
padding-#{$side}: rhythm($lines, $font-size, $offset: $width);
|
186 |
}
|
187 |
|
@@ -193,8 +195,7 @@ $offset: 0) {
|
|
193 |
border: {
|
194 |
style: $border-style;
|
195 |
width: $font-unit * $width / $font-size;
|
196 |
-
}
|
197 |
-
;
|
198 |
padding: rhythm($lines, $font-size, $offset: $width);
|
199 |
}
|
200 |
|
55 |
|
56 |
// Establishes a font baseline for the given font-size.
|
57 |
@mixin establish-baseline($font-size: $base-font-size) {
|
58 |
+
// IE 6 refuses to resize fonts set in pixels and it weirdly resizes fonts
|
59 |
+
// whose root is set in ems. So we set the root font size in percentages of
|
60 |
+
// the default font size.
|
61 |
* html {
|
62 |
font-size: 100% * ($font-size / $browser-default-font-size);
|
63 |
}
|
109 |
}
|
110 |
|
111 |
// Calculate rhythm units.
|
112 |
+
@function rhythm(
|
113 |
+
$lines: 1,
|
114 |
+
$font-size: $base-font-size,
|
115 |
+
$offset: 0
|
116 |
+
) {
|
117 |
@if not $relative-font-sizing and $font-size != $base-font-size {
|
118 |
@warn "$relative-font-sizing is false but a relative font size was passed to the rhythm function";
|
119 |
}
|
120 |
$rhythm: $font-unit * ($lines * $base-line-height - $offset) / $font-size;
|
121 |
+
// Round the pixels down to nearest integer.
|
122 |
@if unit($rhythm) == px {
|
123 |
$rhythm: floor($rhythm);
|
124 |
}
|
128 |
// Calculate the minimum multiple of rhythm units needed to contain the font-size.
|
129 |
@function lines-for-font-size($font-size) {
|
130 |
$lines: if($round-to-nearest-half-line,
|
131 |
+
ceil(2 * $font-size / $base-line-height) / 2,
|
132 |
+
ceil($font-size / $base-line-height));
|
133 |
@if $lines * $base-line-height - $font-size < $min-line-padding * 2 {
|
134 |
$lines: $lines + if($round-to-nearest-half-line, 0.5, 1);
|
135 |
}
|
183 |
border-#{$side}: {
|
184 |
style: $border-style;
|
185 |
width: $font-unit * $width / $font-size;
|
186 |
+
};
|
|
|
187 |
padding-#{$side}: rhythm($lines, $font-size, $offset: $width);
|
188 |
}
|
189 |
|
195 |
border: {
|
196 |
style: $border-style;
|
197 |
width: $font-unit * $width / $font-size;
|
198 |
+
};
|
|
|
199 |
padding: rhythm($lines, $font-size, $offset: $width);
|
200 |
}
|
201 |
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/links/_hover-link.scss
CHANGED
@@ -2,6 +2,4 @@
|
|
2 |
@mixin hover-link {
|
3 |
text-decoration: none;
|
4 |
&:hover {
|
5 |
-
text-decoration: underline;
|
6 |
-
}
|
7 |
-
}
|
2 |
@mixin hover-link {
|
3 |
text-decoration: none;
|
4 |
&:hover {
|
5 |
+
text-decoration: underline; } }
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/links/_link-colors.scss
CHANGED
@@ -16,22 +16,13 @@
|
|
16 |
color: $normal;
|
17 |
@if $visited {
|
18 |
&:visited {
|
19 |
-
color: $visited;
|
20 |
-
}
|
21 |
-
}
|
22 |
@if $focus {
|
23 |
&:focus {
|
24 |
-
color: $focus;
|
25 |
-
}
|
26 |
-
}
|
27 |
@if $hover {
|
28 |
&:hover {
|
29 |
-
color: $hover;
|
30 |
-
}
|
31 |
-
}
|
32 |
@if $active {
|
33 |
&:active {
|
34 |
-
color: $active;
|
35 |
-
}
|
36 |
-
}
|
37 |
-
}
|
16 |
color: $normal;
|
17 |
@if $visited {
|
18 |
&:visited {
|
19 |
+
color: $visited; } }
|
|
|
|
|
20 |
@if $focus {
|
21 |
&:focus {
|
22 |
+
color: $focus; } }
|
|
|
|
|
23 |
@if $hover {
|
24 |
&:hover {
|
25 |
+
color: $hover; } }
|
|
|
|
|
26 |
@if $active {
|
27 |
&:active {
|
28 |
+
color: $active; } } }
|
|
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/links/_unstyled-link.scss
CHANGED
@@ -4,6 +4,4 @@
|
|
4 |
text-decoration: inherit;
|
5 |
cursor: inherit;
|
6 |
&:active, &:focus {
|
7 |
-
outline: none;
|
8 |
-
}
|
9 |
-
}
|
4 |
text-decoration: inherit;
|
5 |
cursor: inherit;
|
6 |
&:active, &:focus {
|
7 |
+
outline: none; } }
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/lists/_bullets.scss
CHANGED
@@ -1,16 +1,14 @@
|
|
1 |
// Turn off the bullet for an element of a list
|
2 |
@mixin no-bullet {
|
3 |
-
list-style-image: none;
|
4 |
-
list-style-type: none;
|
5 |
-
margin-left: 0;
|
6 |
}
|
7 |
|
8 |
// turns off the bullets for an entire list
|
9 |
@mixin no-bullets {
|
10 |
list-style: none;
|
11 |
-
li {
|
12 |
-
@include no-bullet;
|
13 |
-
}
|
14 |
}
|
15 |
|
16 |
// Make a list(ul/ol) have an image bullet.
|
1 |
// Turn off the bullet for an element of a list
|
2 |
@mixin no-bullet {
|
3 |
+
list-style-image : none;
|
4 |
+
list-style-type : none;
|
5 |
+
margin-left : 0;
|
6 |
}
|
7 |
|
8 |
// turns off the bullets for an entire list
|
9 |
@mixin no-bullets {
|
10 |
list-style: none;
|
11 |
+
li { @include no-bullet; }
|
|
|
|
|
12 |
}
|
13 |
|
14 |
// Make a list(ul/ol) have an image bullet.
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/lists/_horizontal-list.scss
CHANGED
@@ -24,8 +24,7 @@
|
|
24 |
// to have a horizontal layout. Used to implement +horizontal-list.
|
25 |
@mixin horizontal-list-container {
|
26 |
@include reset-box-model;
|
27 |
-
@include clearfix;
|
28 |
-
}
|
29 |
|
30 |
// Can be mixed into any li selector that is meant to participate in a horizontal layout.
|
31 |
// Used to implement +horizontal-list.
|
@@ -46,15 +45,9 @@
|
|
46 |
left: $padding;
|
47 |
right: $padding;
|
48 |
}
|
49 |
-
&:first-child, &.first {
|
50 |
-
|
51 |
-
}
|
52 |
-
&:last-child {
|
53 |
-
padding-#{opposite-position($direction)}: 0;
|
54 |
-
}
|
55 |
-
&.last {
|
56 |
-
padding-#{opposite-position($direction)}: 0;
|
57 |
-
}
|
58 |
}
|
59 |
}
|
60 |
|
@@ -65,6 +58,4 @@
|
|
65 |
@mixin horizontal-list($padding: 4px, $direction: left) {
|
66 |
@include horizontal-list-container;
|
67 |
li {
|
68 |
-
@include horizontal-list-item($padding, $direction);
|
69 |
-
}
|
70 |
-
}
|
24 |
// to have a horizontal layout. Used to implement +horizontal-list.
|
25 |
@mixin horizontal-list-container {
|
26 |
@include reset-box-model;
|
27 |
+
@include clearfix; }
|
|
|
28 |
|
29 |
// Can be mixed into any li selector that is meant to participate in a horizontal layout.
|
30 |
// Used to implement +horizontal-list.
|
45 |
left: $padding;
|
46 |
right: $padding;
|
47 |
}
|
48 |
+
&:first-child, &.first { padding-#{$direction}: 0; }
|
49 |
+
&:last-child { padding-#{opposite-position($direction)}: 0; }
|
50 |
+
&.last { padding-#{opposite-position($direction)}: 0; }
|
|
|
|
|
|
|
|
|
|
|
|
|
51 |
}
|
52 |
}
|
53 |
|
58 |
@mixin horizontal-list($padding: 4px, $direction: left) {
|
59 |
@include horizontal-list-container;
|
60 |
li {
|
61 |
+
@include horizontal-list-item($padding, $direction); } }
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/lists/_inline-block-list.scss
CHANGED
@@ -27,8 +27,7 @@
|
|
27 |
// Can be mixed into any selector that target a ul or ol that is meant
|
28 |
// to have an inline-block layout. Used to implement `inline-block-list`.
|
29 |
@mixin inline-block-list-container {
|
30 |
-
@include horizontal-list-container;
|
31 |
-
}
|
32 |
|
33 |
// Can be mixed into any li selector that is meant to participate in a horizontal layout.
|
34 |
// Used to implement `inline-block-list`.
|
@@ -40,8 +39,7 @@
|
|
40 |
padding: {
|
41 |
left: $padding;
|
42 |
right: $padding;
|
43 |
-
}
|
44 |
-
;
|
45 |
}
|
46 |
}
|
47 |
|
@@ -49,6 +47,4 @@
|
|
49 |
@mixin inline-block-list($padding: false) {
|
50 |
@include inline-block-list-container;
|
51 |
li {
|
52 |
-
@include inline-block-list-item($padding);
|
53 |
-
}
|
54 |
-
}
|
27 |
// Can be mixed into any selector that target a ul or ol that is meant
|
28 |
// to have an inline-block layout. Used to implement `inline-block-list`.
|
29 |
@mixin inline-block-list-container {
|
30 |
+
@include horizontal-list-container; }
|
|
|
31 |
|
32 |
// Can be mixed into any li selector that is meant to participate in a horizontal layout.
|
33 |
// Used to implement `inline-block-list`.
|
39 |
padding: {
|
40 |
left: $padding;
|
41 |
right: $padding;
|
42 |
+
};
|
|
|
43 |
}
|
44 |
}
|
45 |
|
47 |
@mixin inline-block-list($padding: false) {
|
48 |
@include inline-block-list-container;
|
49 |
li {
|
50 |
+
@include inline-block-list-item($padding); } }
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/lists/_inline-list.scss
CHANGED
@@ -26,18 +26,12 @@
|
|
26 |
@mixin delimited-list($separator: ", ") {
|
27 |
@include inline-list;
|
28 |
li {
|
29 |
-
&:after {
|
30 |
-
content: $separator;
|
31 |
-
}
|
32 |
&:last-child {
|
33 |
-
&:after {
|
34 |
-
content: "";
|
35 |
-
}
|
36 |
}
|
37 |
&.last {
|
38 |
-
&:after {
|
39 |
-
content: "";
|
40 |
-
}
|
41 |
}
|
42 |
}
|
43 |
}
|
26 |
@mixin delimited-list($separator: ", ") {
|
27 |
@include inline-list;
|
28 |
li {
|
29 |
+
&:after { content: $separator; }
|
|
|
|
|
30 |
&:last-child {
|
31 |
+
&:after { content: ""; }
|
|
|
|
|
32 |
}
|
33 |
&.last {
|
34 |
+
&:after { content: ""; }
|
|
|
|
|
35 |
}
|
36 |
}
|
37 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/text/_ellipsis.scss
CHANGED
@@ -9,12 +9,17 @@ $use-mozilla-ellipsis-binding: false !default;
|
|
9 |
// published [here](http://mattsnider.com/css/css-string-truncation-with-ellipsis/).
|
10 |
// Firefox implementation by [Rikkert Koppes](http://www.rikkertkoppes.com/thoughts/2008/6/).
|
11 |
@mixin ellipsis($no-wrap: true) {
|
12 |
-
@if $no-wrap {
|
13 |
-
white-space: nowrap;
|
14 |
-
}
|
15 |
overflow: hidden;
|
16 |
-
@include experimental(text-overflow, ellipsis,
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
17 |
@if $experimental-support-for-mozilla and $use-mozilla-ellipsis-binding {
|
18 |
-
-moz-binding: stylesheet-url(unquote("xml/ellipsis.xml#ellipsis"));
|
19 |
}
|
20 |
}
|
9 |
// published [here](http://mattsnider.com/css/css-string-truncation-with-ellipsis/).
|
10 |
// Firefox implementation by [Rikkert Koppes](http://www.rikkertkoppes.com/thoughts/2008/6/).
|
11 |
@mixin ellipsis($no-wrap: true) {
|
12 |
+
@if $no-wrap { white-space: nowrap; }
|
|
|
|
|
13 |
overflow: hidden;
|
14 |
+
@include experimental(text-overflow, ellipsis,
|
15 |
+
not -moz,
|
16 |
+
not -webkit,
|
17 |
+
-o,
|
18 |
+
-ms,
|
19 |
+
not -khtml,
|
20 |
+
official
|
21 |
+
);
|
22 |
@if $experimental-support-for-mozilla and $use-mozilla-ellipsis-binding {
|
23 |
+
-moz-binding: stylesheet-url(unquote("xml/ellipsis.xml#ellipsis"));
|
24 |
}
|
25 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/text/_force-wrap.scss
CHANGED
@@ -1,20 +1,12 @@
|
|
1 |
// Prevent long urls and text from breaking layouts
|
2 |
// [originally from perishablepress.com](http://perishablepress.com/press/2010/06/01/wrapping-content/)
|
3 |
@mixin force-wrap {
|
4 |
-
white-space: pre;
|
5 |
-
// CSS 2.
|
6 |
-
white-space: pre-
|
7 |
-
//
|
8 |
-
white-space: pre-
|
9 |
-
//
|
10 |
-
white-space: -pre-wrap;
|
11 |
-
//
|
12 |
-
white-space: -o-pre-wrap;
|
13 |
-
// Opera 7
|
14 |
-
white-space: -moz-pre-wrap;
|
15 |
-
// Mozilla
|
16 |
-
white-space: -hp-pre-wrap;
|
17 |
-
// HP Printers
|
18 |
-
word-wrap: break-word;
|
19 |
-
// IE 5+
|
20 |
}
|
1 |
// Prevent long urls and text from breaking layouts
|
2 |
// [originally from perishablepress.com](http://perishablepress.com/press/2010/06/01/wrapping-content/)
|
3 |
@mixin force-wrap {
|
4 |
+
white-space: pre; // CSS 2.0
|
5 |
+
white-space: pre-wrap; // CSS 2.1
|
6 |
+
white-space: pre-line; // CSS 3.0
|
7 |
+
white-space: -pre-wrap; // Opera 4-6
|
8 |
+
white-space: -o-pre-wrap; // Opera 7
|
9 |
+
white-space: -moz-pre-wrap; // Mozilla
|
10 |
+
white-space: -hp-pre-wrap; // HP Printers
|
11 |
+
word-wrap: break-word; // IE 5+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
12 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/text/_nowrap.scss
CHANGED
@@ -1,4 +1,2 @@
|
|
1 |
// When remembering whether or not there's a hyphen in white-space is too hard
|
2 |
-
@mixin nowrap {
|
3 |
-
white-space: nowrap;
|
4 |
-
}
|
1 |
// When remembering whether or not there's a hyphen in white-space is too hard
|
2 |
+
@mixin nowrap { white-space: nowrap; }
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/typography/text/_replacement.scss
CHANGED
@@ -17,18 +17,16 @@ $hide-text-direction: left !default;
|
|
17 |
@mixin replace-text($img, $x: 50%, $y: 50%) {
|
18 |
@include hide-text;
|
19 |
background: {
|
20 |
-
|
21 |
-
|
22 |
-
|
23 |
-
|
24 |
-
|
25 |
-
|
26 |
-
|
|
|
27 |
}
|
28 |
|
29 |
-
;
|
30 |
-
}
|
31 |
-
|
32 |
// Like the `replace-text` mixin, but also sets the width
|
33 |
// and height of the element according the dimensions of the image.
|
34 |
//
|
@@ -53,7 +51,7 @@ $hide-text-direction: left !default;
|
|
53 |
overflow: hidden;
|
54 |
text-align: left;
|
55 |
} @else {
|
56 |
-
|
57 |
text-indent: 110%;
|
58 |
white-space: nowrap;
|
59 |
overflow: hidden;
|
17 |
@mixin replace-text($img, $x: 50%, $y: 50%) {
|
18 |
@include hide-text;
|
19 |
background: {
|
20 |
+
@if is-url($img) {
|
21 |
+
image: $img;
|
22 |
+
} @else {
|
23 |
+
image: image-url($img);
|
24 |
+
}
|
25 |
+
repeat: no-repeat;
|
26 |
+
position: $x $y;
|
27 |
+
};
|
28 |
}
|
29 |
|
|
|
|
|
|
|
30 |
// Like the `replace-text` mixin, but also sets the width
|
31 |
// and height of the element according the dimensions of the image.
|
32 |
//
|
51 |
overflow: hidden;
|
52 |
text-align: left;
|
53 |
} @else {
|
54 |
+
// slightly wider than the box prevents issues with inline-block elements
|
55 |
text-indent: 110%;
|
56 |
white-space: nowrap;
|
57 |
overflow: hidden;
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_color.scss
CHANGED
@@ -1 +1 @@
|
|
1 |
-
@import "color/
|
1 |
+
@import "color/contrast";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_general.scss
CHANGED
@@ -1,6 +1,6 @@
|
|
1 |
@import "general/reset";
|
2 |
-
@import "general/
|
3 |
-
@import "general/
|
4 |
-
@import "general/
|
5 |
-
@import "general/
|
6 |
-
@import "general/
|
1 |
@import "general/reset";
|
2 |
+
@import "general/clearfix";
|
3 |
+
@import "general/float";
|
4 |
+
@import "general/tag-cloud";
|
5 |
+
@import "general/hacks";
|
6 |
+
@import "general/min";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_links.scss
ADDED
@@ -0,0 +1,5 @@
|
|
|
|
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/links' instead.";
|
2 |
+
|
3 |
+
@import "../typography/links/hover-link";
|
4 |
+
@import "../typography/links/link-colors";
|
5 |
+
@import "../typography/links/unstyled-link";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_lists.scss
ADDED
@@ -0,0 +1,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/lists' instead.";
|
2 |
+
|
3 |
+
@import "../typography/lists/horizontal-list";
|
4 |
+
@import "../typography/lists/inline-list";
|
5 |
+
@import "../typography/lists/inline-block-list";
|
6 |
+
@import "../typography/lists/bullets";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_print.scss
CHANGED
@@ -4,22 +4,14 @@
|
|
4 |
// Note: these aren't semantic.
|
5 |
@mixin print-utilities($media: print) {
|
6 |
@if $media == print {
|
7 |
-
.noprint, .no-print {
|
8 |
-
display: none;
|
9 |
-
}
|
10 |
#{elements-of-type(block)} {
|
11 |
-
&.print-only {
|
12 |
-
display: block;
|
13 |
-
}
|
14 |
}
|
15 |
#{elements-of-type(inline)} {
|
16 |
-
&.print-only {
|
17 |
-
display: inline;
|
18 |
-
}
|
19 |
}
|
20 |
} @else {
|
21 |
-
.print-only {
|
22 |
-
display: none;
|
23 |
-
}
|
24 |
}
|
25 |
}
|
4 |
// Note: these aren't semantic.
|
5 |
@mixin print-utilities($media: print) {
|
6 |
@if $media == print {
|
7 |
+
.noprint, .no-print { display: none; }
|
|
|
|
|
8 |
#{elements-of-type(block)} {
|
9 |
+
&.print-only { display: block; }
|
|
|
|
|
10 |
}
|
11 |
#{elements-of-type(inline)} {
|
12 |
+
&.print-only { display: inline; }
|
|
|
|
|
13 |
}
|
14 |
} @else {
|
15 |
+
.print-only { display: none; }
|
|
|
|
|
16 |
}
|
17 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_sprites.scss
CHANGED
@@ -1,2 +1,2 @@
|
|
1 |
-
@import "sprites/
|
2 |
-
@import "sprites/
|
1 |
+
@import "sprites/base";
|
2 |
+
@import "sprites/sprite-img";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_tables.scss
CHANGED
@@ -1,3 +1,3 @@
|
|
1 |
-
@import "tables/
|
2 |
-
@import "tables/
|
3 |
-
@import "tables/
|
1 |
+
@import "tables/alternating-rows-and-columns";
|
2 |
+
@import "tables/borders";
|
3 |
+
@import "tables/scaffolding";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/_text.scss
ADDED
@@ -0,0 +1,5 @@
|
|
|
|
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/text' instead.";
|
2 |
+
|
3 |
+
@import "../typography/text/ellipsis";
|
4 |
+
@import "../typography/text/nowrap";
|
5 |
+
@import "../typography/text/replacement";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/color/_contrast.scss
CHANGED
@@ -1,24 +1,28 @@
|
|
1 |
-
$contrasted-dark-default:
|
2 |
-
$contrasted-light-default:
|
3 |
$contrasted-lightness-threshold: 30% !default;
|
4 |
|
5 |
// Returns the `$light` color when the `$color` is dark
|
6 |
// and the `$dark` color when the `$color` is light.
|
7 |
// The `$threshold` is a percent between `0%` and `100%` and it determines
|
8 |
// when the lightness of `$color` changes from "dark" to "light".
|
9 |
-
@function contrast-color(
|
10 |
-
$
|
11 |
-
$
|
12 |
-
$
|
|
|
|
|
13 |
@return if(lightness($color) < $threshold, $light, $dark)
|
14 |
}
|
15 |
|
16 |
// Sets the specified background color and calculates a dark or light contrasted text color.
|
17 |
// The arguments are passed through to the [contrast-color function](#function-contrast-color).
|
18 |
-
@mixin contrasted(
|
19 |
-
$
|
20 |
-
$
|
21 |
-
$
|
|
|
|
|
22 |
background-color: $background-color;
|
23 |
color: contrast-color($background-color, $dark, $light, $threshold);
|
24 |
}
|
1 |
+
$contrasted-dark-default: #000 !default;
|
2 |
+
$contrasted-light-default: #fff !default;
|
3 |
$contrasted-lightness-threshold: 30% !default;
|
4 |
|
5 |
// Returns the `$light` color when the `$color` is dark
|
6 |
// and the `$dark` color when the `$color` is light.
|
7 |
// The `$threshold` is a percent between `0%` and `100%` and it determines
|
8 |
// when the lightness of `$color` changes from "dark" to "light".
|
9 |
+
@function contrast-color(
|
10 |
+
$color,
|
11 |
+
$dark: $contrasted-dark-default,
|
12 |
+
$light: $contrasted-light-default,
|
13 |
+
$threshold: $contrasted-lightness-threshold
|
14 |
+
) {
|
15 |
@return if(lightness($color) < $threshold, $light, $dark)
|
16 |
}
|
17 |
|
18 |
// Sets the specified background color and calculates a dark or light contrasted text color.
|
19 |
// The arguments are passed through to the [contrast-color function](#function-contrast-color).
|
20 |
+
@mixin contrasted(
|
21 |
+
$background-color,
|
22 |
+
$dark: $contrasted-dark-default,
|
23 |
+
$light: $contrasted-light-default,
|
24 |
+
$threshold: $contrasted-lightness-threshold
|
25 |
+
) {
|
26 |
background-color: $background-color;
|
27 |
color: contrast-color($background-color, $dark, $light, $threshold);
|
28 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_clearfix.scss
CHANGED
@@ -20,12 +20,12 @@
|
|
20 |
// outside the bounds of the container at the expense of more tricky CSS.
|
21 |
@mixin legacy-pie-clearfix {
|
22 |
&:after {
|
23 |
-
content: "\0020";
|
24 |
-
display: block;
|
25 |
-
height: 0;
|
26 |
-
clear: both;
|
27 |
-
overflow: hidden;
|
28 |
-
visibility: hidden;
|
29 |
}
|
30 |
@include has-layout;
|
31 |
}
|
20 |
// outside the bounds of the container at the expense of more tricky CSS.
|
21 |
@mixin legacy-pie-clearfix {
|
22 |
&:after {
|
23 |
+
content : "\0020";
|
24 |
+
display : block;
|
25 |
+
height : 0;
|
26 |
+
clear : both;
|
27 |
+
overflow : hidden;
|
28 |
+
visibility : hidden;
|
29 |
}
|
30 |
@include has-layout;
|
31 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_float.scss
CHANGED
@@ -1,21 +1,18 @@
|
|
1 |
// Implementation of float:left with fix for the
|
2 |
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
|
3 |
@mixin float-left {
|
4 |
-
@include float(left);
|
5 |
-
}
|
6 |
|
7 |
// Implementation of float:right with fix for the
|
8 |
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
|
9 |
@mixin float-right {
|
10 |
-
@include float(right);
|
11 |
-
}
|
12 |
|
13 |
// Direction independent float mixin that fixes the
|
14 |
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
|
15 |
@mixin float($side: left) {
|
16 |
display: inline;
|
17 |
-
float: unquote($side);
|
18 |
-
}
|
19 |
|
20 |
// Resets floated elements back to their default of `float: none` and defaults
|
21 |
// to `display: block` unless you pass `inline` as an argument
|
@@ -30,5 +27,4 @@
|
|
30 |
// +reset-float
|
31 |
@mixin reset-float($display: block) {
|
32 |
float: none;
|
33 |
-
display: $display;
|
34 |
-
}
|
1 |
// Implementation of float:left with fix for the
|
2 |
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
|
3 |
@mixin float-left {
|
4 |
+
@include float(left); }
|
|
|
5 |
|
6 |
// Implementation of float:right with fix for the
|
7 |
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
|
8 |
@mixin float-right {
|
9 |
+
@include float(right); }
|
|
|
10 |
|
11 |
// Direction independent float mixin that fixes the
|
12 |
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html)
|
13 |
@mixin float($side: left) {
|
14 |
display: inline;
|
15 |
+
float: unquote($side); }
|
|
|
16 |
|
17 |
// Resets floated elements back to their default of `float: none` and defaults
|
18 |
// to `display: block` unless you pass `inline` as an argument
|
27 |
// +reset-float
|
28 |
@mixin reset-float($display: block) {
|
29 |
float: none;
|
30 |
+
display: $display; }
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_hacks.scss
CHANGED
@@ -29,12 +29,10 @@ $default-has-layout-approach: zoom !default;
|
|
29 |
|
30 |
@mixin has-layout-block {
|
31 |
@if $legacy-support-for-ie {
|
32 |
-
|
33 |
display: inline-block;
|
34 |
-
|
35 |
-
& {
|
36 |
-
display: block;
|
37 |
-
}
|
38 |
}
|
39 |
}
|
40 |
|
29 |
|
30 |
@mixin has-layout-block {
|
31 |
@if $legacy-support-for-ie {
|
32 |
+
// This makes ie6 get layout
|
33 |
display: inline-block;
|
34 |
+
// and this puts it back to block
|
35 |
+
& { display: block; }
|
|
|
|
|
36 |
}
|
37 |
}
|
38 |
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_min.scss
CHANGED
@@ -3,17 +3,14 @@
|
|
3 |
//**
|
4 |
// Cross browser min-height mixin.
|
5 |
@mixin min-height($value) {
|
6 |
-
@include hacked-minimum(height, $value);
|
7 |
-
}
|
8 |
|
9 |
//**
|
10 |
// Cross browser min-width mixin.
|
11 |
@mixin min-width($value) {
|
12 |
-
@include hacked-minimum(width, $value);
|
13 |
-
}
|
14 |
|
15 |
// @private This mixin is not meant to be used directly.
|
16 |
@mixin hacked-minimum($property, $value) {
|
17 |
min-#{$property}: $value;
|
18 |
-
@include bang-hack($property, auto, $value);
|
19 |
-
}
|
3 |
//**
|
4 |
// Cross browser min-height mixin.
|
5 |
@mixin min-height($value) {
|
6 |
+
@include hacked-minimum(height, $value); }
|
|
|
7 |
|
8 |
//**
|
9 |
// Cross browser min-width mixin.
|
10 |
@mixin min-width($value) {
|
11 |
+
@include hacked-minimum(width, $value); }
|
|
|
12 |
|
13 |
// @private This mixin is not meant to be used directly.
|
14 |
@mixin hacked-minimum($property, $value) {
|
15 |
min-#{$property}: $value;
|
16 |
+
@include bang-hack($property, auto, $value); }
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_reset.scss
ADDED
@@ -0,0 +1,2 @@
|
|
|
|
|
1 |
+
// This module has moved.
|
2 |
+
@import "compass/reset/utilities";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/general/_tag-cloud.scss
CHANGED
@@ -3,24 +3,16 @@
|
|
3 |
font-size: $base-size;
|
4 |
line-height: 1.2 * $base-size;
|
5 |
.xxs, .xs, .s, .l, .xl, .xxl {
|
6 |
-
line-height: 1.2 * $base-size;
|
7 |
-
}
|
8 |
.xxs {
|
9 |
-
font-size: $base-size / 2;
|
10 |
-
}
|
11 |
.xs {
|
12 |
-
font-size: 2 * $base-size / 3;
|
13 |
-
}
|
14 |
.s {
|
15 |
-
font-size: 3 * $base-size / 4;
|
16 |
-
}
|
17 |
.l {
|
18 |
-
font-size: 4 * $base-size / 3;
|
19 |
-
}
|
20 |
.xl {
|
21 |
-
font-size: 3 * $base-size / 2;
|
22 |
-
}
|
23 |
.xxl {
|
24 |
-
font-size: 2 * $base-size;
|
25 |
-
}
|
26 |
-
}
|
3 |
font-size: $base-size;
|
4 |
line-height: 1.2 * $base-size;
|
5 |
.xxs, .xs, .s, .l, .xl, .xxl {
|
6 |
+
line-height: 1.2 * $base-size; }
|
|
|
7 |
.xxs {
|
8 |
+
font-size: $base-size / 2; }
|
|
|
9 |
.xs {
|
10 |
+
font-size: 2 * $base-size / 3; }
|
|
|
11 |
.s {
|
12 |
+
font-size: 3 * $base-size / 4; }
|
|
|
13 |
.l {
|
14 |
+
font-size: 4 * $base-size / 3; }
|
|
|
15 |
.xl {
|
16 |
+
font-size: 3 * $base-size / 2; }
|
|
|
17 |
.xxl {
|
18 |
+
font-size: 2 * $base-size; } }
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/links/_hover-link.scss
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/links/hover-link' instead.";
|
2 |
+
|
3 |
+
@import "../../typography/links/hover-link";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/links/_link-colors.scss
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/links/link-colors' instead.";
|
2 |
+
|
3 |
+
@import "../../typography/links/link-colors";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/links/_unstyled-link.scss
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/links/unstyled-link' instead.";
|
2 |
+
|
3 |
+
@import "../../typography/links/unstyled-link";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/lists/_bullets.scss
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/lists/bullets' instead.";
|
2 |
+
|
3 |
+
@import "../../typography/lists/bullets";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/lists/_horizontal-list.scss
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/lists/horizontal-list' instead.";
|
2 |
+
|
3 |
+
@import "../../typography/lists/horizontal-list";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/lists/_inline-block-list.scss
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/lists/inline-block-list' instead.";
|
2 |
+
|
3 |
+
@import "../../typography/lists/inline-block-list";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/lists/_inline-list.scss
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/lists/inline-list' instead.";
|
2 |
+
|
3 |
+
@import "../../typography/lists/inline-list";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/sprites/_base.scss
CHANGED
@@ -12,11 +12,12 @@ $sprite-selectors: hover, target, active !default;
|
|
12 |
// sprite of the given `$sprite` name. You can move the image relative to its
|
13 |
// natural position by passing `$offset-x` and `$offset-y`.
|
14 |
@mixin sprite-background-position($map, $sprite, $offset-x: 0, $offset-y: 0) {
|
15 |
-
background-position: sprite-position($map, $sprite, $offset-x, $offset-y);
|
16 |
}
|
17 |
|
|
|
18 |
// Determines if you want to include magic selectors in your sprites
|
19 |
-
$disable-magic-sprite-selectors:
|
20 |
|
21 |
// Include the position and (optionally) dimensions of this `$sprite`
|
22 |
// in the given sprite `$map`. The sprite url should come from either a base
|
@@ -40,7 +41,7 @@ $disable-magic-sprite-selectors: false !default;
|
|
40 |
@each $selector in $sprite-selectors {
|
41 |
@if sprite_has_selector($map, $sprite-name, $selector) {
|
42 |
&:#{$selector}, &.#{$full-sprite-name}_#{$selector}, &.#{$full-sprite-name}-#{$selector} {
|
43 |
-
|
44 |
}
|
45 |
}
|
46 |
}
|
@@ -57,9 +58,7 @@ $disable-magic-sprite-selectors: false !default;
|
|
57 |
@if sprite_does_not_have_parent($map, $sprite-name) {
|
58 |
$full-sprite-name: "#{$prefix}-#{$sprite-name}";
|
59 |
.#{$full-sprite-name} {
|
60 |
-
@if $base-class {
|
61 |
-
@extend #{$base-class};
|
62 |
-
}
|
63 |
@include sprite($map, $sprite-name, $dimensions, $offset-x, $offset-y);
|
64 |
}
|
65 |
}
|
12 |
// sprite of the given `$sprite` name. You can move the image relative to its
|
13 |
// natural position by passing `$offset-x` and `$offset-y`.
|
14 |
@mixin sprite-background-position($map, $sprite, $offset-x: 0, $offset-y: 0) {
|
15 |
+
background-position: sprite-position($map, $sprite, $offset-x, $offset-y);
|
16 |
}
|
17 |
|
18 |
+
|
19 |
// Determines if you want to include magic selectors in your sprites
|
20 |
+
$disable-magic-sprite-selectors:false !default;
|
21 |
|
22 |
// Include the position and (optionally) dimensions of this `$sprite`
|
23 |
// in the given sprite `$map`. The sprite url should come from either a base
|
41 |
@each $selector in $sprite-selectors {
|
42 |
@if sprite_has_selector($map, $sprite-name, $selector) {
|
43 |
&:#{$selector}, &.#{$full-sprite-name}_#{$selector}, &.#{$full-sprite-name}-#{$selector} {
|
44 |
+
@include sprite-background-position($map, "#{$sprite-name}_#{$selector}", $offset-x, $offset-y);
|
45 |
}
|
46 |
}
|
47 |
}
|
58 |
@if sprite_does_not_have_parent($map, $sprite-name) {
|
59 |
$full-sprite-name: "#{$prefix}-#{$sprite-name}";
|
60 |
.#{$full-sprite-name} {
|
61 |
+
@if $base-class { @extend #{$base-class}; }
|
|
|
|
|
62 |
@include sprite($map, $sprite-name, $dimensions, $offset-x, $offset-y);
|
63 |
}
|
64 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/sprites/_sprite-img.scss
CHANGED
@@ -28,12 +28,12 @@ $sprite-image-default-height: $sprite-default-size !default;
|
|
28 |
// To reduce duplication use a sprite-bg mixin for common properties and a sprite-select mixin for positioning.
|
29 |
@mixin sprite-img($img, $col, $row: 1, $width: $sprite-image-default-width, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
|
30 |
@include sprite-background($img, $width, $height);
|
31 |
-
@include sprite-position($col, $row, $width, $height, $margin);
|
32 |
}
|
33 |
|
34 |
// Sets rules common for all sprites, assumes you want a square, but allows a rectangular region.
|
35 |
@mixin sprite-background($img, $width: $sprite-default-size, $height: $width) {
|
36 |
-
@include sprite-background-rectangle($img, $width, $height);
|
37 |
}
|
38 |
|
39 |
// Sets rules common for all sprites, assumes a rectangular region.
|
@@ -41,34 +41,30 @@ $sprite-image-default-height: $sprite-default-size !default;
|
|
41 |
background: image-url($img) no-repeat;
|
42 |
width: $width;
|
43 |
height: $height;
|
44 |
-
overflow: hidden;
|
45 |
}
|
46 |
|
47 |
// Allows horizontal sprite positioning optimized for a single row of sprites.
|
48 |
@mixin sprite-column($col, $width: $sprite-image-default-width, $margin: $sprite-default-margin) {
|
49 |
-
@include sprite-position($col, 1, $width, 0px, $margin);
|
50 |
}
|
51 |
|
52 |
// Allows vertical sprite positioning optimized for a single column of sprites.
|
53 |
@mixin sprite-row($row, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
|
54 |
-
@include sprite-position(1, $row, 0px, $height, $margin);
|
55 |
}
|
56 |
|
57 |
// Allows vertical and horizontal sprite positioning from a grid of equal dimensioned sprites.
|
58 |
@mixin sprite-position($col, $row: 1, $width: $sprite-image-default-width, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
|
59 |
$x: ($col - 1) * -$width - ($col - 1) * $margin;
|
60 |
$y: ($row - 1) * -$height - ($row - 1) * $margin;
|
61 |
-
background-position: $x $y;
|
62 |
}
|
63 |
|
64 |
-
// Similar to 'sprite-replace-text-with-dimensions' but does not autmaticly set the demensions
|
65 |
-
@mixin sprite-replace-text
|
66 |
|
67 |
-
|
68 |
-
|
69 |
-
$sprite,
|
70 |
-
$dimensions: false, $offset-x: 0, $offset-y: 0)
|
71 |
-
{
|
72 |
@include hide-text;
|
73 |
@include sprite($map, $sprite, $dimensions, $offset-x, $offset-y);
|
74 |
background-image: $map;
|
@@ -78,24 +74,6 @@ $dimensions: false, $offset-x: 0, $offset-y: 0)
|
|
78 |
// Similar to 'replace-text-with-dimensions' but with sprites
|
79 |
// To use, create your sprite and then pass it in the `$map` param
|
80 |
// The name of the image in the sprite folder should be `$img-name`
|
81 |
-
@mixin sprite-replace-text-with-dimensions
|
82 |
-
|
83 |
-
(
|
84 |
-
$map,
|
85 |
-
$sprite,
|
86 |
-
$offset-x: 0, $offset-y: 0)
|
87 |
-
{
|
88 |
-
@include sprite-replace-text
|
89 |
-
(
|
90 |
-
$map
|
91 |
-
,
|
92 |
-
$sprite
|
93 |
-
,
|
94 |
-
true
|
95 |
-
,
|
96 |
-
$offset-x
|
97 |
-
,
|
98 |
-
$offset-y
|
99 |
-
)
|
100 |
-
;
|
101 |
}
|
28 |
// To reduce duplication use a sprite-bg mixin for common properties and a sprite-select mixin for positioning.
|
29 |
@mixin sprite-img($img, $col, $row: 1, $width: $sprite-image-default-width, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
|
30 |
@include sprite-background($img, $width, $height);
|
31 |
+
@include sprite-position($col, $row, $width, $height, $margin);
|
32 |
}
|
33 |
|
34 |
// Sets rules common for all sprites, assumes you want a square, but allows a rectangular region.
|
35 |
@mixin sprite-background($img, $width: $sprite-default-size, $height: $width) {
|
36 |
+
@include sprite-background-rectangle($img, $width, $height);
|
37 |
}
|
38 |
|
39 |
// Sets rules common for all sprites, assumes a rectangular region.
|
41 |
background: image-url($img) no-repeat;
|
42 |
width: $width;
|
43 |
height: $height;
|
44 |
+
overflow: hidden;
|
45 |
}
|
46 |
|
47 |
// Allows horizontal sprite positioning optimized for a single row of sprites.
|
48 |
@mixin sprite-column($col, $width: $sprite-image-default-width, $margin: $sprite-default-margin) {
|
49 |
+
@include sprite-position($col, 1, $width, 0px, $margin);
|
50 |
}
|
51 |
|
52 |
// Allows vertical sprite positioning optimized for a single column of sprites.
|
53 |
@mixin sprite-row($row, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
|
54 |
+
@include sprite-position(1, $row, 0px, $height, $margin);
|
55 |
}
|
56 |
|
57 |
// Allows vertical and horizontal sprite positioning from a grid of equal dimensioned sprites.
|
58 |
@mixin sprite-position($col, $row: 1, $width: $sprite-image-default-width, $height: $sprite-image-default-height, $margin: $sprite-default-margin) {
|
59 |
$x: ($col - 1) * -$width - ($col - 1) * $margin;
|
60 |
$y: ($row - 1) * -$height - ($row - 1) * $margin;
|
61 |
+
background-position: $x $y;
|
62 |
}
|
63 |
|
|
|
|
|
64 |
|
65 |
+
|
66 |
+
// Similar to 'sprite-replace-text-with-dimensions' but does not autmaticly set the demensions
|
67 |
+
@mixin sprite-replace-text ($map, $sprite, $dimensions: false, $offset-x: 0, $offset-y: 0) {
|
|
|
|
|
68 |
@include hide-text;
|
69 |
@include sprite($map, $sprite, $dimensions, $offset-x, $offset-y);
|
70 |
background-image: $map;
|
74 |
// Similar to 'replace-text-with-dimensions' but with sprites
|
75 |
// To use, create your sprite and then pass it in the `$map` param
|
76 |
// The name of the image in the sprite folder should be `$img-name`
|
77 |
+
@mixin sprite-replace-text-with-dimensions ($map, $sprite, $offset-x: 0, $offset-y: 0){
|
78 |
+
@include sprite-replace-text ($map, $sprite, true, $offset-x, $offset-y);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
79 |
}
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss
CHANGED
@@ -2,33 +2,21 @@
|
|
2 |
th {
|
3 |
background-color: $header-color;
|
4 |
&.even, &:nth-child(2n) {
|
5 |
-
background-color: $header-color - $dark-intersection;
|
6 |
-
}
|
7 |
-
}
|
8 |
tr {
|
9 |
&.odd, &:nth-child(2n+1) {
|
10 |
td {
|
11 |
-
|
12 |
-
|
13 |
-
|
14 |
-
}
|
15 |
-
}
|
16 |
}
|
17 |
-
}
|
18 |
tr.even {
|
19 |
td {
|
20 |
background-color: $even-row-color;
|
21 |
&.even, &:nth-child(2n) {
|
22 |
-
background-color: $even-row-color - $dark-intersection;
|
23 |
-
}
|
24 |
-
}
|
25 |
-
}
|
26 |
tfoot {
|
27 |
th, td {
|
28 |
background-color: $footer-color;
|
29 |
&.even, &:nth-child(2n) {
|
30 |
-
background-color: $footer-color - $dark-intersection;
|
31 |
-
}
|
32 |
-
}
|
33 |
-
}
|
34 |
-
}
|
2 |
th {
|
3 |
background-color: $header-color;
|
4 |
&.even, &:nth-child(2n) {
|
5 |
+
background-color: $header-color - $dark-intersection; } }
|
|
|
|
|
6 |
tr {
|
7 |
&.odd, &:nth-child(2n+1) {
|
8 |
td {
|
9 |
+
background-color: $odd-row-color;
|
10 |
+
&.even, &:nth-child(2n) {
|
11 |
+
background-color: $odd-row-color - $dark-intersection; } } }
|
|
|
|
|
12 |
}
|
|
|
13 |
tr.even {
|
14 |
td {
|
15 |
background-color: $even-row-color;
|
16 |
&.even, &:nth-child(2n) {
|
17 |
+
background-color: $even-row-color - $dark-intersection; } } }
|
|
|
|
|
|
|
18 |
tfoot {
|
19 |
th, td {
|
20 |
background-color: $footer-color;
|
21 |
&.even, &:nth-child(2n) {
|
22 |
+
background-color: $footer-color - $dark-intersection; } } } }
|
|
|
|
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/tables/_borders.scss
CHANGED
@@ -2,20 +2,13 @@
|
|
2 |
border: $width solid $color;
|
3 |
thead {
|
4 |
th {
|
5 |
-
border-bottom: $width solid $color;
|
6 |
-
}
|
7 |
-
}
|
8 |
tfoot {
|
9 |
th, td {
|
10 |
-
border-top: $width solid $color;
|
11 |
-
}
|
12 |
-
}
|
13 |
th {
|
14 |
&:first-child {
|
15 |
-
border-right: $width solid $color;
|
16 |
-
}
|
17 |
-
}
|
18 |
-
}
|
19 |
|
20 |
@mixin inner-table-borders($width: 2px, $color: black) {
|
21 |
th, td {
|
@@ -23,14 +16,10 @@
|
|
23 |
right: $width solid $color;
|
24 |
bottom: $width solid $color;
|
25 |
left-width: 0px;
|
26 |
-
top-width: 0px;
|
27 |
-
}
|
28 |
-
;
|
29 |
&:last-child,
|
30 |
&.last {
|
31 |
-
border-right-width: 0px;
|
32 |
-
}
|
33 |
-
}
|
34 |
|
35 |
// IE8 ignores rules that are included on the same line as :last-child
|
36 |
// see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
|
@@ -38,13 +27,7 @@
|
|
38 |
tbody, tfoot {
|
39 |
tr:last-child {
|
40 |
th, td {
|
41 |
-
border-bottom-width: 0px;
|
42 |
-
}
|
43 |
-
}
|
44 |
tr.last {
|
45 |
th, td {
|
46 |
-
border-bottom-width: 0px;
|
47 |
-
}
|
48 |
-
}
|
49 |
-
}
|
50 |
-
}
|
2 |
border: $width solid $color;
|
3 |
thead {
|
4 |
th {
|
5 |
+
border-bottom: $width solid $color; } }
|
|
|
|
|
6 |
tfoot {
|
7 |
th, td {
|
8 |
+
border-top: $width solid $color; } }
|
|
|
|
|
9 |
th {
|
10 |
&:first-child {
|
11 |
+
border-right: $width solid $color; } } }
|
|
|
|
|
|
|
12 |
|
13 |
@mixin inner-table-borders($width: 2px, $color: black) {
|
14 |
th, td {
|
16 |
right: $width solid $color;
|
17 |
bottom: $width solid $color;
|
18 |
left-width: 0px;
|
19 |
+
top-width: 0px; };
|
|
|
|
|
20 |
&:last-child,
|
21 |
&.last {
|
22 |
+
border-right-width: 0px; } }
|
|
|
|
|
23 |
|
24 |
// IE8 ignores rules that are included on the same line as :last-child
|
25 |
// see http://www.richardscarrott.co.uk/posts/view/ie8-last-child-bug for details
|
27 |
tbody, tfoot {
|
28 |
tr:last-child {
|
29 |
th, td {
|
30 |
+
border-bottom-width: 0px; } }
|
|
|
|
|
31 |
tr.last {
|
32 |
th, td {
|
33 |
+
border-bottom-width: 0px; } } } }
|
|
|
|
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/tables/_scaffolding.scss
CHANGED
@@ -1,13 +1,9 @@
|
|
1 |
@mixin table-scaffolding {
|
2 |
th {
|
3 |
text-align: center;
|
4 |
-
font-weight: bold;
|
5 |
-
}
|
6 |
td,
|
7 |
th {
|
8 |
padding: 2px;
|
9 |
&.numeric {
|
10 |
-
text-align: right;
|
11 |
-
}
|
12 |
-
}
|
13 |
-
}
|
1 |
@mixin table-scaffolding {
|
2 |
th {
|
3 |
text-align: center;
|
4 |
+
font-weight: bold; }
|
|
|
5 |
td,
|
6 |
th {
|
7 |
padding: 2px;
|
8 |
&.numeric {
|
9 |
+
text-align: right; } } }
|
|
|
|
|
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/text/_ellipsis.scss
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/text/ellipsis' instead.";
|
2 |
+
|
3 |
+
@import "../../typography/text/ellipsis";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/text/_nowrap.scss
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/text/nowrap' instead.";
|
2 |
+
|
3 |
+
@import "../../typography/text/nowrap";
|
lib/phpsass/Extensions/Compass/stylesheets/compass/utilities/text/_replacement.scss
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
@warn "This import is deprecated. Use 'compass/typography/text/replacement' instead.";
|
2 |
+
|
3 |
+
@import "../../typography/text/replacement";
|
lib/phpsass/Extensions/Compass/test.php
ADDED
@@ -0,0 +1,62 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
function loadCallback($file, $parser)
|
3 |
+
{
|
4 |
+
$paths = array();
|
5 |
+
foreach ($parser->extensions as $extensionName) {
|
6 |
+
$namespace = ucwords(preg_replace('/[^0-9a-z]+/', '_', strtolower($extensionName)));
|
7 |
+
$extensionPath = realpath(__DIR__.'/../' . $namespace . '/' . $namespace . '.php');
|
8 |
+
if (file_exists($extensionPath)) {
|
9 |
+
require_once($extensionPath);
|
10 |
+
$hook = $namespace . '::resolveExtensionPath';
|
11 |
+
$returnPath = call_user_func($hook, $file, $parser);
|
12 |
+
if (!empty($returnPath)) {
|
13 |
+
$paths[] = $returnPath;
|
14 |
+
}
|
15 |
+
|
16 |
+
}
|
17 |
+
}
|
18 |
+
|
19 |
+
return $paths;
|
20 |
+
}
|
21 |
+
|
22 |
+
function getFunctions($extensions)
|
23 |
+
{
|
24 |
+
$output = array();
|
25 |
+
if (!empty($extensions)) {
|
26 |
+
foreach ($extensions as $extension) {
|
27 |
+
$name = explode('/', $extension, 2);
|
28 |
+
$namespace = ucwords(preg_replace('/[^0-9a-z]+/', '_', strtolower(array_shift($name))));
|
29 |
+
$extensionPath = realpath(__DIR__.'/../' . $namespace . '/' . $namespace . '.php');
|
30 |
+
if (file_exists(
|
31 |
+
$extensionPath
|
32 |
+
)
|
33 |
+
) {
|
34 |
+
require_once($extensionPath);
|
35 |
+
$namespace = $namespace . '::';
|
36 |
+
$function = 'getFunctions';
|
37 |
+
$output = array_merge($output, call_user_func($namespace . $function, $namespace));
|
38 |
+
}
|
39 |
+
}
|
40 |
+
}
|
41 |
+
|
42 |
+
return $output;
|
43 |
+
}
|
44 |
+
|
45 |
+
$path = realpath(__DIR__).'/../..';
|
46 |
+
$library = $path . '/SassParser.php';
|
47 |
+
|
48 |
+
require_once ($library);
|
49 |
+
|
50 |
+
$options = array(
|
51 |
+
'style' => 'expanded',
|
52 |
+
'cache' => false,
|
53 |
+
'syntax' => 'scss',
|
54 |
+
'debug' => false,
|
55 |
+
'debug_info' => false,
|
56 |
+
'load_path_functions' => array('loadCallback'),
|
57 |
+
'load_paths' => array(dirname($file)),
|
58 |
+
'functions' => getFunctions(array('Compass','Own')),
|
59 |
+
'extensions' => array('Compass','Own')
|
60 |
+
);
|
61 |
+
$parser = new SassParser($options);
|
62 |
+
return $parser->toCss($file);
|
lib/phpsass/script/literals/SassNumber.php
CHANGED
@@ -55,6 +55,7 @@ class SassNumber extends SassLiteral
|
|
55 |
'px' => 96
|
56 |
);
|
57 |
private static $validUnits = array(
|
|
|
58 |
'in', 'cm', 'mm', 'pc', 'pt', 'em', 'rem', 'ex', 'px', '%', 's', 'deg'
|
59 |
);
|
60 |
|
55 |
'px' => 96
|
56 |
);
|
57 |
private static $validUnits = array(
|
58 |
+
'vw', 'vh', 'vmin', 'vmax',
|
59 |
'in', 'cm', 'mm', 'pc', 'pt', 'em', 'rem', 'ex', 'px', '%', 's', 'deg'
|
60 |
);
|
61 |
|
lib/phpsass/test-extensions.php
ADDED
@@ -0,0 +1,147 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!-- Just load this in a browser and the tests will run! -->
|
2 |
+
<html>
|
3 |
+
<head>
|
4 |
+
<title>PHamlP Test Suite</title>
|
5 |
+
<link rel="stylesheet" type="text/css" href="test.css">
|
6 |
+
</head>
|
7 |
+
<body>
|
8 |
+
<?php
|
9 |
+
|
10 |
+
/* Testing for Sassy.
|
11 |
+
* Looks in tests* and compiles any .sass/.scss files
|
12 |
+
* and compares to them to their twin .css files by
|
13 |
+
* filename.
|
14 |
+
*
|
15 |
+
* That is, if we have three files:
|
16 |
+
* test.scss
|
17 |
+
* test.sass
|
18 |
+
* test.css
|
19 |
+
*
|
20 |
+
* The tester will compile test.scss and test.sass seperately
|
21 |
+
* and compare their outputs both to each other and to test.css
|
22 |
+
*
|
23 |
+
* Testing is eased by stripping out all whitespace, which may
|
24 |
+
* introduce bugs of their own.
|
25 |
+
*/
|
26 |
+
include 'SassParser.php';
|
27 |
+
|
28 |
+
$test_dir = './tests/extensions';
|
29 |
+
$extensions_dir = new DirectoryIterator('./Extensions');
|
30 |
+
|
31 |
+
$files = find_files($test_dir);
|
32 |
+
|
33 |
+
$i = 0;
|
34 |
+
|
35 |
+
foreach ($files['by_name'] as $name => $test) {
|
36 |
+
if (isset($_GET['name']) && $name != $_GET['name']) {
|
37 |
+
continue;
|
38 |
+
}
|
39 |
+
if (isset($_GET['skip']) && $name && preg_match('/(^|,)(' . preg_quote($name) . ')(,|$)/', $_GET['skip'])) {
|
40 |
+
continue;
|
41 |
+
}
|
42 |
+
if (count($test) > 1) {
|
43 |
+
$result = test_files($test, $test_dir);
|
44 |
+
|
45 |
+
if ($result === TRUE) {
|
46 |
+
print "\n\t<p class='pass'><em>PASS</em> $name</p>";
|
47 |
+
}
|
48 |
+
else {
|
49 |
+
print "\n\t<p class='fail'><em>FAIL</em> $name</p>";
|
50 |
+
print "<pre>$result</pre>";
|
51 |
+
}
|
52 |
+
flush();
|
53 |
+
|
54 |
+
if ($i++ == 100) {
|
55 |
+
die;
|
56 |
+
}
|
57 |
+
}
|
58 |
+
}
|
59 |
+
|
60 |
+
function test_files($files, $dir = '.') {
|
61 |
+
sort($files);
|
62 |
+
foreach ($files as $i => $file) {
|
63 |
+
$name = explode('.', $file);
|
64 |
+
$ext = array_pop($name);
|
65 |
+
|
66 |
+
$fn = 'parse_' . $ext;
|
67 |
+
if (function_exists($fn)) {
|
68 |
+
try {
|
69 |
+
$result = $fn($dir . '/' . $file);
|
70 |
+
} catch (Exception $e) {
|
71 |
+
return $e->__toString();
|
72 |
+
}
|
73 |
+
file_put_contents('/tmp/scss_test_' . $i, trim($result) . "\n");
|
74 |
+
}
|
75 |
+
}
|
76 |
+
|
77 |
+
$diff = exec('diff -ibwB /tmp/scss_test_0 /tmp/scss_test_1', $out);
|
78 |
+
if (count($out)) {
|
79 |
+
if (isset($_GET['full'])) {
|
80 |
+
$out[] = "\n\n\n" . $result;
|
81 |
+
}
|
82 |
+
return implode("\n", $out);
|
83 |
+
} else {
|
84 |
+
return TRUE;
|
85 |
+
}
|
86 |
+
}
|
87 |
+
|
88 |
+
|
89 |
+
function parse_scss($file) {
|
90 |
+
return __parse($file, 'scss');
|
91 |
+
}
|
92 |
+
function parse_sass($file) {
|
93 |
+
return __parse($file, 'sass');
|
94 |
+
}
|
95 |
+
function parse_css($file) {
|
96 |
+
return file_get_contents($file);
|
97 |
+
}
|
98 |
+
|
99 |
+
function __parse($file, $syntax, $style = 'nested') {
|
100 |
+
global $extensions_dir;
|
101 |
+
foreach ($extensions_dir as $item) {
|
102 |
+
if ($item->isDir() && !$item->isDot()) {
|
103 |
+
$extensionTest = $item->getRealPath().'/test.php';
|
104 |
+
if (file_exists($extensionTest)) {
|
105 |
+
$result = include $extensionTest;
|
106 |
+
return $result;
|
107 |
+
}
|
108 |
+
}
|
109 |
+
}
|
110 |
+
}
|
111 |
+
|
112 |
+
function cb_warn($message, $context) {
|
113 |
+
print "<p class='warn'>WARN : ";
|
114 |
+
print_r($message);
|
115 |
+
print "</p>";
|
116 |
+
}
|
117 |
+
function cb_debug($message) {
|
118 |
+
print "<p class='debug'>DEBUG : ";
|
119 |
+
print_r($message);
|
120 |
+
print "</p>";
|
121 |
+
}
|
122 |
+
|
123 |
+
function find_files($dir) {
|
124 |
+
$op = opendir($dir);
|
125 |
+
$return = array('by_type' => array(), 'by_name' => array());
|
126 |
+
if ($op) {
|
127 |
+
while (false !== ($file = readdir($op))) {
|
128 |
+
if (substr($file, 0, 1) == '.') {
|
129 |
+
continue;
|
130 |
+
}
|
131 |
+
$name = explode('.', $file);
|
132 |
+
$ext = array_pop($name);
|
133 |
+
$return['by_type'][$ext] = $file;
|
134 |
+
$name = implode('.', $name);
|
135 |
+
if (!isset($return['by_name'][$name])) {
|
136 |
+
$return['by_name'][$name] = array();
|
137 |
+
}
|
138 |
+
$return['by_name'][$name][] = $name . '.' . $ext;
|
139 |
+
}
|
140 |
+
}
|
141 |
+
asort($return['by_name']);
|
142 |
+
asort($return['by_type']);
|
143 |
+
return $return;
|
144 |
+
}
|
145 |
+
?>
|
146 |
+
</body>
|
147 |
+
</html>
|
lib/phpsass/test.php
CHANGED
@@ -67,7 +67,7 @@
|
|
67 |
try {
|
68 |
$result = $fn($dir . '/' . $file);
|
69 |
} catch (Exception $e) {
|
70 |
-
|
71 |
}
|
72 |
file_put_contents('/tmp/scss_test_' . $i, trim($result) . "\n");
|
73 |
}
|
67 |
try {
|
68 |
$result = $fn($dir . '/' . $file);
|
69 |
} catch (Exception $e) {
|
70 |
+
return $e->__toString();
|
71 |
}
|
72 |
file_put_contents('/tmp/scss_test_' . $i, trim($result) . "\n");
|
73 |
}
|
lib/phpsass/tests/extensions/linear_gradient_compass.css
ADDED
@@ -0,0 +1,5 @@
|
|
|
|
|
|
|
|
|
|
|
1 |
+
p {
|
2 |
+
background-image: -webkit-linear-gradient(bottom, #eff4f8 23%, white 62%);
|
3 |
+
background-image: -moz-linear-gradient(bottom, #eff4f8 23%, white 62%);
|
4 |
+
background-image: linear-gradient(bottom, #eff4f8 23%, white 62%);
|
5 |
+
}
|
lib/phpsass/tests/extensions/linear_gradient_compass.scss
ADDED
@@ -0,0 +1,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
@import "compass/compass";
|
2 |
+
|
3 |
+
p {
|
4 |
+
@include background-image(
|
5 |
+
linear-gradient(bottom, #eff4f8 23%, #fff 62%)
|
6 |
+
);
|
7 |
+
}
|
lib/phpsass/tree/SassPropertyNode.php
CHANGED
@@ -17,8 +17,8 @@
|
|
17 |
*/
|
18 |
class SassPropertyNode extends SassNode
|
19 |
{
|
20 |
-
const MATCH_PROPERTY_SCSS = '/^([^\s=:"(\\\\:)]*)\s*(?:(= )|:)([^\:].*?)?(\s*!important
|
21 |
-
const MATCH_PROPERTY_NEW = '/^([^\s=:"]+)\s*(?:(= )|:)([^\:].*?)?(\s*!important
|
22 |
const MATCH_PROPERTY_OLD = '/^:([^\s=:]+)(?:\s*(=)\s*|\s+|$)(.*)(\s*!important.*)?/';
|
23 |
const MATCH_PSUEDO_SELECTOR = '/^:*\w[-\w]+\(?/i';
|
24 |
const MATCH_INTERPOLATION = '/^#\{(.*?)\}/i';
|
17 |
*/
|
18 |
class SassPropertyNode extends SassNode
|
19 |
{
|
20 |
+
const MATCH_PROPERTY_SCSS = '/^([^\s=:"(\\\\:)]*)\s*(?:(= )|:)([^\:].*?)?(\s*!important[^;]*)?;*$/';
|
21 |
+
const MATCH_PROPERTY_NEW = '/^([^\s=:"]+)\s*(?:(= )|:)([^\:].*?)?(\s*!important[^;]*)?;*$/';
|
22 |
const MATCH_PROPERTY_OLD = '/^:([^\s=:]+)(?:\s*(=)\s*|\s+|$)(.*)(\s*!important.*)?/';
|
23 |
const MATCH_PSUEDO_SELECTOR = '/^:*\w[-\w]+\(?/i';
|
24 |
const MATCH_INTERPOLATION = '/^#\{(.*?)\}/i';
|
package.xml
CHANGED
@@ -1,7 +1,7 @@
|
|
1 |
<?xml version="1.0"?>
|
2 |
<package>
|
3 |
<name>Sass</name>
|
4 |
-
<version>1.1.
|
5 |
<stability>stable</stability>
|
6 |
<license uri="http://opensource.org/licenses/osl-3.0.php">Open Software License (OSL 3.0)</license>
|
7 |
<channel>community</channel>
|
@@ -12,12 +12,12 @@
|
|
12 |
You just need to create you sass file and add it to your layout like default css file.
|
13 |

|
14 |
This extension will then convert it to css file using phpSass or sass in command line if available</description>
|
15 |
-
<notes>Support of Magento CE 1.8
|
16 |
phpsass library updated.</notes>
|
17 |
<authors><author><name>Laurent Clouet</name><user>laurent35240</user><email>laurent35240@gmail.com</email></author></authors>
|
18 |
-
<date>
|
19 |
-
<time>
|
20 |
-
<contents><target name="magecommunity"><dir name="Laurent"><dir name="Sass"><dir name="Helper"><file name="Data.php" hash="9c43132dba73d4b3f37ccfb91f0d5dbe"/></dir><dir name="Model"><dir name="Config"><file name="Style.php" hash="413571124dcf58d950200499a144420d"/></dir><dir name="Design"><file name="Package.php" hash="3c83af4c43fd94359541b7242852ca06"/></dir></dir><dir name="etc"><file name="config.xml" hash="e3f9875a014b5ed2f229b0d88a1654d1"/><file name="system.xml" hash="a2db1af0d9bae017b46805a80aedb442"/></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="Laurent_Sass.xml" hash="4ad004de851457681610553228973c30"/></dir></target><target name="magelocale"><dir name="en_US"><file name="Laurent_Sass.csv" hash="d9e8c184cbe72e810c7da9154581e1e4"/></dir><dir name="fr_FR"><file name="Laurent_Sass.csv" hash="676b2c597fe0b829fb2c48c1428c295f"/></dir></target><target name="magelib"><dir name="phpsass"><dir name="Extensions"><dir name="Compass"><file name="Compass.php" hash="ebb4044bcf18ec93da6c5a1d088304b6"/><dir name="stylesheets"><file name="_compass.scss" hash="bc769e7b7e94a717f9f4439978543900"/><file name="_lemonade.scss" hash="92e7ec85f14f46cf399a64115707dfe1"/><dir name="compass"><file name="_css3.scss" hash="7688063612bb668fffd22c32b95a2f5c"/><file name="_layout.scss" hash="d7445d578d56b5f0d6482d5df0b28a7b"/><file name="_reset-legacy.scss" hash="322b2e4617c8bf9e6c1ad02bef42ac18"/><file name="_reset.scss" hash="b3d1130413650cdc98b24777bf15afff"/><file name="_support.scss" hash="200db7d3bd7cd633b35c73c7d724a275"/><file name="_typography.scss" hash="73c901f7f8afd26c65dbadedffb87c1a"/><file name="_utilities.scss" hash="adb9de208e608e5bdd25189b4d4790a6"/><dir name="css3"><file name="_appearance.scss" hash="b624212e8f27e260b89e7aa84e598432"/><file name="_background-clip.scss" hash="9eab5a21f351b22e565278af805382b3"/><file name="_background-origin.scss" hash="57e96581316421882118c0d155a4a74f"/><file name="_background-size.scss" hash="674b66cc99bf60400b44f130d0c9d00d"/><file name="_border-radius.scss" hash="02749463ff3b0d0e68e42c76e6c18b66"/><file name="_box-shadow.scss" hash="13cb3d1733c1f7a60c542c44e639af55"/><file name="_box-sizing.scss" hash="5bc8b4f482fb878518d28a18dd453df9"/><file name="_box.scss" hash="ca45bf6d49507d042e5928cf1058909c"/><file name="_columns.scss" hash="b809552667f5876e115881ece27cbc8e"/><file name="_filter.scss" hash="ddc12210cb1d9cdcaad890e9d02601de"/><file name="_font-face.scss" hash="dfc84cb70f83cdbcde9dd3e51789363b"/><file name="_hyphenation.scss" hash="d3cf84dec3da60b4259fe2a9276421b5"/><file name="_images.scss" hash="c4d2fc1c4a1c78a68952de2694939fd2"/><file name="_inline-block.scss" hash="0ddfde10e192213f01dfa122d15bf473"/><file name="_opacity.scss" hash="36a24354a3b62b9b9c82690d1c008963"/><file name="_pie.scss" hash="8ec8261b6cdfef171774d6ad294dbcb7"/><file name="_regions.scss" hash="84db6e13237909b8c05e60c5735f43cc"/><file name="_shared.scss" hash="2a19ef6064fadd0c7bc1213878172ca2"/><file name="_text-shadow.scss" hash="b8dda78c05f393266e002b85885737af"/><file name="_transform-legacy.scss" hash="8d7c4ab98d1a165271ba64e859454c9f"/><file name="_transform.scss" hash="63d14c83ad4ebe0a25fe62b2e9b3a840"/><file name="_transition.scss" hash="ae7b441207aede5e831fd58d13d09103"/><file name="_user-interface.scss" hash="4293d8e1b99b864b6f1a1e341d281fbb"/></dir><dir name="layout"><file name="_grid-background.scss" hash="ebbb0813eeb27f1b102396275cd35e2b"/><file name="_sticky-footer.scss" hash="c10c67d6ebe9ca67709c982bbfed7178"/><file name="_stretching.scss" hash="3f59f9138e25943e4a7def3aa22704e5"/></dir><dir name="reset"><file name="_utilities-legacy.scss" hash="b3a4fd8ac50ace1aa1e607d4d926be45"/><file name="_utilities.scss" hash="c84668ad95fd7c53b77bd015452dd416"/></dir><dir name="typography"><file name="_links.scss" hash="862a5096f3a03597aab1be4e9dc76c64"/><file name="_lists.scss" hash="0e8662119de52a98ac3e601e086bbf53"/><file name="_text.scss" hash="4d3e129baa58fb176ded67c97bbf5b0a"/><file name="_vertical_rhythm.scss" hash="80869e4543f6f4e7ec93e52419d9a6e9"/><dir name="links"><file name="_hover-link.scss" hash="329c8ea4f1460cadf695e8d830c33a80"/><file name="_link-colors.scss" hash="9a4a09d3f9121c10f403a1fa333725dc"/><file name="_unstyled-link.scss" hash="3439d86d2f28c345864a7337c99db069"/></dir><dir name="lists"><file name="_bullets.scss" hash="9d733d179b5dcc005ef07535c16abe2a"/><file name="_horizontal-list.scss" hash="14a893eaa879be04e2ed636ab524b8f7"/><file name="_inline-block-list.scss" hash="f96c6c754473084d0af9d07b6d85cf44"/><file name="_inline-list.scss" hash="898ffa6ae6c13c5df2730172d618dece"/></dir><dir name="text"><file name="_ellipsis.scss" hash="a4765ddc9555f114ff59ae1a582f3caa"/><file name="_force-wrap.scss" hash="def5a5579399a9d35d845d3133338e3c"/><file name="_nowrap.scss" hash="e2cf48586ed5a33ab90a09e346020afc"/><file name="_replacement.scss" hash="e20cb6a854d0a9adb9bd7a879cb257a3"/></dir></dir><dir name="utilities"><file name="_color.scss" hash="4f6252c899a6f25c57ec1b4e9052e55b"/><file name="_general.scss" hash="7a90acc34a01d65ccc38f6dd6225229a"/><file name="_print.scss" hash="eb1d910e8aea90d23b76adf27323abe8"/><file name="_sprites.scss" hash="5f57e9b3f79df0ed70b7321aa55a1a2d"/><file name="_tables.scss" hash="836327d928e513dc737897356d7ba15b"/><dir name="color"><file name="_contrast.scss" hash="735478c5e04e31030afca1e36bf8e398"/></dir><dir name="general"><file name="_clearfix.scss" hash="58fd0d07999140b25bddb4e5c1d49a17"/><file name="_float.scss" hash="5c273f43ca3a3d409c08151ac4f86786"/><file name="_hacks.scss" hash="98ede0f56175f5fb08b3ecd982c27309"/><file name="_min.scss" hash="26a0f6fdad1f7ff71f40ff92eda4f56c"/><file name="_tabs.scss" hash="68b329da9893e34099c7d8ad5cb9c940"/><file name="_tag-cloud.scss" hash="ae7c8c97b4b3142eac7d3c279a5a729c"/></dir><dir name="sprites"><file name="_base.scss" hash="cc4f45b711e8d7fc11aaecd5a54f3744"/><file name="_sprite-img.scss" hash="2deeab732747a9da12f965e133fd795f"/></dir><dir name="tables"><file name="_alternating-rows-and-columns.scss" hash="aa6884db2666742519eb7a4c399767b3"/><file name="_borders.scss" hash="2ac334630de78ae00941857bcbf098d5"/><file name="_scaffolding.scss" hash="4144e427ff1f2a6a9ffdfd3bd641e477"/></dir></dir></dir></dir></dir><file name="ExtensionInterface.php" hash="f02f77afac08968fca0ca8f7cd750456"/><dir name="Own"><file name="Own.php" hash="fb185a20331ce4f185d7fdc318bf0b50"/><dir name="css"><dir name="test"><dir name="test2"><file name="test.scss" hash="b406241e81f4cbd2509a3a7daa50ba6e"/></dir></dir></dir></dir><file name="README.md" hash="0adcca717d8c0113986c95cfa6fa341f"/><dir name="Susy"><file name="Susy.php" hash="36a66b10b093bfa6d09e10f84f5c7d18"/><dir name="stylesheets"><file name="_susy.scss" hash="e60bb0cc5234c86628f4e0345bd2d48a"/><dir name="susy"><file name="_background.scss" hash="e7125e6d00deae7955c61ef9ce5b7557"/><file name="_functions.scss" hash="33d52f0bb6a333da77ac8c4482a1d862"/><file name="_grid.scss" hash="687c942dcaba8b87dac49db2d734e594"/><file name="_isolation.scss" hash="8e097d991625106869a96101bdc2bde4"/><file name="_margin.scss" hash="cb03e121a2800a47d569b456f247a0e4"/><file name="_media.scss" hash="89c7da945f0159b5e97ce705e8d06ae6"/><file name="_padding.scss" hash="b775d9b8f5465ae985da128e31818342"/><file name="_settings.scss" hash="e9942cc79f66826c45c525705aca4c5b"/><file name="_support.scss" hash="7c51df6bd18e85e6954b46e37b47db48"/><file name="_units.scss" hash="fea6309f28d01dc5cbf3fa8503f6bfae"/></dir></dir></dir><file name="example.php" hash="909400c241ad5d58484d600b7d0c4c92"/><file name="example.scss" hash="1c36b8695ac3d22afa9caa72a5e0a96f"/><file name="theme.scss" hash="7210d729d56c93a23b91d4d280570e17"/></dir><file name="README.md" hash="f680aedff15c35475551bf0e0652be57"/><file name="SassException.php" hash="1b481a8b5ddaa54b372ada4eb8598bb5"/><file name="SassFile.php" hash="76ba06279ded72bb92388ec51c32b560"/><file name="SassParser.php" hash="538f2a5a5795d7dfd065d9b80b9aaf1d"/><file name="VERSION" hash="fc3abbf04899a7be14a6aef73d83c120"/><file name="compile-apache.php" hash="7a95ffbe3baf88cd27260645e51d326d"/><file name="composer.json" hash="fb5dad84d70d71d3ad3ea36e06238c21"/><dir name="renderers"><file name="SassCompactRenderer.php" hash="efa3e80cb179be28b933c674cd06d70b"/><file name="SassCompressedRenderer.php" hash="a76e47ecc939efb39ad3bd091d90cc52"/><file name="SassExpandedRenderer.php" hash="938e703678e01367f8bfbfc0af2c9aca"/><file name="SassNestedRenderer.php" hash="963cade34043342728476d4b80a8f66d"/><file name="SassRenderer.php" hash="cba7988395cfc8ceba91dd1ae5777abd"/></dir><dir name="script"><file name="SassScriptFunction.php" hash="1682579a7b1fe57ba5ae30d52e7effc2"/><file name="SassScriptFunctions.php" hash="d423c2837d5c72443ed37926b1e0b4e4"/><file name="SassScriptLexer.php" hash="888286d5b2542bcf57f292966953f3ad"/><file name="SassScriptOperation.php" hash="b4f2eabeedd761157c378d4b36272b65"/><file name="SassScriptParser.php" hash="122201f80fb07cb78b5a1d32f4ec2a78"/><file name="SassScriptParserExceptions.php" hash="b24e0948e0e07f38bcfded7ddd0220ce"/><file name="SassScriptVariable.php" hash="b7450d09a86722cb89755fdc259820dd"/><dir name="literals"><file name="SassBoolean.php" hash="09644008ffd1b31bd13d4191fbcbdfa1"/><file name="SassColour.php" hash="05e81b7dfc201eeebecec47a96269055"/><file name="SassList.php" hash="9c1a851b068515b08d7c0bdb0c01d355"/><file name="SassLiteral.php" hash="77cf2a7af40aeaea5f27a2f055949aad"/><file name="SassLiteralExceptions.php" hash="dee1ed83e9fbbb173c2d1ae8a3cd5ba8"/><file name="SassNumber.php" hash="953e230977d422496526cc6cbc64e829"/><file name="SassString.php" hash="3a6350304d07995a93c68824628bcd3a"/></dir></dir><file name="test.css" hash="1655ffa4e91349bbe84d9e9f87b5ae39"/><file name="test.php" hash="811210b59e0b2b0e243a53c7328f9d26"/><dir name="tests"><file name="_imported_charset_ibm866.sass" hash="92b1d97a137e4219bb7796d7751aa847"/><file name="_imported_charset_utf8.sass" hash="51489125c07d0e8f2b055295d40d2549"/><file name="_imported_content.sass" hash="aafd4b9ba2de82e4f977e04934f204d7"/><file name="_partial.sass" hash="529fb954d7e0f6b42c484c869e60fbcf"/><file name="alt.css" hash="d48efc67765cb14b1c532b36b036a064"/><file name="alt.sass" hash="66be58fb872cd96be90fb95425a0aadf"/><file name="alt.scss" hash="ec1074aaba9b4a1ef3933d091c547c63"/><file name="basic.css" hash="22c341ec6e41dba84606032a40ea21c3"/><file name="basic.sass" hash="450faf5ca8e4bacefd01a74509ae135c"/><file name="bork1.sass" hash="0608533ebc4c4a16ddff507f818a709e"/><file name="bork2.sass" hash="036c6e0bcebc36908f9093d1b536ceb1"/><file name="bork3.sass" hash="ad06e4551ead8422ac443ae0cad7994b"/><file name="bork4.sass" hash="0bd4b0aed58208f5abf4418eb9672ef9"/><file name="bork5.sass" hash="e467427a1e928d1d72ef8db10482e262"/><file name="colour-nth.css" hash="8e457058415890dd4aac86f75a6e39e4"/><file name="colour-nth.scss" hash="3de860789a01fa9b5cf2d9a74a85dba7"/><file name="comments.css" hash="0ca95a61ccc49717e465173fb0c2e6c6"/><file name="comments.sass" hash="41bb5d2d2e14e3dd16c8b0296608a00e"/><file name="compact.css" hash="96105d0147b6881651b723eabe303f65"/><file name="compact.sass" hash="d51cfe7db78fe0d81793c7e24cb32e46"/><file name="complex.css" hash="3ffea6ccf80b24cc136bb102b3b41a67"/><file name="complex.sass" hash="b1426382fb915456b5efc0877ae7072d"/><file name="compressed.css" hash="1975f89cc758e39302d317578fdfdedb"/><file name="compressed.sass" hash="d51cfe7db78fe0d81793c7e24cb32e46"/><file name="content.css" hash="0c0892c48d74761fee54e09ccba6e662"/><file name="content.scss" hash="e624a12355435c147c0772f9fd1fe065"/><file name="css3.css" hash="8b2a0df29de7f2158baa3e97e76d91f2"/><file name="css3.scss" hash="819f570dae1e0c8c77007a03a2642158"/><file name="default.css" hash="8296f416c47ae4b66fa6bdf3259b1015"/><file name="default.sass" hash="90e19da7fd8144eeab4d93e5d3adb3bd"/><file name="default_imported.sass" hash="dbea23754dce7bc6c0f7ff69863c05c5"/><file name="each.css" hash="3f84fdb19433d6c2fb0e63c60c06d072"/><file name="each.scss" hash="9661d8222338cfdd6ba8ff771f1c881c"/><file name="expanded.css" hash="88ee2a16c4d88965bcbcf573a2d7c0fa"/><file name="expanded.sass" hash="66dbccbf13e56c23c9b12401ef4edb2d"/><file name="extend.css" hash="c4e9ba7d8748202d2c1351d5b69e3353"/><file name="extend.sass" hash="f34bd79d09364600631ea4889232ad64"/><file name="extend_included.scss" hash="be61d8166e45b16c08e49087985ed1fb"/><file name="extend_placeholders.css" hash="369b772056769bece364221f3c069a8e"/><file name="extend_placeholders.scss" hash="4af5f1ee5888e7cd6cf6c6de45dbfc17"/><file name="filters.css" hash="f37ab5406ea00310513ce2e114cf6f07"/><file name="filters.scss" hash="ea989dd11a1d2a147b72d748b3a9c8c9"/><file name="functions.css" hash="0a039fdec50d756df0ca5430fdc25a0a"/><file name="functions.scss" hash="c9669b01b11b3abe4d82f701180ac2b0"/><file name="holmes.css" hash="07772c914ace61121cba53beb6ad8ca6"/><file name="holmes.sass" hash="e2199b90032b5f14a4dfc5233a915223"/><file name="hsl-functions.css" hash="b90a44e5919a286a8a62040f211b3580"/><file name="hsl-functions.scss" hash="fa055c7d603b5436613ecac898351cae"/><file name="if.css" hash="82391ad41348b41fc209cca5412ed740"/><file name="if.sass" hash="c3a27a421eb7e3d463918e189195b573"/><file name="if_parentheses.css" hash="7f5bc7f906a7cd678c9598c2e5650833"/><file name="if_parentheses.scss" hash="5140ac11b185061d3c5f7dc238e8ee86"/><file name="import.css" hash="3c8abb5481ee0c0002916b49681af2a5"/><file name="import.sass" hash="4d43389aa785393a47d57734724dad2f"/><file name="import_content.css" hash="4b78a566882b2768336f603d54f73fa4"/><file name="import_content.sass" hash="2db9b7a5b9a581e9f44256b6c8dbedd1"/><file name="importee.sass" hash="606678a5d48f7653f6d8e2e327109310"/><file name="interpolation.css" hash="ef048c83424f05a9c0882007ba0f4958"/><file name="interpolation.scss" hash="ce66433664f7f37277a8d4726a39556c"/><file name="introspection.css" hash="0d9f0e64e263388ec0e87eadef41193e"/><file name="introspection.scss" hash="9d57f03789f7a947ce62d6ab0320f886"/><file name="line_numbers.css" hash="802e2285df194c362503f849647a1380"/><file name="line_numbers.sass" hash="4770a812ab401d2bd35b352408623a17"/><file name="list.css" hash="4dd913d85cf2a28cb12d8af0f622ce03"/><file name="list.scss" hash="24f96a097c84d0da64cb3e753e2439ee"/><file name="list_empty.css" hash="c2fae66e0a28506f1733ac469a1c95ec"/><file name="list_empty.scss" hash="25d245b57859102ba6b36c12e89f3e7e"/><file name="list_variable.css" hash="d10df2dc91b4221bbfe4c3464bd34d5b"/><file name="list_variable.scss" hash="17a541748f730b9da21275a75852cf4e"/><file name="media.css" hash="409f2c0c468598dc19067376a796828f"/><file name="media.scss" hash="1fadbcd19113ff5855d1137be0693799"/><file name="media_in_for.css" hash="fd8292f715cc999ba7b64f8224c40a8a"/><file name="media_in_for.scss" hash="ad7702a6b95e121da52b93d69d782683"/><file name="media_in_mixin.css" hash="8c2bd3f961ab4336c55a5249f78e6bf4"/><file name="media_in_mixin.scss" hash="084e6f0edd3da537020a43d7ce8dbac4"/><file name="media_in_mixin_in_mixin.css" hash="8adc138ca27531ac5693c7e2274fdf9f"/><file name="media_in_mixin_in_mixin.scss" hash="049301e720820f076ceec6cc08037ede"/><file name="misc-functions.css" hash="7da15f26cab9b6df784ce1e37e9a30f1"/><file name="misc-functions.scss" hash="b133df9bb8cf346a3e6d3b3612c1de64"/><file name="misc.css" hash="a05a0a6b49ddbfdd803e92c5abe97594"/><file name="misc.scss" hash="36b58121127544b6a8179ae8a0c90a35"/><file name="mixin-content.css" hash="1b2490ce75d60d2b0c495a5db87a9f49"/><file name="mixin-content.sass" hash="41fa6bbd93b8d0b4ea8826fdd5585381"/><file name="mixin-content.scss" hash="f3252f583aac7dd5bbb7017fbd5654df"/><file name="mixin-ja1.css" hash="c551c8ffd0723e1c9e5795708d5dbda5"/><file name="mixin-ja1.sass" hash="90d3f2653ccbccbc00a9009bd31f8071"/><file name="mixin-list-params.css" hash="47064a4d242dfec9debba53326e529f3"/><file name="mixin-list-params.scss" hash="34478559346aec44c56c867a6b898af3"/><file name="mixin-params.css" hash="1a1f609e66c1dbe24383fe6855e95526"/><file name="mixin-params.scss" hash="a874ab4cacc02475acc827c956275cfe"/><file name="mixin-rgba-param.css" hash="bc5dc6caac3c74b37b82b1ed3cc2e553"/><file name="mixin-rgba-param.scss" hash="961219de858ecf7c17f2f7df24cf68cb"/><file name="mixin_bork.sass" hash="259fd0cca5a94583c0d406646b3217eb"/><file name="mixin_in_mixin.css" hash="46690de92ec525f39d5568bc2e46ee54"/><file name="mixin_in_mixin.scss" hash="0a6bef40d3215b63bb9f972896784a89"/><file name="mixin_setvar.css" hash="757520a01eca279c109d494d7fb4cd02"/><file name="mixin_setvar.scss" hash="12cd65c514056b3c0df1e4e92640a808"/><file name="mixins.css" hash="76ea6005844a4339745b1afe66274c74"/><file name="mixins.sass" hash="55fb1a104a59d6e5411987447af96b55"/><file name="multiline.css" hash="4a3d9bfe75a3b98c52ed95f3d785b079"/><file name="multiline.sass" hash="2f4ff6cfefa20eece2830170e29ea25e"/><file name="nested-media.css" hash="4fc2c8503b918fe9add9fcb230215fe2"/><file name="nested-media.scss" hash="2ee9901f1413f1f0839cfdc9b2ea00af"/><file name="nested.css" hash="26bd112a486652342cbfd55060552576"/><file name="nested.sass" hash="0bdc5d64efc02766544553f968bb82fd"/><file name="nested_bork1.sass" hash="56fa9072b6cc553909bfbd18f571a11d"/><file name="nested_bork2.sass" hash="999ae47bdbc6190972f0f52958870130"/><file name="nested_bork3.sass" hash="ccb998041d90cfe54a39f01afc4c4cc0"/><file name="nested_bork4.sass" hash="eed6453ea8564978c35d60f26a9bbb25"/><file name="nested_bork5.sass" hash="d6de98aee6d80aaecc1aa97311136003"/><file name="nested_import.css" hash="de8bc2a3cd89496c22ff564e65c2b046"/><file name="nested_import.sass" hash="b4493203dae52b5757ca91e17dd42e42"/><file name="nested_media.css" hash="d910a2026928133ce7235e8e1143a425"/><file name="nested_media.scss" hash="6e2dceddb572a0caa6f3959e00d332f4"/><file name="nested_mixin_bork.sass" hash="d9f57da9545e6c9a54d89bebe2f750b9"/><file name="nested_pseudo.css" hash="435b969153bc5030ceb8c251d241d358"/><file name="nested_pseudo.scss" hash="145d425a42541236d8952ea9f5e68ae7"/><file name="number.css" hash="000ca28603c30a49647d53bc5aabed94"/><file name="number.scss" hash="c585efaf419263809a1c91b76d8a0799"/><file name="opacity.css" hash="f54a7fbecddad66df7a6dae52bea4c21"/><file name="opacity.scss" hash="3a20a779e1becfcfaba90758d907c05e"/><file name="other-color.css" hash="45d9e1061d0e71b1c55362c2974b7bdf"/><file name="other-color.scss" hash="e2b8b86016461cbcdae6365ee14b0a5d"/><file name="parent_ref.css" hash="cbecced10861e9c060fa05187f94ee5f"/><file name="parent_ref.sass" hash="b5a3fe6fd3384b0853211e3515427796"/><file name="phpSassTest.php" hash="85b1d8fa19f923311ad45c00672a3a26"/><file name="phpunit.xml.dist" hash="3f11a2a97eb3d9b8bb48f60915daefda"/><file name="proprietary-selector.css" hash="6da7ab22184ed10ec679065835fc0f5f"/><file name="proprietary-selector.scss" hash="a7fa95fad2ae9aa0b93d8b49101eaf5f"/><file name="rgb-functions.css" hash="24177c2bc7b35526bf06334ea4174e27"/><file name="rgb-functions.scss" hash="7ad824885f782f15738ef67bbf00ae2a"/><file name="scss_import.css" hash="9eeec339e1ce59cbf3f2d29efab1382b"/><file name="scss_import.scss" hash="7ae409e52a06ad89582fe89063cf6bdd"/><file name="scss_importee.css" hash="7cad5194c7f7bb18e50f1ca093597033"/><file name="scss_importee.scss" hash="20c55fb516c7b137eadc6462f74cfa94"/><file name="splats.css" hash="3d11bc1d58858e4967ed498a3d75d008"/><file name="splats.scss" hash="4fab47d7391ff72a2e8d6de13c5e1b80"/><file name="string.css" hash="9f1482fe5b4964e96d24c00765c2503d"/><file name="string.scss" hash="f89f2aad48738bb1fa33a67f733e2e90"/><dir name="subdir"><dir name="nested_subdir"><file name="_nested_partial.sass" hash="24985866e9414ee4ef69621b738833ee"/><file name="nested_subdir.css" hash="759df6872a88c4174a39c32fe7d95a04"/><file name="nested_subdir.sass" hash="9e5e623f6765e28d5bec3bb2d3944eac"/></dir><file name="subdir.css" hash="ddd9dd41c2b72164a7ba634e359c2872"/><file name="subdir.sass" hash="acde24bd965d15ae3f19bf74b1f1c2a8"/></dir><file name="units.css" hash="ebc7390d227439bf2694a3ce29c54a6d"/><file name="units.sass" hash="040de247b027e6368c7edbc57d6e331f"/><file name="warn.css" hash="31c098880201803dc33c8785ecf3de26"/><file name="warn.sass" hash="47c7543a6a374523514669e108249f41"/><file name="warn_imported.sass" hash="2b7455acd686bf2511fce0b710874b01"/></dir><dir name="tree"><file name="SassCommentNode.php" hash="807249e546eb578d6087ed95e2f4e305"/><file name="SassContentNode.php" hash="2a20a58b2e1e43b82cac4cff908aa241"/><file name="SassContext.php" hash="4b7dc36ef0866a3678a0c53c5bb5a4b6"/><file name="SassDebugNode.php" hash="07c197af56822312088191a73e3225ff"/><file name="SassDirectiveNode.php" hash="813e62abcd27a49bbb2062e5a3e54acf"/><file name="SassEachNode.php" hash="c514b6b558faf12a5c56b233a9f4b01a"/><file name="SassElseNode.php" hash="1b5e603ccf2de0edfda2f7075e642dd2"/><file name="SassExtendNode.php" hash="d415ada9c7974775cc00de239ad8d8a2"/><file name="SassForNode.php" hash="9fc5364ce7a8c9557e26d62bd0aaeb59"/><file name="SassFunctionDefinitionNode.php" hash="67a5bf31c0e8f0225161f9ecdd61084e"/><file name="SassIfNode.php" hash="586e0ac2339af4e0836ee15168398801"/><file name="SassImportNode.php" hash="ea27128d9923cd0af8b7dae8b49edd69"/><file name="SassMediaNode.php" hash="8f88befb058bdb6f02c9f66bbca54b7a"/><file name="SassMixinDefinitionNode.php" hash="27fb3a6e0b141b8413ea657986950dcb"/><file name="SassMixinNode.php" hash="0112bd92ca1ddb3a180b28797bc8395b"/><file name="SassNode.php" hash="218a90269cb7f32ff47f94dee2af8b59"/><file name="SassNodeExceptions.php" hash="be582689b346f1ff54eba30d3e6550f5"/><file name="SassPropertyNode.php" hash="33312fdc1b87e96454363b3197f5ca9d"/><file name="SassReturnNode.php" hash="8218ceb0ed55b37c901d31952330d9c5"/><file name="SassRootNode.php" hash="5330f46536b9a7c8212b51516b35490a"/><file name="SassRuleNode.php" hash="3f3d01641155acdddd1322f3043b20dd"/><file name="SassVariableNode.php" hash="d15e503dd71000ae9100b473d1436f43"/><file name="SassWarnNode.php" hash="70875fe1e5d4e806def3d9b4984bb855"/><file name="SassWhileNode.php" hash="809afdba4213c5549dc7923125dbe10a"/></dir><file name=".travis.yml" hash="d0ac6ce1cf8465183941fa3ac326a54e"/></dir></target></contents>
|
21 |
<compatible/>
|
22 |
<dependencies><required><php><min>5.3.0</min><max>6.0.0</max></php></required></dependencies>
|
23 |
</package>
|
1 |
<?xml version="1.0"?>
|
2 |
<package>
|
3 |
<name>Sass</name>
|
4 |
+
<version>1.1.5</version>
|
5 |
<stability>stable</stability>
|
6 |
<license uri="http://opensource.org/licenses/osl-3.0.php">Open Software License (OSL 3.0)</license>
|
7 |
<channel>community</channel>
|
12 |
You just need to create you sass file and add it to your layout like default css file.
|
13 |

|
14 |
This extension will then convert it to css file using phpSass or sass in command line if available</description>
|
15 |
+
<notes>Support of Magento CE 1.8.1
|
16 |
phpsass library updated.</notes>
|
17 |
<authors><author><name>Laurent Clouet</name><user>laurent35240</user><email>laurent35240@gmail.com</email></author></authors>
|
18 |
+
<date>2014-02-09</date>
|
19 |
+
<time>20:03:06</time>
|
20 |
+
<contents><target name="magecommunity"><dir name="Laurent"><dir name="Sass"><dir name="Helper"><file name="Data.php" hash="9c43132dba73d4b3f37ccfb91f0d5dbe"/></dir><dir name="Model"><dir name="Config"><file name="Style.php" hash="413571124dcf58d950200499a144420d"/></dir><dir name="Design"><file name="Package.php" hash="9ad012e66d168bde93f48518aa82cdf4"/></dir></dir><dir name="etc"><file name="config.xml" hash="e3f9875a014b5ed2f229b0d88a1654d1"/><file name="system.xml" hash="a2db1af0d9bae017b46805a80aedb442"/></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="Laurent_Sass.xml" hash="4ad004de851457681610553228973c30"/></dir></target><target name="magelocale"><dir name="en_US"><file name="Laurent_Sass.csv" hash="d9e8c184cbe72e810c7da9154581e1e4"/></dir><dir name="fr_FR"><file name="Laurent_Sass.csv" hash="676b2c597fe0b829fb2c48c1428c295f"/></dir></target><target name="magelib"><dir name="phpsass"><dir name="Extensions"><dir name="Compass"><file name="Compass.php" hash="133465f9483db4a0cd8f2f0745b7c4f0"/><dir name="stylesheets"><file name="_compass.scss" hash="923227de5043435d74c39f0609ce9f76"/><file name="_lemonade.scss" hash="5883254c8046f814601563801d8734c9"/><dir name="compass"><file name="_css3.scss" hash="b82217c21019ca2eb2a40f6a9e044b12"/><file name="_layout.scss" hash="ade265ba9afe952ed07cd2bca858aa85"/><file name="_reset-legacy.scss" hash="485a40cbe1263d244c49d341535da137"/><file name="_reset.scss" hash="f3ba8694329af7d839e77ba770990929"/><file name="_support.scss" hash="a19d4dbb7658196886212ef0105b6b66"/><file name="_typography.scss" hash="918742a5cf560d0f19b19fdbe8ae6aab"/><file name="_utilities.scss" hash="08acdaa4834dbe549b74a1098f19bc7b"/><dir name="css3"><file name="_appearance.scss" hash="acca7f89ed3c92d86e12150aca56ce89"/><file name="_background-clip.scss" hash="6b87b6ed6aad32c3d56e45440854e8b4"/><file name="_background-origin.scss" hash="bfc89088ed9515bb96c8d1a37835f2f0"/><file name="_background-size.scss" hash="7281b0fb3fd2cfebb83d39d79602d49f"/><file name="_border-radius.scss" hash="e791791cb121251afc23ef54d8680682"/><file name="_box-shadow.scss" hash="218306afcdfc6824edad428d22de91b4"/><file name="_box-sizing.scss" hash="ddb42be3b4d2b256785c1a9b78550f51"/><file name="_box.scss" hash="78dcd7150d63b159e7eb8bc2ff8519f9"/><file name="_columns.scss" hash="4adba9442997c3535bd6dd03cc393dc8"/><file name="_filter.scss" hash="bc1e638a924805bf098fd892a1353ac1"/><file name="_font-face.scss" hash="d44f61e599ea7db8119471ed527b3f95"/><file name="_hyphenation.scss" hash="b4cc046662de1d54aa385104b257fd11"/><file name="_images.scss" hash="d21bf95cc8fef7bebff9bfeb15c23634"/><file name="_inline-block.scss" hash="0ddfde10e192213f01dfa122d15bf473"/><file name="_opacity.scss" hash="9191ab6617583e17dcc26d250dc1212d"/><file name="_pie.scss" hash="bf0a4b83809dab91b81454a4b2398fc7"/><file name="_regions.scss" hash="620d1e2235b0cb0ea67306158c536730"/><file name="_shared.scss" hash="2ef8a5f26cf39fbb9875957d9da943ab"/><file name="_text-shadow.scss" hash="2021656239f4853c9d43756b7e3b889c"/><file name="_transform-legacy.scss" hash="927f4115f0cd99df08fd70a33af0e1ec"/><file name="_transform.scss" hash="94088f096d93f4e7cc875d4067bc4ae5"/><file name="_transition.scss" hash="882fb3097235091678f4dc8e85453787"/><file name="_user-interface.scss" hash="7f5b8e3138bf1d2ca8cda702ffddf0c0"/></dir><dir name="layout"><file name="_grid-background.scss" hash="cc3db4c7d9ca43733d0995c7905db89d"/><file name="_sticky-footer.scss" hash="b3cf39ed65213a93f2b3d37fb8029448"/><file name="_stretching.scss" hash="8694407f678486cca2ab280c06016313"/></dir><dir name="reset"><file name="_utilities-legacy.scss" hash="bddb0e2273e06e79169021ccf083f44e"/><file name="_utilities.scss" hash="64c2610e860a105b2bbd22345101655a"/></dir><dir name="typography"><file name="_links.scss" hash="ec36c795f2d5b348e25145f3bde4264e"/><file name="_lists.scss" hash="8694e645f66cd4bdfa8aca26abd109a0"/><file name="_text.scss" hash="59a9a0f38c0f3591ca02dd7eda8cd518"/><file name="_vertical_rhythm.scss" hash="8578b0cae2dda8c5d8d0708d9cd2d5f6"/><dir name="links"><file name="_hover-link.scss" hash="eefccdadf38d1786d14d0471e1a3b6a4"/><file name="_link-colors.scss" hash="c83d0003dade99991a26328d4c6fe147"/><file name="_unstyled-link.scss" hash="81a5cbb33efc9a93cf906679b0c1223c"/></dir><dir name="lists"><file name="_bullets.scss" hash="56a14c0cea06b3522293f06a7e419cd8"/><file name="_horizontal-list.scss" hash="57f1807ae5c1efc55eb20a1877df3ae4"/><file name="_inline-block-list.scss" hash="6e1af07745f4ede2c9464d8a77364413"/><file name="_inline-list.scss" hash="8d1cc4cf2ecf61e5588523a39dcd151b"/></dir><dir name="text"><file name="_ellipsis.scss" hash="838c4ff68ca1cb19732a44f89be1db9b"/><file name="_force-wrap.scss" hash="0261457502e63b860c52e2485a34e71a"/><file name="_nowrap.scss" hash="7f33c936bae2a6bc3365b665eaf9e8ed"/><file name="_replacement.scss" hash="7bde7de4afebabea678dcadba649cfa8"/></dir></dir><dir name="utilities"><file name="_color.scss" hash="a5d6e262ee23ca5037413d20d5718be8"/><file name="_general.scss" hash="154bdd4b44b3868263edc2f618633fbd"/><file name="_links.scss" hash="c7f0403244151201a86639cf89f2d1e2"/><file name="_lists.scss" hash="6c93b9b38fb4f0cc2f576c07548833f8"/><file name="_print.scss" hash="3a4bafc1f1bd2fddfd7e54611142db8d"/><file name="_sprites.scss" hash="3d1cea8528cf128baa7662f5da6f3e23"/><file name="_tables.scss" hash="9ef43b5ebbebaabdbf30af1dfa4d076e"/><file name="_text.scss" hash="898792ca84be5c4aa21eb20eb20b9103"/><dir name="color"><file name="_contrast.scss" hash="9e78f467742891f43dd4aa56a9bf4c4f"/></dir><dir name="general"><file name="_clearfix.scss" hash="bc20f2c9c1d2913f97c94391fc97b113"/><file name="_float.scss" hash="e94dcc3ffdd92302cb3fd08cbfd58ac8"/><file name="_hacks.scss" hash="b569537940dbe9a2edf890d3817f7183"/><file name="_min.scss" hash="a406a7fa7de15370144c305115462f9c"/><file name="_reset.scss" hash="960b40e5f99d8e7de75d2230ba034a0d"/><file name="_tabs.scss" hash="68b329da9893e34099c7d8ad5cb9c940"/><file name="_tag-cloud.scss" hash="ab5b977c6d8ae4aca12273f1b391ff66"/></dir><dir name="links"><file name="_hover-link.scss" hash="9ac5ecb61975921d45102fc7423340ab"/><file name="_link-colors.scss" hash="da9338d176b03d3512e3a1ae0db305f7"/><file name="_unstyled-link.scss" hash="f7a2b8401f536a0e0510018aaf98ab29"/></dir><dir name="lists"><file name="_bullets.scss" hash="6109ae81701fa19782c82c9b22023a62"/><file name="_horizontal-list.scss" hash="706db7e29717c9acd481b9fe7ce8d83c"/><file name="_inline-block-list.scss" hash="f41e9e58f8a265e83b193905330b1161"/><file name="_inline-list.scss" hash="c893a4574a75c9f307db1347aade94be"/></dir><dir name="sprites"><file name="_base.scss" hash="ab8ac113a902eaf87aa6ff5a990485fd"/><file name="_sprite-img.scss" hash="6e998392f987c1859416efc9882d6114"/></dir><dir name="tables"><file name="_alternating-rows-and-columns.scss" hash="ce8dd53487aeaaeac364a316e2121502"/><file name="_borders.scss" hash="ba7a62a006b196aa29f19eab4cec1e9a"/><file name="_scaffolding.scss" hash="3e4054500fad740f12b4464e26ef6ca6"/></dir><dir name="text"><file name="_ellipsis.scss" hash="b05ba46a15279650894bb87d45e36db7"/><file name="_nowrap.scss" hash="eae37e54891bc61116862483d717a948"/><file name="_replacement.scss" hash="6a2e2d60fffc2650962c22d3384a72db"/></dir></dir></dir></dir><file name="test.php" hash="493e43f4577636cae876922155ed32c7"/></dir><file name="ExtensionInterface.php" hash="f02f77afac08968fca0ca8f7cd750456"/><dir name="Own"><file name="Own.php" hash="fb185a20331ce4f185d7fdc318bf0b50"/><dir name="css"><dir name="test"><dir name="test2"><file name="test.scss" hash="b406241e81f4cbd2509a3a7daa50ba6e"/></dir></dir></dir></dir><file name="README.md" hash="0adcca717d8c0113986c95cfa6fa341f"/><dir name="Susy"><file name="Susy.php" hash="36a66b10b093bfa6d09e10f84f5c7d18"/><dir name="stylesheets"><file name="_susy.scss" hash="e60bb0cc5234c86628f4e0345bd2d48a"/><dir name="susy"><file name="_background.scss" hash="e7125e6d00deae7955c61ef9ce5b7557"/><file name="_functions.scss" hash="33d52f0bb6a333da77ac8c4482a1d862"/><file name="_grid.scss" hash="687c942dcaba8b87dac49db2d734e594"/><file name="_isolation.scss" hash="8e097d991625106869a96101bdc2bde4"/><file name="_margin.scss" hash="cb03e121a2800a47d569b456f247a0e4"/><file name="_media.scss" hash="89c7da945f0159b5e97ce705e8d06ae6"/><file name="_padding.scss" hash="b775d9b8f5465ae985da128e31818342"/><file name="_settings.scss" hash="e9942cc79f66826c45c525705aca4c5b"/><file name="_support.scss" hash="7c51df6bd18e85e6954b46e37b47db48"/><file name="_units.scss" hash="fea6309f28d01dc5cbf3fa8503f6bfae"/></dir></dir></dir><file name="example.php" hash="909400c241ad5d58484d600b7d0c4c92"/><file name="example.scss" hash="1c36b8695ac3d22afa9caa72a5e0a96f"/><file name="theme.scss" hash="7210d729d56c93a23b91d4d280570e17"/></dir><file name="README.md" hash="f680aedff15c35475551bf0e0652be57"/><file name="SassException.php" hash="1b481a8b5ddaa54b372ada4eb8598bb5"/><file name="SassFile.php" hash="76ba06279ded72bb92388ec51c32b560"/><file name="SassParser.php" hash="538f2a5a5795d7dfd065d9b80b9aaf1d"/><file name="VERSION" hash="fc3abbf04899a7be14a6aef73d83c120"/><file name="compile-apache.php" hash="7a95ffbe3baf88cd27260645e51d326d"/><file name="composer.json" hash="fb5dad84d70d71d3ad3ea36e06238c21"/><dir name="renderers"><file name="SassCompactRenderer.php" hash="efa3e80cb179be28b933c674cd06d70b"/><file name="SassCompressedRenderer.php" hash="a76e47ecc939efb39ad3bd091d90cc52"/><file name="SassExpandedRenderer.php" hash="938e703678e01367f8bfbfc0af2c9aca"/><file name="SassNestedRenderer.php" hash="963cade34043342728476d4b80a8f66d"/><file name="SassRenderer.php" hash="cba7988395cfc8ceba91dd1ae5777abd"/></dir><dir name="script"><file name="SassScriptFunction.php" hash="1682579a7b1fe57ba5ae30d52e7effc2"/><file name="SassScriptFunctions.php" hash="d423c2837d5c72443ed37926b1e0b4e4"/><file name="SassScriptLexer.php" hash="888286d5b2542bcf57f292966953f3ad"/><file name="SassScriptOperation.php" hash="b4f2eabeedd761157c378d4b36272b65"/><file name="SassScriptParser.php" hash="122201f80fb07cb78b5a1d32f4ec2a78"/><file name="SassScriptParserExceptions.php" hash="b24e0948e0e07f38bcfded7ddd0220ce"/><file name="SassScriptVariable.php" hash="b7450d09a86722cb89755fdc259820dd"/><dir name="literals"><file name="SassBoolean.php" hash="09644008ffd1b31bd13d4191fbcbdfa1"/><file name="SassColour.php" hash="05e81b7dfc201eeebecec47a96269055"/><file name="SassList.php" hash="9c1a851b068515b08d7c0bdb0c01d355"/><file name="SassLiteral.php" hash="77cf2a7af40aeaea5f27a2f055949aad"/><file name="SassLiteralExceptions.php" hash="dee1ed83e9fbbb173c2d1ae8a3cd5ba8"/><file name="SassNumber.php" hash="b05dda4d89b992d7252a9e0b3168f660"/><file name="SassString.php" hash="3a6350304d07995a93c68824628bcd3a"/></dir></dir><file name="test-extensions.php" hash="3741d805557c174ec5b3b9bd58201a82"/><file name="test.css" hash="1655ffa4e91349bbe84d9e9f87b5ae39"/><file name="test.php" hash="b596b4143f17090e77fb094100ef61c3"/><dir name="tests"><file name="_imported_charset_ibm866.sass" hash="92b1d97a137e4219bb7796d7751aa847"/><file name="_imported_charset_utf8.sass" hash="51489125c07d0e8f2b055295d40d2549"/><file name="_imported_content.sass" hash="aafd4b9ba2de82e4f977e04934f204d7"/><file name="_partial.sass" hash="529fb954d7e0f6b42c484c869e60fbcf"/><file name="alt.css" hash="d48efc67765cb14b1c532b36b036a064"/><file name="alt.sass" hash="66be58fb872cd96be90fb95425a0aadf"/><file name="alt.scss" hash="ec1074aaba9b4a1ef3933d091c547c63"/><file name="basic.css" hash="22c341ec6e41dba84606032a40ea21c3"/><file name="basic.sass" hash="450faf5ca8e4bacefd01a74509ae135c"/><file name="bork1.sass" hash="0608533ebc4c4a16ddff507f818a709e"/><file name="bork2.sass" hash="036c6e0bcebc36908f9093d1b536ceb1"/><file name="bork3.sass" hash="ad06e4551ead8422ac443ae0cad7994b"/><file name="bork4.sass" hash="0bd4b0aed58208f5abf4418eb9672ef9"/><file name="bork5.sass" hash="e467427a1e928d1d72ef8db10482e262"/><file name="colour-nth.css" hash="8e457058415890dd4aac86f75a6e39e4"/><file name="colour-nth.scss" hash="3de860789a01fa9b5cf2d9a74a85dba7"/><file name="comments.css" hash="0ca95a61ccc49717e465173fb0c2e6c6"/><file name="comments.sass" hash="41bb5d2d2e14e3dd16c8b0296608a00e"/><file name="compact.css" hash="96105d0147b6881651b723eabe303f65"/><file name="compact.sass" hash="d51cfe7db78fe0d81793c7e24cb32e46"/><file name="complex.css" hash="3ffea6ccf80b24cc136bb102b3b41a67"/><file name="complex.sass" hash="b1426382fb915456b5efc0877ae7072d"/><file name="compressed.css" hash="1975f89cc758e39302d317578fdfdedb"/><file name="compressed.sass" hash="d51cfe7db78fe0d81793c7e24cb32e46"/><file name="content.css" hash="0c0892c48d74761fee54e09ccba6e662"/><file name="content.scss" hash="e624a12355435c147c0772f9fd1fe065"/><file name="css3.css" hash="8b2a0df29de7f2158baa3e97e76d91f2"/><file name="css3.scss" hash="819f570dae1e0c8c77007a03a2642158"/><file name="default.css" hash="8296f416c47ae4b66fa6bdf3259b1015"/><file name="default.sass" hash="90e19da7fd8144eeab4d93e5d3adb3bd"/><file name="default_imported.sass" hash="dbea23754dce7bc6c0f7ff69863c05c5"/><file name="each.css" hash="3f84fdb19433d6c2fb0e63c60c06d072"/><file name="each.scss" hash="9661d8222338cfdd6ba8ff771f1c881c"/><file name="expanded.css" hash="88ee2a16c4d88965bcbcf573a2d7c0fa"/><file name="expanded.sass" hash="66dbccbf13e56c23c9b12401ef4edb2d"/><file name="extend.css" hash="c4e9ba7d8748202d2c1351d5b69e3353"/><file name="extend.sass" hash="f34bd79d09364600631ea4889232ad64"/><file name="extend_included.scss" hash="be61d8166e45b16c08e49087985ed1fb"/><file name="extend_placeholders.css" hash="369b772056769bece364221f3c069a8e"/><file name="extend_placeholders.scss" hash="4af5f1ee5888e7cd6cf6c6de45dbfc17"/><dir name="extensions"><file name="linear_gradient_compass.css" hash="1b95f551ddcf942cd8e87e7e1ea07092"/><file name="linear_gradient_compass.scss" hash="21964541e0a0d245ae9b785c1b2fc263"/></dir><file name="filters.css" hash="f37ab5406ea00310513ce2e114cf6f07"/><file name="filters.scss" hash="ea989dd11a1d2a147b72d748b3a9c8c9"/><file name="functions.css" hash="0a039fdec50d756df0ca5430fdc25a0a"/><file name="functions.scss" hash="c9669b01b11b3abe4d82f701180ac2b0"/><file name="holmes.css" hash="07772c914ace61121cba53beb6ad8ca6"/><file name="holmes.sass" hash="e2199b90032b5f14a4dfc5233a915223"/><file name="hsl-functions.css" hash="b90a44e5919a286a8a62040f211b3580"/><file name="hsl-functions.scss" hash="fa055c7d603b5436613ecac898351cae"/><file name="if.css" hash="82391ad41348b41fc209cca5412ed740"/><file name="if.sass" hash="c3a27a421eb7e3d463918e189195b573"/><file name="if_parentheses.css" hash="7f5bc7f906a7cd678c9598c2e5650833"/><file name="if_parentheses.scss" hash="5140ac11b185061d3c5f7dc238e8ee86"/><file name="import.css" hash="3c8abb5481ee0c0002916b49681af2a5"/><file name="import.sass" hash="4d43389aa785393a47d57734724dad2f"/><file name="import_content.css" hash="4b78a566882b2768336f603d54f73fa4"/><file name="import_content.sass" hash="2db9b7a5b9a581e9f44256b6c8dbedd1"/><file name="importee.sass" hash="606678a5d48f7653f6d8e2e327109310"/><file name="interpolation.css" hash="ef048c83424f05a9c0882007ba0f4958"/><file name="interpolation.scss" hash="ce66433664f7f37277a8d4726a39556c"/><file name="introspection.css" hash="0d9f0e64e263388ec0e87eadef41193e"/><file name="introspection.scss" hash="9d57f03789f7a947ce62d6ab0320f886"/><file name="line_numbers.css" hash="802e2285df194c362503f849647a1380"/><file name="line_numbers.sass" hash="4770a812ab401d2bd35b352408623a17"/><file name="list.css" hash="4dd913d85cf2a28cb12d8af0f622ce03"/><file name="list.scss" hash="24f96a097c84d0da64cb3e753e2439ee"/><file name="list_empty.css" hash="c2fae66e0a28506f1733ac469a1c95ec"/><file name="list_empty.scss" hash="25d245b57859102ba6b36c12e89f3e7e"/><file name="list_variable.css" hash="d10df2dc91b4221bbfe4c3464bd34d5b"/><file name="list_variable.scss" hash="17a541748f730b9da21275a75852cf4e"/><file name="media.css" hash="409f2c0c468598dc19067376a796828f"/><file name="media.scss" hash="1fadbcd19113ff5855d1137be0693799"/><file name="media_in_for.css" hash="fd8292f715cc999ba7b64f8224c40a8a"/><file name="media_in_for.scss" hash="ad7702a6b95e121da52b93d69d782683"/><file name="media_in_mixin.css" hash="8c2bd3f961ab4336c55a5249f78e6bf4"/><file name="media_in_mixin.scss" hash="084e6f0edd3da537020a43d7ce8dbac4"/><file name="media_in_mixin_in_mixin.css" hash="8adc138ca27531ac5693c7e2274fdf9f"/><file name="media_in_mixin_in_mixin.scss" hash="049301e720820f076ceec6cc08037ede"/><file name="misc-functions.css" hash="7da15f26cab9b6df784ce1e37e9a30f1"/><file name="misc-functions.scss" hash="b133df9bb8cf346a3e6d3b3612c1de64"/><file name="misc.css" hash="a05a0a6b49ddbfdd803e92c5abe97594"/><file name="misc.scss" hash="36b58121127544b6a8179ae8a0c90a35"/><file name="mixin-content.css" hash="1b2490ce75d60d2b0c495a5db87a9f49"/><file name="mixin-content.sass" hash="41fa6bbd93b8d0b4ea8826fdd5585381"/><file name="mixin-content.scss" hash="f3252f583aac7dd5bbb7017fbd5654df"/><file name="mixin-ja1.css" hash="c551c8ffd0723e1c9e5795708d5dbda5"/><file name="mixin-ja1.sass" hash="90d3f2653ccbccbc00a9009bd31f8071"/><file name="mixin-list-params.css" hash="47064a4d242dfec9debba53326e529f3"/><file name="mixin-list-params.scss" hash="34478559346aec44c56c867a6b898af3"/><file name="mixin-params.css" hash="1a1f609e66c1dbe24383fe6855e95526"/><file name="mixin-params.scss" hash="a874ab4cacc02475acc827c956275cfe"/><file name="mixin-rgba-param.css" hash="bc5dc6caac3c74b37b82b1ed3cc2e553"/><file name="mixin-rgba-param.scss" hash="961219de858ecf7c17f2f7df24cf68cb"/><file name="mixin_bork.sass" hash="259fd0cca5a94583c0d406646b3217eb"/><file name="mixin_in_mixin.css" hash="46690de92ec525f39d5568bc2e46ee54"/><file name="mixin_in_mixin.scss" hash="0a6bef40d3215b63bb9f972896784a89"/><file name="mixin_setvar.css" hash="757520a01eca279c109d494d7fb4cd02"/><file name="mixin_setvar.scss" hash="12cd65c514056b3c0df1e4e92640a808"/><file name="mixins.css" hash="76ea6005844a4339745b1afe66274c74"/><file name="mixins.sass" hash="55fb1a104a59d6e5411987447af96b55"/><file name="multiline.css" hash="4a3d9bfe75a3b98c52ed95f3d785b079"/><file name="multiline.sass" hash="2f4ff6cfefa20eece2830170e29ea25e"/><file name="nested-media.css" hash="4fc2c8503b918fe9add9fcb230215fe2"/><file name="nested-media.scss" hash="2ee9901f1413f1f0839cfdc9b2ea00af"/><file name="nested.css" hash="26bd112a486652342cbfd55060552576"/><file name="nested.sass" hash="0bdc5d64efc02766544553f968bb82fd"/><file name="nested_bork1.sass" hash="56fa9072b6cc553909bfbd18f571a11d"/><file name="nested_bork2.sass" hash="999ae47bdbc6190972f0f52958870130"/><file name="nested_bork3.sass" hash="ccb998041d90cfe54a39f01afc4c4cc0"/><file name="nested_bork4.sass" hash="eed6453ea8564978c35d60f26a9bbb25"/><file name="nested_bork5.sass" hash="d6de98aee6d80aaecc1aa97311136003"/><file name="nested_import.css" hash="de8bc2a3cd89496c22ff564e65c2b046"/><file name="nested_import.sass" hash="b4493203dae52b5757ca91e17dd42e42"/><file name="nested_media.css" hash="d910a2026928133ce7235e8e1143a425"/><file name="nested_media.scss" hash="6e2dceddb572a0caa6f3959e00d332f4"/><file name="nested_mixin_bork.sass" hash="d9f57da9545e6c9a54d89bebe2f750b9"/><file name="nested_pseudo.css" hash="435b969153bc5030ceb8c251d241d358"/><file name="nested_pseudo.scss" hash="145d425a42541236d8952ea9f5e68ae7"/><file name="number.css" hash="000ca28603c30a49647d53bc5aabed94"/><file name="number.scss" hash="c585efaf419263809a1c91b76d8a0799"/><file name="opacity.css" hash="f54a7fbecddad66df7a6dae52bea4c21"/><file name="opacity.scss" hash="3a20a779e1becfcfaba90758d907c05e"/><file name="other-color.css" hash="45d9e1061d0e71b1c55362c2974b7bdf"/><file name="other-color.scss" hash="e2b8b86016461cbcdae6365ee14b0a5d"/><file name="parent_ref.css" hash="cbecced10861e9c060fa05187f94ee5f"/><file name="parent_ref.sass" hash="b5a3fe6fd3384b0853211e3515427796"/><file name="phpSassTest.php" hash="85b1d8fa19f923311ad45c00672a3a26"/><file name="phpunit.xml.dist" hash="3f11a2a97eb3d9b8bb48f60915daefda"/><file name="proprietary-selector.css" hash="6da7ab22184ed10ec679065835fc0f5f"/><file name="proprietary-selector.scss" hash="a7fa95fad2ae9aa0b93d8b49101eaf5f"/><file name="rgb-functions.css" hash="24177c2bc7b35526bf06334ea4174e27"/><file name="rgb-functions.scss" hash="7ad824885f782f15738ef67bbf00ae2a"/><file name="scss_import.css" hash="9eeec339e1ce59cbf3f2d29efab1382b"/><file name="scss_import.scss" hash="7ae409e52a06ad89582fe89063cf6bdd"/><file name="scss_importee.css" hash="7cad5194c7f7bb18e50f1ca093597033"/><file name="scss_importee.scss" hash="20c55fb516c7b137eadc6462f74cfa94"/><file name="splats.css" hash="3d11bc1d58858e4967ed498a3d75d008"/><file name="splats.scss" hash="4fab47d7391ff72a2e8d6de13c5e1b80"/><file name="string.css" hash="9f1482fe5b4964e96d24c00765c2503d"/><file name="string.scss" hash="f89f2aad48738bb1fa33a67f733e2e90"/><dir name="subdir"><dir name="nested_subdir"><file name="_nested_partial.sass" hash="24985866e9414ee4ef69621b738833ee"/><file name="nested_subdir.css" hash="759df6872a88c4174a39c32fe7d95a04"/><file name="nested_subdir.sass" hash="9e5e623f6765e28d5bec3bb2d3944eac"/></dir><file name="subdir.css" hash="ddd9dd41c2b72164a7ba634e359c2872"/><file name="subdir.sass" hash="acde24bd965d15ae3f19bf74b1f1c2a8"/></dir><file name="units.css" hash="ebc7390d227439bf2694a3ce29c54a6d"/><file name="units.sass" hash="040de247b027e6368c7edbc57d6e331f"/><file name="warn.css" hash="31c098880201803dc33c8785ecf3de26"/><file name="warn.sass" hash="47c7543a6a374523514669e108249f41"/><file name="warn_imported.sass" hash="2b7455acd686bf2511fce0b710874b01"/></dir><dir name="tree"><file name="SassCommentNode.php" hash="807249e546eb578d6087ed95e2f4e305"/><file name="SassContentNode.php" hash="2a20a58b2e1e43b82cac4cff908aa241"/><file name="SassContext.php" hash="4b7dc36ef0866a3678a0c53c5bb5a4b6"/><file name="SassDebugNode.php" hash="07c197af56822312088191a73e3225ff"/><file name="SassDirectiveNode.php" hash="813e62abcd27a49bbb2062e5a3e54acf"/><file name="SassEachNode.php" hash="c514b6b558faf12a5c56b233a9f4b01a"/><file name="SassElseNode.php" hash="1b5e603ccf2de0edfda2f7075e642dd2"/><file name="SassExtendNode.php" hash="d415ada9c7974775cc00de239ad8d8a2"/><file name="SassForNode.php" hash="9fc5364ce7a8c9557e26d62bd0aaeb59"/><file name="SassFunctionDefinitionNode.php" hash="67a5bf31c0e8f0225161f9ecdd61084e"/><file name="SassIfNode.php" hash="586e0ac2339af4e0836ee15168398801"/><file name="SassImportNode.php" hash="ea27128d9923cd0af8b7dae8b49edd69"/><file name="SassMediaNode.php" hash="8f88befb058bdb6f02c9f66bbca54b7a"/><file name="SassMixinDefinitionNode.php" hash="27fb3a6e0b141b8413ea657986950dcb"/><file name="SassMixinNode.php" hash="0112bd92ca1ddb3a180b28797bc8395b"/><file name="SassNode.php" hash="218a90269cb7f32ff47f94dee2af8b59"/><file name="SassNodeExceptions.php" hash="be582689b346f1ff54eba30d3e6550f5"/><file name="SassPropertyNode.php" hash="6186a8e35f8dd07c78c1f98f1aa13cd9"/><file name="SassReturnNode.php" hash="8218ceb0ed55b37c901d31952330d9c5"/><file name="SassRootNode.php" hash="5330f46536b9a7c8212b51516b35490a"/><file name="SassRuleNode.php" hash="3f3d01641155acdddd1322f3043b20dd"/><file name="SassVariableNode.php" hash="d15e503dd71000ae9100b473d1436f43"/><file name="SassWarnNode.php" hash="70875fe1e5d4e806def3d9b4984bb855"/><file name="SassWhileNode.php" hash="809afdba4213c5549dc7923125dbe10a"/></dir><file name=".travis.yml" hash="d0ac6ce1cf8465183941fa3ac326a54e"/></dir></target></contents>
|
21 |
<compatible/>
|
22 |
<dependencies><required><php><min>5.3.0</min><max>6.0.0</max></php></required></dependencies>
|
23 |
</package>
|