archetype-theme 1.0.0.alpha.2 → 1.0.0.alpha.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/VERSION +1 -1
  3. data/stylesheets/archetype/theme/_helpers.scss +15 -14
  4. data/stylesheets/archetype/theme/components/_buttons.scss +1 -1
  5. data/stylesheets/archetype/theme/components/_icons.scss +1 -1
  6. data/stylesheets/archetype/theme/components/_loaders.scss +13 -13
  7. data/stylesheets/archetype/theme/primitives/_palettes.scss +10 -10
  8. data/stylesheets/archetype/theme/primitives/_textures.scss +1 -1
  9. metadata +4 -4
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 3d3f1968509b0c3d129a85bcdf524d3b6fb44e81
4
- data.tar.gz: 0c3d1d2472532c9e9752e171723ceec25c5600db
3
+ metadata.gz: 06dc38d044299c3b807f69167a6709ef4467a547
4
+ data.tar.gz: bc29f84a96e5e93297646bb49394aeac3d60ade5
5
5
  SHA512:
6
- metadata.gz: 6d7dedf47c6afa5cf332f2a598699de4362a3ab3d5a98510b9c64032807bc251ba563a10a61f9cb7ad62f5129e67f144b91b5b70bb967cbbc04019b269aad9de
7
- data.tar.gz: c6beeb6ca7a0789581ef6c9e9565b1b23a900b761636468e2ed3bc33138d5e0f27ebc4d337afefe10f243278d5e7c60b616cd94ad538000f011444d99af01c2f
6
+ metadata.gz: 3d43921b7c86e16b781f9ec18071a300ae7aaf259a2c87402d133291c030e6fb5383f39ab2d7924be5b9a29865dea13e32bad0bd0db2e884f2db20b0df7b2770
7
+ data.tar.gz: 3d02c019a0782e2d7c36a1dd1916fa764c67aa881830a31992aa65fa8417ea37cf58a036c860e4a69ad39f7baf42593aaad5e5cf749539dd048092ac7ffd04ec
data/VERSION CHANGED
@@ -1 +1 @@
1
- 1.0.0.alpha.2
1
+ 1.0.0.alpha.3
data/stylesheets/archetype/theme/_helpers.scss CHANGED
@@ -157,16 +157,14 @@
157
157
  // @param $type {String} the type of the loading spinner e.g. [static|dynamic]
158
158
  // @param $dim {String} the dimension to return [width|height]
159
159
  // @param $context {Number} the index for the context type
160
+ // @param $divisor {Number} an optional value to divide the dimension by
160
161
  // @return {Number} the width/height of the loading spinner
161
- @function _styleguideGetLoaderDimension($size: medium, $type: static, $dim: width, $context: 1) {
162
+ @function _styleguideGetLoaderDimension($size: medium, $type: static, $dim: width, $context: 1, $divisor: 1) {
163
+ $context: if(is-null($context), 1, $context);
162
164
  $img: nth-cyclic(map-get(map-get($CONFIG_LOADERS, $size), $type), $context);
163
165
  $sprite-file: -archetype-sprite-file($CONFIG_SPRITE_LOADERS, $img);
164
- @if $dim == width {
165
- @return -archetype-image-width($sprite-file);
166
- }
167
- @else {
168
- @return -archetype-image-height($sprite-file);
169
- }
166
+ $dim: if($dim == width, -archetype-image-width($sprite-file), -archetype-image-height($sprite-file));
167
+ @return if(is-null($dim), $dim, $dim / ($divisor * units($dim)));
170
168
  }
171
169
 
172
170
  // helper function to get the animation routine of the loading spinner
@@ -199,11 +197,14 @@
199
197
  // @return {String} the CSS expression styles
200
198
  @function _styleguideGetLoaderExpression($size: medium, $context: 1) {
201
199
  $img: nth-cyclic(map-get(map-get($CONFIG_LOADERS, $size), static), $context);
202
- $bg: -archetype-sprite($CONFIG_SPRITE_LOADERS, $img) no-repeat;
203
- $bg: if(is-null($bg), none, $bg);
204
- $width: _styleguideGetLoaderDimension($size, static, width, $context);
205
- $height: _styleguideGetLoaderDimension($size, static, height, $context);
206
- $margin-top: $height / -2;
207
- $margin-left: $width / -2;
208
- @return ("position:absolute;top:50%;left:50%;background:#{$bg};width:#{$width};height:#{$height};margin-left:#{$margin-left};margin-top:#{$margin-top};", false, loader);
200
+ $bg: -archetype-sprite($CONFIG_SPRITE_LOADERS, $img);
201
+ @if is-null($bg) {
202
+ $bg: $bg no-repeat;
203
+ $width: _styleguideGetLoaderDimension($size, static, width, $context) or 0;
204
+ $height: _styleguideGetLoaderDimension($size, static, height, $context) or 0;
205
+ $margin-top: $height or / -2;
206
+ $margin-left: $width / -2;
207
+ @return ("position:absolute;top:50%;left:50%;background:#{$bg};width:#{$width};height:#{$height};margin-left:#{$margin-left};margin-top:#{$margin-top};", false, loader);
208
+ }
209
+ @return "";
209
210
  }
data/stylesheets/archetype/theme/components/_buttons.scss CHANGED
@@ -259,7 +259,7 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_BUTTONS_ID, $STYLEGUIDE_BUTT
259
259
  padding: _styleguideGetButtonPadding(small, narrow)
260
260
  ),
261
261
  indicator: (
262
- hide-text: true,
262
+ hide-text: -archetype-no-value,
263
263
  border: 0,
264
264
  color: $CONFIG_COLOR_BUTTON_INDICATOR, // Added so IE 6/7 hide the text
265
265
  width: nth($CONFIG_DIM_BUTTON_INDICATOR_SMALL, 1),
data/stylesheets/archetype/theme/components/_icons.scss CHANGED
@@ -8,7 +8,7 @@ $STYLEGUIDE_ICONS: () !default;
8
8
  $a-blackhole: styleguide-add-component($STYLEGUIDE_ICONS_ID, $STYLEGUIDE_ICONS, (
9
9
  default: (
10
10
  inline-block: middle,
11
- hide-text: true,
11
+ hide-text: -archetype-no-value,
12
12
  content: $CONTENT_PLACEHOLDER,
13
13
  background: none no-repeat scroll 0 0 transparent
14
14
  )
data/stylesheets/archetype/theme/components/_loaders.scss CHANGED
@@ -12,7 +12,7 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_LOADERS_ID, $STYLEGUIDE_LOADE
12
12
  stretch: true,
13
13
  opacity: 0.7,
14
14
  overflow: hidden,
15
- hide-text: true,
15
+ hide-text: -archetype-no-value,
16
16
  background-color: _styleguideGetContextColor(nth($CONFIG_TEXTURE_CONTAINER, 1)),
17
17
  ie-pseudo-after: _styleguideGetLoaderExpression(medium),
18
18
  selectors: (
@@ -26,8 +26,8 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_LOADERS_ID, $STYLEGUIDE_LOADE
26
26
  background-position: _styleguideGetLoaderPosition(medium, static),
27
27
  width: _styleguideGetLoaderDimension(medium, static, width),
28
28
  height: _styleguideGetLoaderDimension(medium, static, height),
29
- margin-top: _styleguideGetLoaderDimension(medium, static, height) / -2,
30
- margin-left: _styleguideGetLoaderDimension(medium, static, width) / -2,
29
+ margin-top: _styleguideGetLoaderDimension(medium, static, height, null, -2),
30
+ margin-left: _styleguideGetLoaderDimension(medium, static, width, null, -2),
31
31
  animation: _styleguideGetLoaderAnimation(medium)
32
32
  )
33
33
  )
@@ -40,8 +40,8 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_LOADERS_ID, $STYLEGUIDE_LOADE
40
40
  background-position: _styleguideGetLoaderPosition(large, static),
41
41
  width: _styleguideGetLoaderDimension(large, static, width),
42
42
  height: _styleguideGetLoaderDimension(large, static, height),
43
- margin-top: _styleguideGetLoaderDimension(large, static, height) / -2,
44
- margin-left: _styleguideGetLoaderDimension(large, static, width) / -2,
43
+ margin-top: _styleguideGetLoaderDimension(large, static, height, null, -2),
44
+ margin-left: _styleguideGetLoaderDimension(large, static, width, null, -2),
45
45
  animation: _styleguideGetLoaderAnimation(large)
46
46
  )
47
47
  )
@@ -54,8 +54,8 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_LOADERS_ID, $STYLEGUIDE_LOADE
54
54
  background-position: _styleguideGetLoaderPosition(small, static),
55
55
  width: _styleguideGetLoaderDimension(small, static, width),
56
56
  height: _styleguideGetLoaderDimension(small, static, height),
57
- margin-top: _styleguideGetLoaderDimension(small, static, height) / -2,
58
- margin-left: _styleguideGetLoaderDimension(small, static, width) / -2,
57
+ margin-top: _styleguideGetLoaderDimension(small, static, height, null, -2),
58
+ margin-left: _styleguideGetLoaderDimension(small, static, width, null, -2),
59
59
  animation: _styleguideGetLoaderAnimation(small)
60
60
  )
61
61
  )
@@ -69,8 +69,8 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_LOADERS_ID, $STYLEGUIDE_LOADE
69
69
  background-position: _styleguideGetLoaderPosition(medium, static, 2),
70
70
  width: _styleguideGetLoaderDimension(medium, static, width, 2),
71
71
  height: _styleguideGetLoaderDimension(medium, static, height, 2),
72
- margin-top: _styleguideGetLoaderDimension(medium, static, height, 2) / -2,
73
- margin-left: _styleguideGetLoaderDimension(medium, static, width, 2) / -2,
72
+ margin-top: _styleguideGetLoaderDimension(medium, static, height, 2, -2),
73
+ margin-left: _styleguideGetLoaderDimension(medium, static, width, 2, -2),
74
74
  animation: _styleguideGetLoaderAnimation(medium, 2)
75
75
  )
76
76
  )
@@ -82,8 +82,8 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_LOADERS_ID, $STYLEGUIDE_LOADE
82
82
  background-position: _styleguideGetLoaderPosition(large, static, 2),
83
83
  width: _styleguideGetLoaderDimension(large, static, width, 2),
84
84
  height: _styleguideGetLoaderDimension(large, static, height, 2),
85
- margin-top: _styleguideGetLoaderDimension(large, static, height, 2) / -2,
86
- margin-left: _styleguideGetLoaderDimension(large, static, width, 2) / -2,
85
+ margin-top: _styleguideGetLoaderDimension(large, static, height, 2, -2),
86
+ margin-left: _styleguideGetLoaderDimension(large, static, width, 2, -2),
87
87
  animation: _styleguideGetLoaderAnimation(large, 2)
88
88
  )
89
89
  )
@@ -95,8 +95,8 @@ $a-blackhole: styleguide-add-component($STYLEGUIDE_LOADERS_ID, $STYLEGUIDE_LOADE
95
95
  background-position: _styleguideGetLoaderPosition(small, static, 2),
96
96
  width: _styleguideGetLoaderDimension(small, static, width, 2),
97
97
  height: _styleguideGetLoaderDimension(small, static, height, 2),
98
- margin-top: _styleguideGetLoaderDimension(small, static, height, 2) / -2,
99
- margin-left: _styleguideGetLoaderDimension(small, static, width, 2) / -2,
98
+ margin-top: _styleguideGetLoaderDimension(small, static, height, 2, -2),
99
+ margin-left: _styleguideGetLoaderDimension(small, static, width, 2, -2),
100
100
  animation: _styleguideGetLoaderAnimation(small, 2)
101
101
  )
102
102
  )
data/stylesheets/archetype/theme/primitives/_palettes.scss CHANGED
@@ -5,15 +5,15 @@
5
5
  // fonts
6
6
  // defined as tuples (pairs) for light/dark background contexts
7
7
  $CONFIG_COLOR_BRAND: (#0088CC #34C1ED) !default;
8
- $CONFIG_COLOR_COPY: (#222222 #FFFFFF) !default;
8
+ $CONFIG_COLOR_COPY: (#222222 white) !default;
9
9
  $CONFIG_COLOR_COPY_MUTED: (#555555 #AAAAAA) !default;
10
- $CONFIG_COLOR_STRONG: (#000000 #FFFFFF) !default;
10
+ $CONFIG_COLOR_STRONG: (black white) !default;
11
11
  $CONFIG_COLOR_ANNOTATION: (#888888 #999999) !default;
12
12
  $CONFIG_COLOR_BREADCRUMB: (#666666 ) !default;
13
13
  $CONFIG_COLOR_BREADCRUMB_ACTIVE: (#999999 ) !default;
14
14
 
15
15
  // buttons
16
- $CONFIG_COLOR_BUTTON_PRIMARY: #FFFFFF !default;
16
+ $CONFIG_COLOR_BUTTON_PRIMARY: white !default;
17
17
  $CONFIG_COLOR_BG_BUTTON_PRIMARY: #0074CC !default;
18
18
  $CONFIG_COLOR_BORDER_BUTTON_PRIMARY: #1B5480 !default;
19
19
  $CONFIG_GRADIENT_BUTTON_PRIMARY: linear-gradient(top, #0088CC, #0055CC) !default;
@@ -23,15 +23,15 @@ $CONFIG_GRADIENT_BUTTON_PRIMARY_HOVER: linear-gradient(top, #00
23
23
  $CONFIG_GRADIENT_BUTTON_PRIMARY_HOVER_IE: (#0066CC, #0033CC, vertical) !default;
24
24
 
25
25
  $CONFIG_COLOR_BUTTON_SECONDARY: #333333 !default;
26
- $CONFIG_COLOR_BG_BUTTON_SECONDARY: #F5F5F5 !default;
26
+ $CONFIG_COLOR_BG_BUTTON_SECONDARY: #F4F4F4 !default;
27
27
  $CONFIG_COLOR_BORDER_BUTTON_SECONDARY: #AAAAAA !default;
28
- $CONFIG_GRADIENT_BUTTON_SECONDARY: linear-gradient(top, #FFFFFF, #E6E6E6) !default;
29
- $CONFIG_GRADIENT_BUTTON_SECONDARY_IE: (#FFFFFF, #E6E6E6, vertical) !default;
28
+ $CONFIG_GRADIENT_BUTTON_SECONDARY: linear-gradient(top, white, #E6E6E6) !default;
29
+ $CONFIG_GRADIENT_BUTTON_SECONDARY_IE: (white, #E6E6E6, vertical) !default;
30
30
  $CONFIG_COLOR_BG_BUTTON_SECONDARY_HOVER: #E6E6E6 !default;
31
- $CONFIG_GRADIENT_BUTTON_SECONDARY_HOVER: linear-gradient(top, #F5F5F5, #E4E4E4) !default;
32
- $CONFIG_GRADIENT_BUTTON_SECONDARY_HOVER_IE: (#F5F5F5, #E4E4E4, vertical) !default;
31
+ $CONFIG_GRADIENT_BUTTON_SECONDARY_HOVER: linear-gradient(top, #F4F4F4, #E4E4E4) !default;
32
+ $CONFIG_GRADIENT_BUTTON_SECONDARY_HOVER_IE: (#F4F4F4, #E4E4E4, vertical) !default;
33
33
 
34
- $CONFIG_COLOR_BUTTON_SPOTLIGHT: #FFFFFF !default;
34
+ $CONFIG_COLOR_BUTTON_SPOTLIGHT: white !default;
35
35
  $CONFIG_COLOR_BG_BUTTON_SPOTLIGHT: #414141 !default;
36
36
  $CONFIG_COLOR_BORDER_BUTTON_SPOTLIGHT: #111111 !default;
37
37
  $CONFIG_GRADIENT_BUTTON_SPOTLIGHT: linear-gradient(top, #555555, #222222) !default;
@@ -64,7 +64,7 @@ $CONFIG_GRADIENT_BUTTON_SPOTLIGHT_DARK_HOVER: $CONFIG_GRADIENT_BUTTON_
64
64
  $CONFIG_GRADIENT_BUTTON_SPOTLIGHT_DARK_HOVER_IE: $CONFIG_GRADIENT_BUTTON_SPOTLIGHT_HOVER_IE !default;
65
65
 
66
66
  $CONFIG_COLOR_BUTTON_INDICATOR: #BBBBBB !default;
67
- $CONFIG_COLOR_BUTTON_INDICATOR_INVERSE: #FFFFFF !default;
67
+ $CONFIG_COLOR_BUTTON_INDICATOR_INVERSE: white !default;
68
68
 
69
69
  // alerts
70
70
  $CONFIG_COLOR_BG_ALERT_NOTIFY: #49AFCD !default;
data/stylesheets/archetype/theme/primitives/_textures.scss CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  $CONFIG_TEXTURE_HEADING: (#FEFEFE) !default;
6
6
  $CONFIG_TEXTURE_MODULE: (#EEEEEE) !default;
7
- $CONFIG_TEXTURE_CONTAINER: (#FFFFFF #000000) !default;
7
+ $CONFIG_TEXTURE_CONTAINER: (white black) !default;
8
8
  $CONFIG_TEXTURE_BRISTOL: (#2C2C2C) !default;
9
9
  $CONFIG_TEXTURE_CANVAS: (#CCCCCC) !default;
10
10
  $CONFIG_TEXTURE_PUNCHCUT: (#333333) !default;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: archetype-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0.alpha.2
4
+ version: 1.0.0.alpha.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Eugene ONeill
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2014-03-25 00:00:00.000000000 Z
12
+ date: 2014-08-19 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: archetype
@@ -17,14 +17,14 @@ dependencies:
17
17
  requirements:
18
18
  - - "~>"
19
19
  - !ruby/object:Gem::Version
20
- version: 1.0.0.alpha.2
20
+ version: 1.0.0.alpha.3
21
21
  type: :runtime
22
22
  prerelease: false
23
23
  version_requirements: !ruby/object:Gem::Requirement
24
24
  requirements:
25
25
  - - "~>"
26
26
  - !ruby/object:Gem::Version
27
- version: 1.0.0.alpha.2
27
+ version: 1.0.0.alpha.3
28
28
  description: An Archetype extension that provides several off-the-shelf UI components
29
29
  email: oneill.eugene@gmail.com
30
30
  executables: []