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

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.
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: []