custard 0.0.3 → 0.0.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/bower.json +1 -1
- data/custard.gemspec +1 -1
- data/lib/custard/version.rb +1 -1
- data/vendor/assets/stylesheets/custard/mixin/animation.scss +40 -0
- data/vendor/assets/stylesheets/custard/stylesheets/background.scss +50 -0
- data/vendor/assets/stylesheets/custard/stylesheets/color.scss +3 -3
- data/vendor/assets/stylesheets/custard/variables.scss +3 -1
- data/vendor/assets/stylesheets/custard-compiled.css +87 -0
- data/vendor/assets/stylesheets/custard-min.css +1 -1
- data/vendor/assets/stylesheets/custard.scss +3 -0
- metadata +9 -7
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 1d521479aa0d354986b31abeaaf5c345a903bd4f
|
4
|
+
data.tar.gz: 58885e1b0e4b84c688da5925a9a6336fd782bbc2
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5b2654cae748f8dbac878addf053405198013732f2c99e007fbbc8cf6af044297752312002ad25e985c3e2cfdc9c08e88885c5561b16d924132dabef23e54a30
|
7
|
+
data.tar.gz: 39334c7fdc3e713202310b875470b243c1efbb943952d1b510718d63b571f55957623c1e7aa8e9184d00001ca0bfd38f53b752cd1affdb4219997b3b690ea400
|
data/bower.json
CHANGED
data/custard.gemspec
CHANGED
data/lib/custard/version.rb
CHANGED
@@ -0,0 +1,40 @@
|
|
1
|
+
@import '../variables';
|
2
|
+
|
3
|
+
@mixin keyframes($name) {
|
4
|
+
|
5
|
+
@-ms-keyframes $name {
|
6
|
+
@content;
|
7
|
+
}
|
8
|
+
|
9
|
+
@-webkit-keyframes $name {
|
10
|
+
@content;
|
11
|
+
}
|
12
|
+
|
13
|
+
@-moz-keyframes $name {
|
14
|
+
@content;
|
15
|
+
}
|
16
|
+
|
17
|
+
@-o-keyframes $name {
|
18
|
+
@content;
|
19
|
+
}
|
20
|
+
|
21
|
+
@keyframes $name {
|
22
|
+
@content;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
|
26
|
+
@mixin animation-name($name) {
|
27
|
+
@include with-vendor-prefix(animation-name, $name);
|
28
|
+
}
|
29
|
+
|
30
|
+
@mixin animation-duration($delay) {
|
31
|
+
@include with-vendor-prefix(animation-duration, $delay);
|
32
|
+
}
|
33
|
+
|
34
|
+
@mixin animation-timing-function($timing) {
|
35
|
+
@include with-vendor-prefix(animation-timing-function, $timing);
|
36
|
+
}
|
37
|
+
|
38
|
+
@mixin animation-fill-mode($mode) {
|
39
|
+
@include with-vendor-prefix(animation-fill-mode, $mode);
|
40
|
+
}
|
@@ -0,0 +1,50 @@
|
|
1
|
+
@import '../variables';
|
2
|
+
|
3
|
+
@mixin custard-setup-background {
|
4
|
+
|
5
|
+
$bg: #{$custard-namespace}#{$custard-prefix-background};
|
6
|
+
|
7
|
+
@each $hex in $custard-hex-list {
|
8
|
+
$color-hex: "##{$hex}#{$hex}#{$hex}";
|
9
|
+
|
10
|
+
.#{$bg}-gray#{$hex} {
|
11
|
+
background-color: #{$color-hex};
|
12
|
+
}
|
13
|
+
}
|
14
|
+
|
15
|
+
.#{$bg}-no-repeat {
|
16
|
+
background-repeat: no-repeat;
|
17
|
+
}
|
18
|
+
|
19
|
+
.#{$bg}-center {
|
20
|
+
background-position: center;
|
21
|
+
}
|
22
|
+
|
23
|
+
.#{$bg}-cover {
|
24
|
+
background-repeat: no-repeat;
|
25
|
+
background-size: cover;
|
26
|
+
}
|
27
|
+
|
28
|
+
.#{$bg}-contain {
|
29
|
+
background-repeat: no-repeat;
|
30
|
+
background-size: contain;
|
31
|
+
}
|
32
|
+
|
33
|
+
.#{$bg}-center-cover {
|
34
|
+
background-repeat: no-repeat;
|
35
|
+
background-position: center;
|
36
|
+
background-size: cover;
|
37
|
+
}
|
38
|
+
|
39
|
+
.#{$bg}-center-contain {
|
40
|
+
background-repeat: no-repeat;
|
41
|
+
background-position: center;
|
42
|
+
background-size: contain;
|
43
|
+
}
|
44
|
+
|
45
|
+
.#{$bg}-fixed {
|
46
|
+
background-attachment: fixed;
|
47
|
+
}
|
48
|
+
}
|
49
|
+
|
50
|
+
@include custard-setup-background;
|
@@ -4,10 +4,10 @@
|
|
4
4
|
|
5
5
|
$color: #{$custard-namespace}#{$custard-prefix-color};
|
6
6
|
|
7
|
-
@each $
|
8
|
-
$color-hex: "##{$
|
7
|
+
@each $hex in $custard-hex-list {
|
8
|
+
$color-hex: "##{$hex}#{$hex}#{$hex}";
|
9
9
|
|
10
|
-
.#{color}-gray#{$
|
10
|
+
.#{color}-gray#{$hex} {
|
11
11
|
color: #{$color-hex};
|
12
12
|
}
|
13
13
|
}
|
@@ -2,14 +2,16 @@
|
|
2
2
|
$custard-variables-included: true;
|
3
3
|
|
4
4
|
$custard-namespace: '' !default;
|
5
|
+
|
6
|
+
$custard-prefix-background: bg !default;
|
5
7
|
$custard-prefix-border: bdr !default;
|
6
8
|
$custard-prefix-color: color !default;
|
7
9
|
$custard-prefix-cursor: cur !default;
|
8
10
|
$custard-prefix-display: ds !default;
|
9
11
|
$custard-prefix-font: font !default;
|
10
12
|
$custard-prefix-margin: mgn !default;
|
11
|
-
$custard-prefix-padding: pdg !default;
|
12
13
|
$custard-prefix-overflow: over !default;
|
14
|
+
$custard-prefix-padding: pdg !default;
|
13
15
|
$custard-prefix-position: posi !default;
|
14
16
|
$custard-prefix-text: text !default;
|
15
17
|
$custard-prefix-wrap: wrap !default;
|
@@ -1,3 +1,78 @@
|
|
1
|
+
.bg-gray0 {
|
2
|
+
background-color: #000; }
|
3
|
+
|
4
|
+
.bg-gray1 {
|
5
|
+
background-color: #111; }
|
6
|
+
|
7
|
+
.bg-gray2 {
|
8
|
+
background-color: #222; }
|
9
|
+
|
10
|
+
.bg-gray3 {
|
11
|
+
background-color: #333; }
|
12
|
+
|
13
|
+
.bg-gray4 {
|
14
|
+
background-color: #444; }
|
15
|
+
|
16
|
+
.bg-gray5 {
|
17
|
+
background-color: #555; }
|
18
|
+
|
19
|
+
.bg-gray6 {
|
20
|
+
background-color: #666; }
|
21
|
+
|
22
|
+
.bg-gray7 {
|
23
|
+
background-color: #777; }
|
24
|
+
|
25
|
+
.bg-gray8 {
|
26
|
+
background-color: #888; }
|
27
|
+
|
28
|
+
.bg-gray9 {
|
29
|
+
background-color: #999; }
|
30
|
+
|
31
|
+
.bg-grayA {
|
32
|
+
background-color: #AAA; }
|
33
|
+
|
34
|
+
.bg-grayB {
|
35
|
+
background-color: #BBB; }
|
36
|
+
|
37
|
+
.bg-grayC {
|
38
|
+
background-color: #CCC; }
|
39
|
+
|
40
|
+
.bg-grayD {
|
41
|
+
background-color: #DDD; }
|
42
|
+
|
43
|
+
.bg-grayE {
|
44
|
+
background-color: #EEE; }
|
45
|
+
|
46
|
+
.bg-grayF {
|
47
|
+
background-color: #FFF; }
|
48
|
+
|
49
|
+
.bg-no-repeat {
|
50
|
+
background-repeat: no-repeat; }
|
51
|
+
|
52
|
+
.bg-center {
|
53
|
+
background-position: center; }
|
54
|
+
|
55
|
+
.bg-cover {
|
56
|
+
background-repeat: no-repeat;
|
57
|
+
background-size: cover; }
|
58
|
+
|
59
|
+
.bg-contain {
|
60
|
+
background-repeat: no-repeat;
|
61
|
+
background-size: contain; }
|
62
|
+
|
63
|
+
.bg-center-cover {
|
64
|
+
background-repeat: no-repeat;
|
65
|
+
background-position: center;
|
66
|
+
background-size: cover; }
|
67
|
+
|
68
|
+
.bg-center-contain {
|
69
|
+
background-repeat: no-repeat;
|
70
|
+
background-position: center;
|
71
|
+
background-size: contain; }
|
72
|
+
|
73
|
+
.bg-fixed {
|
74
|
+
background-attachment: fixed; }
|
75
|
+
|
1
76
|
.bdr-1px-gray0 {
|
2
77
|
border: 1px solid #000; }
|
3
78
|
|
@@ -12710,6 +12785,18 @@
|
|
12710
12785
|
.pdg-l-10em {
|
12711
12786
|
padding-left: 10em; }
|
12712
12787
|
|
12788
|
+
.over-hidden {
|
12789
|
+
overflow: hidden; }
|
12790
|
+
|
12791
|
+
.over-scroll {
|
12792
|
+
overflow: scroll; }
|
12793
|
+
|
12794
|
+
.over-visible {
|
12795
|
+
overflow: visible; }
|
12796
|
+
|
12797
|
+
.over-auto {
|
12798
|
+
overflow: auto; }
|
12799
|
+
|
12713
12800
|
.posi-relative,
|
12714
12801
|
.posi-rel {
|
12715
12802
|
position: relative; }
|