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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: d0847754ef72854654119f10fe2567024e4a000f
4
- data.tar.gz: 1f026215e56efafe25f7385f1460f4bd4ec8b5b6
3
+ metadata.gz: 1d521479aa0d354986b31abeaaf5c345a903bd4f
4
+ data.tar.gz: 58885e1b0e4b84c688da5925a9a6336fd782bbc2
5
5
  SHA512:
6
- metadata.gz: 9b454400419d00b1578c7ea9a876ca257ca6830cbc478057234e6d2294df9f933b5eb13815bef2da5899f4f95434974e73ed226f9946ab1ac48869fe8170dec2
7
- data.tar.gz: 032dd3f467f2aa639792d4e1ff211725f72b176aeb0b0ec13e09aa9685e659851ef8b53c79675c06d476d03ff122b398b0d0b7823758ad13cebe545fd62040f8
6
+ metadata.gz: 5b2654cae748f8dbac878addf053405198013732f2c99e007fbbc8cf6af044297752312002ad25e985c3e2cfdc9c08e88885c5561b16d924132dabef23e54a30
7
+ data.tar.gz: 39334c7fdc3e713202310b875470b243c1efbb943952d1b510718d63b571f55957623c1e7aa8e9184d00001ca0bfd38f53b752cd1affdb4219997b3b690ea400
data/bower.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "custard",
3
- "version": "0.0.3",
3
+ "version": "0.0.6",
4
4
  "authors": [
5
5
  "Kei Goto <gem@zeneffect.co.jp>"
6
6
  ],
data/custard.gemspec CHANGED
@@ -20,5 +20,5 @@ Gem::Specification.new do |spec|
20
20
 
21
21
  spec.add_development_dependency "bundler", "~> 1.7"
22
22
  spec.add_development_dependency "rake", "~> 10.0"
23
- spec.add_runtime_dependency "sass", "~> 3.0"
23
+ spec.add_runtime_dependency "sass"
24
24
  end
@@ -1,3 +1,3 @@
1
1
  module Custard
2
- VERSION = "0.0.3"
2
+ VERSION = "0.0.6"
3
3
  end
@@ -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 $n in $custard-hex-list {
8
- $color-hex: "##{$n}#{$n}#{$n}";
7
+ @each $hex in $custard-hex-list {
8
+ $color-hex: "##{$hex}#{$hex}#{$hex}";
9
9
 
10
- .#{color}-gray#{$n} {
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; }