Skip to content

Commit a049d66

Browse files
IgosukiIgosuki
committed
Initial commit with bower packaging
0 parents  commit a049d66

File tree

104 files changed

+4734
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

104 files changed

+4734
-0
lines changed

‎LICENSE.markdown‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
Copyright (c) 2009 Christopher M. Eppstein
2+
3+
Permission is hereby granted, free of charge, to any person obtaining
4+
a copy of this software and associated documentation files (the
5+
"Software"), to deal in the Software without restriction, including
6+
without limitation the rights to use, copy, modify, merge, publish,
7+
distribute, sublicense, and/or sell copies of the Software, and to
8+
permit persons to whom the Software is furnished to do so, subject to
9+
the following conditions:
10+
11+
The above copyright notice and this permission notice shall be
12+
included in all copies or substantial portions of the Software.
13+
No attribution is required by products that make use of this software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
16+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
17+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
18+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
19+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
20+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
21+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
22+
23+
Except as contained in this notice, the name(s) of the above copyright
24+
holders shall not be used in advertising or otherwise to promote the sale,
25+
use or other dealings in this Software without prior written authorization.
26+
27+
Contributors to this project agree to grant all rights to the copyright
28+
holder of the primary product. Attribution is maintained in the source
29+
control history of the product.

‎README.markdown‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# Compass SASS Stylesheets
2+
This is a repository to pull SASS style sheets on bower, and enjoy the compass mixins by using libsass for faster compilation. I made no modifications to the original stylesheets from the [original repository](https://github.com/chriseppstein/compass.git)
3+
4+
## License
5+
Copyright (c) 2008-2009 Christopher M. Eppstein<br>
6+
All Rights Reserved.<br>
7+
Released under a [slightly modified MIT License](compass/blob/stable/LICENSE.markdown).

‎bower.json‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
{
2+
"name": "compass-mixins",
3+
"version": "1.0.0",
4+
"authors": [
5+
"Guillaume Balaine <igosuki@gmail.com>"
6+
],
7+
"description": "Compass stylesheets",
8+
"main": "lib/_compass.scss",
9+
"keywords": [
10+
"compass",
11+
"mixins",
12+
"sass",
13+
"css3"
14+
],
15+
"license": "MIT",
16+
"ignore": [
17+
"**/.*",
18+
"node_modules",
19+
"bower_components",
20+
"test",
21+
"tests"
22+
]
23+
}

‎lib/_animation.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
// Core imported by default. You can also import 'animate' for predefined animations.
2+
@import "animation/core";

‎lib/_compass.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
@import "compass/utilities";
2+
@import "compass/typography";
3+
@import "compass/css3";
4+
@import "animation";

‎lib/_lemonade.scss‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
@mixin image-dimensions($file) {
2+
height: image-height($file);
3+
width: image-width($file);
4+
}
5+
6+
@mixin sprite-image($file) {
7+
background: sprite-image($file) $repeat;
8+
}
9+
10+
@mixin sized-sprite-image($file) {
11+
background: sprite-image($file);
12+
@include image-dimensions($file);
13+
}
14+
15+
@mixin sprite-folder($folder, $image-dimensions: false) {
16+
.#{$folder} {
17+
@if $image-dimensions {
18+
background: sprite-url($folder);
19+
}
20+
@else {
21+
background: sprite-url($folder) no-repeat;
22+
}
23+
}
24+
@for $i from 0 to sprite-files-in-folder($folder) {
25+
$file: sprite-file-from-folder($folder, $i);
26+
.#{$folder}-#{image-basename($file)} {
27+
@extend .#{$folder};
28+
background-position: sprite-position(sprite-file-from-folder($folder, $i));
29+
@if $image-dimensions {
30+
@include image-dimensions($file);
31+
}
32+
}
33+
}
34+
}
35+
36+
@mixin sized-sprite-folder($folder) {
37+
@include sprite-folder($folder, true);
38+
}

‎lib/animation/_animate.scss‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
// ---------------------------------------------------------------------------
2+
// Animations from Animate.css
3+
// Author : Dan Eden
4+
// URL : http://daneden.me/animate/
5+
//
6+
// Attention seekers
7+
// - flash bounce shake tada swing wobble pulse
8+
// Fading entrances
9+
// - fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpBig fadeInDownBig fadeInLeftBig fadeInRightBig
10+
// Fading exits
11+
// - fadeOut fadeOutUp fadeOutDown fadeOutLeft fadeOutRight fadeOutUpBig fadeOutDownBig fadeOutLeftBig fadeOutRightBig
12+
// Bouncing entrances
13+
// - bounceIn bounceInDown bounceInUp bounceInLeft bounceInRight
14+
// Bouncing exits
15+
// - bounceOut bounceOutDown bounceOutUp bounceOutLeft bounceOutRight
16+
// Rotating entrances
17+
// - rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight
18+
// Rotating exits
19+
// - rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight
20+
// Lightspeed
21+
// - lightSpeedIn lightSpeedOut
22+
// Specials
23+
// - hinge rollIn rollOut
24+
// ---------------------------------------------------------------------------
25+
@import "animate/attention-seekers";
26+
@import "animate/bouncing";
27+
@import "animate/fading";
28+
@import "animate/flippers";
29+
@import "animate/lightspeed";
30+
@import "animate/rotating";
31+
@import "animate/specials";

‎lib/animation/_core.scss‎

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
@import "shared";
2+
3+
// CSS Animations.
4+
5+
// Apply an animation property and value with the correct browser support
6+
@mixin animation-support($property, $value) {
7+
@include experimental($property, $value, -moz, -webkit, -o, -ms, not -khtml, official); }
8+
9+
// Name of any animation as a string.
10+
$default-animation-name : false !default;
11+
12+
// Duration of the entire animation in seconds.
13+
$default-animation-duration : false !default;
14+
15+
// Delay for start of animation in seconds.
16+
$default-animation-delay : false !default;
17+
18+
// The timing function(s) to be used between keyframes. [ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier($number, $number, $number, $number)]
19+
$default-animation-timing-function : false !default;
20+
21+
// The number of times an animation cycle is played. [infinite | $number]
22+
$default-animation-iteration-count : false !default;
23+
24+
// Whether or not the animation should play in reverse on alternate cycles. [normal | alternate]
25+
$default-animation-direction : false !default;
26+
27+
// What values are applied by the animation outside the time it is executing. [none | forwards | backwards | both]
28+
$default-animation-fill-mode : false !default;
29+
30+
// Whether the animation is running or paused. [running | paused]
31+
$default-animation-play-state : false !default;
32+
33+
// Create a named animation sequence that can be applied to elements later.
34+
//
35+
// $name - The name of your animation.
36+
// @content - The keyframes of the animation.
37+
@mixin keyframes(
38+
$name,
39+
$moz: $experimental-support-for-mozilla,
40+
$webkit: $experimental-support-for-webkit,
41+
$o: $experimental-support-for-opera,
42+
$ms: $experimental-support-for-microsoft,
43+
$khtml: $experimental-support-for-khtml,
44+
$official: true
45+
) {
46+
@if $moz {
47+
@include with-only-support-for($moz: true) {
48+
@-moz-keyframes #{$name} { @content; }
49+
}
50+
}
51+
@if $webkit {
52+
@include with-only-support-for($webkit: true) {
53+
@-webkit-keyframes #{$name} { @content; }
54+
}
55+
}
56+
@if $o {
57+
@include with-only-support-for($o: true) {
58+
@-o-keyframes #{$name} { @content; }
59+
}
60+
}
61+
@if $ms {
62+
@include with-only-support-for($ms: true) {
63+
@-ms-keyframes #{$name} { @content; }
64+
}
65+
}
66+
@if $khtml {
67+
@include with-only-support-for($khtml: true) {
68+
@-khtml-keyframes #{$name} { @content; }
69+
}
70+
}
71+
@if $official {
72+
@include with-only-support-for {
73+
@keyframes #{$name} { @content; }
74+
}
75+
}
76+
}
77+
78+
// Apply 1-10 animation names.
79+
@mixin animation-name($name-1: $default-animation-name, $name-2: false, $name-3: false, $name-4: false, $name-5: false, $name-6: false, $name-7: false, $name-8: false, $name-9: false, $name-10: false) {
80+
$name: compact($name-1, $name-2, $name-3, $name-4, $name-5, $name-6, $name-7, $name-8, $name-9, $name-10);
81+
@include animation-support(animation-name, $name); }
82+
83+
// Apply 1-10 animation durations.
84+
@mixin animation-duration($duration-1: $default-animation-duration, $duration-2: false, $duration-3: false, $duration-4: false, $duration-5: false, $duration-6: false, $duration-7: false, $duration-8: false, $duration-9: false, $duration-10: false) {
85+
$duration: compact($duration-1, $duration-2, $duration-3, $duration-4, $duration-5, $duration-6, $duration-7, $duration-8, $duration-9, $duration-10);
86+
@include animation-support(animation-duration, $duration); }
87+
88+
// Apply 1-10 animation delays.
89+
@mixin animation-delay($delay-1: $default-animation-delay, $delay-2: false, $delay-3: false, $delay-4: false, $delay-5: false, $delay-6: false, $delay-7: false, $delay-8: false, $delay-9: false, $delay-10: false) {
90+
$delay: compact($delay-1, $delay-2, $delay-3, $delay-4, $delay-5, $delay-6, $delay-7, $delay-8, $delay-9, $delay-10);
91+
@include animation-support(animation-delay, $delay); }
92+
93+
// Apply 1-10 animation timing functions.
94+
@mixin animation-timing-function($function-1: $default-animation-timing-function, $function-2: false, $function-3: false, $function-4: false, $function-5: false, $function-6: false, $function-7: false, $function-8: false, $function-9: false, $function-10: false) {
95+
$function: compact($function-1, $function-2, $function-3, $function-4, $function-5, $function-6, $function-7, $function-8, $function-9, $function-10);
96+
@include animation-support(animation-timing-function, $function); }
97+
98+
// Apply 1-10 animation iteration counts.
99+
@mixin animation-iteration-count($count-1: $default-animation-iteration-count, $count-2: false, $count-3: false, $count-4: false, $count-5: false, $count-6: false, $count-7: false, $count-8: false, $count-9: false, $count-10: false) {
100+
$count: compact($count-1, $count-2, $count-3, $count-4, $count-5, $count-6, $count-7, $count-8, $count-9, $count-10);
101+
@include animation-support(animation-iteration-count, $count); }
102+
103+
// Apply 1-10 animation directions.
104+
@mixin animation-direction($direction-1: $default-animation-direction, $direction-2: false, $direction-3: false, $direction-4: false, $direction-5: false, $direction-6: false, $direction-7: false, $direction-8: false, $direction-9: false, $direction-10: false) {
105+
$direction: compact($direction-1, $direction-2, $direction-3, $direction-4, $direction-5, $direction-6, $direction-7, $direction-8, $direction-9, $direction-10);
106+
@include animation-support(animation-direction, $direction); }
107+
108+
// Apply 1-10 animation fill modes.
109+
@mixin animation-fill-mode($mode-1: $default-animation-fill-mode, $mode-2: false, $mode-3: false, $mode-4: false, $mode-5: false, $mode-6: false, $mode-7: false, $mode-8: false, $mode-9: false, $mode-10: false) {
110+
$mode: compact($mode-1, $mode-2, $mode-3, $mode-4, $mode-5, $mode-6, $mode-7, $mode-8, $mode-9, $mode-10);
111+
@include animation-support(animation-fill-mode, $mode); }
112+
113+
// Apply 1-10 animation play states.
114+
@mixin animation-play-state($state-1: $default-animation-play-state, $state-2: false, $state-3: false, $state-4: false, $state-5: false, $state-6: false, $state-7: false, $state-8: false, $state-9: false, $state-10: false) {
115+
$state: compact($state-1, $state-2, $state-3, $state-4, $state-5, $state-6, $state-7, $state-8, $state-9, $state-10);
116+
@include animation-support(animation-play-state, $state); }
117+
118+
// Shortcut to apply a named animation to an element, with all the settings.
119+
//
120+
// $animation-1 : Name and settings for the first animation. [<values> | default]
121+
// ...
122+
// $animation-10 : Name and settings for the tenth animation. <values>
123+
@mixin animation($animation-1: default, $animation-2: false, $animation-3: false, $animation-4: false, $animation-5: false, $animation-6: false, $animation-7: false, $animation-8: false, $animation-9: false, $animation-10: false) {
124+
@if $animation-1 == default {
125+
$animation-1: -compass-space-list(compact($default-animation-name, $default-animation-duration, $default-animation-timing-function, $default-animation-delay, $default-animation-iteration-count, $default-animation-direction, $default-animation-fill-mode, $default-animation-play-state)); }
126+
$animation: compact($animation-1, $animation-2, $animation-3, $animation-4, $animation-5, $animation-6, $animation-7, $animation-8, $animation-9, $animation-10);
127+
@include animation-support(animation, $animation); }

‎lib/animation/_shared.scss‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
@mixin set-experimental-support($moz: false, $webkit: false, $ms: false, $o: false, $khtml: false) {
2+
$experimental-support-for-mozilla: $moz;
3+
$experimental-support-for-webkit: $webkit;
4+
$experimental-support-for-microsoft: $ms;
5+
$experimental-support-for-opera: $o;
6+
$experimental-support-for-khtml: $khtml;
7+
}
8+
9+
@mixin with-only-support-for($moz: false, $webkit: false, $ms: false, $o: false, $khtml: false) {
10+
// Capture the current state
11+
$original-moz: $experimental-support-for-mozilla;
12+
$original-webkit: $experimental-support-for-webkit;
13+
$original-o: $experimental-support-for-opera;
14+
$original-ms: $experimental-support-for-microsoft;
15+
$original-khtml: $experimental-support-for-khtml;
16+
17+
@include set-experimental-support($moz, $webkit, $ms, $o, $khtml);
18+
19+
@content;
20+
21+
@include set-experimental-support($original-moz, $original-webkit, $original-ms, $original-o, $original-khtml);
22+
}

0 commit comments

Comments
 (0)