custard 0.0.3 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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; }