persistentgrid 0.0.1.beta.9 → 0.0.1.beta.10

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 (55) hide show
  1. data/scss/pg/base/baserules/_settings.scss +4 -4
  2. data/scss/pg/base/reset/_behavior.scss +5 -2
  3. data/scss/pg/base/reset/_settings.scss +1 -0
  4. data/scss/pg/base/reset/helpers/_mixins.scss +13 -0
  5. data/scss/pg/base/typography/_behavior.scss +8 -1
  6. data/scss/pg/base/typography/_settings.scss +1 -1
  7. data/scss/pg/base/typography/helpers/_mixins.scss +20 -20
  8. data/scss/pg/grid/_behavior.scss +31 -20
  9. data/scss/pg/grid/_settings.scss +3 -3
  10. data/scss/pg/grid/helpers/_mixins.scss +24 -25
  11. data/scss/pg/helpers/_all.scss +12 -4
  12. data/scss/pg/helpers/{mixins/_anchors.scss → _anchors.scss} +0 -0
  13. data/scss/pg/helpers/{mixins/_baseline.scss → _baseline.scss} +0 -0
  14. data/scss/pg/helpers/{mixins/_breakpoints.scss → _breakpoints.scss} +0 -0
  15. data/scss/pg/helpers/{mixins/_content.scss → _content.scss} +0 -0
  16. data/scss/pg/helpers/{mixins/_css-triangle.scss → _css-triangle.scss} +0 -0
  17. data/scss/pg/helpers/{mixins/_elements.scss → _elements.scss} +0 -0
  18. data/scss/pg/helpers/{mixins/_module.scss → _module.scss} +0 -0
  19. data/scss/pg/helpers/_settings.scss +1 -5
  20. data/scss/pg/helpers/{mixins/_text.scss → _text.scss} +0 -0
  21. data/scss/pg/helpers/{_functions.scss → _typography.scss} +2 -13
  22. data/scss/pg/helpers/{mixins/_units.scss → _units.scss} +1 -0
  23. data/scss/pg/helpers/settings/_all.scss +4 -1
  24. data/scss/pg/helpers/settings/_breakpoints.scss +2 -0
  25. data/scss/pg/helpers/{_colors.scss → settings/_colors.scss} +1 -1
  26. data/scss/pg/helpers/settings/_constants.scss +14 -0
  27. data/scss/pg/helpers/{_fonts.scss → settings/_fonts.scss} +0 -0
  28. data/scss/pg/helpers/settings/fonts/_asap.scss +48 -0
  29. data/scss/pg/helpers/{fonts → settings/fonts}/_bree-serif.scss +0 -0
  30. data/scss/pg/helpers/{fonts → settings/fonts}/_example.scss +0 -0
  31. data/scss/pg/helpers/{fonts → settings/fonts}/_lato.scss +0 -0
  32. data/scss/pg/helpers/{fonts → settings/fonts}/_monospace.scss +0 -0
  33. data/scss/pg/helpers/{fonts → settings/fonts}/_raleway.scss +0 -0
  34. data/scss/pg/helpers/{fonts → settings/fonts}/_righteous.scss +0 -0
  35. data/scss/pg/helpers/{fonts → settings/fonts}/_roboto.scss +0 -0
  36. data/scss/pg/helpers/{fonts → settings/fonts}/_sans-serif.scss +0 -0
  37. data/scss/pg/helpers/{fonts → settings/fonts}/_serif.scss +0 -0
  38. data/scss/pg/helpers/{fonts → settings/fonts}/_sofia-pro.scss +0 -0
  39. data/scss/pg/helpers/{fonts → settings/fonts}/_varela-round.scss +0 -0
  40. data/scss/pg/helpers/{fonts → settings}/icon-fonts/_fontawesome.scss +0 -0
  41. data/scss/pg/helpers/{fonts → settings}/icon-fonts/_foundation-accessability.scss +0 -0
  42. data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_bootstrap.scss +0 -0
  43. data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_core.scss +0 -0
  44. data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_extras.scss +0 -0
  45. data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_icons.scss +0 -0
  46. data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_mixins.scss +0 -0
  47. data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_path.scss +0 -0
  48. data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_variables.scss +0 -0
  49. data/scss/pg/helpers/{fonts → settings}/icon-fonts/foundation-accessability/_settings.scss +0 -0
  50. data/scss/pg/modules/buttons/_behavior.scss +3 -0
  51. data/scss/pg/modules/buttons/_settings.scss +8 -6
  52. data/scss/pg/modules/lists/_behavior.scss +8 -0
  53. metadata +42 -47
  54. data/scss/pg/helpers/_mixins.scss +0 -7
  55. data/scss/pg/helpers/mixins/_all.scss +0 -15
@@ -10,10 +10,10 @@
10
10
  // ==========================================================================
11
11
 
12
12
  $color-background: $white !default;
13
- $color-body: $black !default;
14
- $color-theme: $grey !default;
15
- $color-primary: $violet !default;
16
- $color-attn-one: $orange !default;
13
+ $color-body: $darkslategray !default;
14
+ $color-theme: $lightgray !default;
15
+ $color-primary: $blue !default;
16
+ $color-attn-one: $cyan !default;
17
17
  $color-success: $green !default;
18
18
  $color-info: $yellow !default;
19
19
  $color-warning: $orange !default;
@@ -26,7 +26,7 @@
26
26
  figure, figcaption, footer, header, hgroup,
27
27
  menu, nav, output, ruby, section, summary,
28
28
  time, mark, audio, video {
29
- color: $color-body;
29
+
30
30
  @if $reset-box-model {
31
31
 
32
32
  /*
@@ -56,11 +56,14 @@
56
56
  @include reset-baseline;
57
57
  }
58
58
 
59
- @if $reset-html-background OR $reset-ios {
59
+ @if $reset-html-background OR $reset-html-color OR $reset-ios {
60
60
  html {
61
61
  @if $reset-html-background {
62
62
  @include reset-html-background;
63
63
  }
64
+ @if $reset-html-color {
65
+ @include reset-html-color;
66
+ }
64
67
  @if $reset-ios {
65
68
  @include reset-ios;
66
69
  }
@@ -14,6 +14,7 @@
14
14
  $reset-font : true !default;
15
15
  $reset-text-rendering : true !default;
16
16
  $reset-html-background : true !default;
17
+ $reset-html-color : true !default;
17
18
  $reset-baseline : true !default;
18
19
  $reset-ios : true !default;
19
20
  $reset-html5 : true !default;
@@ -45,6 +45,19 @@
45
45
  }
46
46
 
47
47
 
48
+ // ==========================================================================
49
+ // Mixin reset-html-color
50
+ // ==========================================================================
51
+ @mixin reset-html-color($color-body: $color-body)
52
+ {
53
+ /*
54
+ * Set the default color
55
+ */
56
+
57
+ color: $color-body;
58
+ }
59
+
60
+
48
61
  // ==========================================================================
49
62
  // Mixin reset-box-sizing
50
63
  // ==========================================================================
@@ -5,6 +5,10 @@
5
5
  @if $trace-imports { @debug 'imported'; }
6
6
 
7
7
 
8
+ // ================================================================================
9
+ // Debug helpers
10
+ // ================================================================================
11
+
8
12
  @if $debug-baseline {
9
13
  html {
10
14
  @extend %debug;
@@ -19,7 +23,10 @@
19
23
  }
20
24
 
21
25
 
22
- // @todo: styles for webfont loader states
26
+ // ================================================================================
27
+ // @todo Webfont loader states
28
+ // ================================================================================
29
+
23
30
  %is-wf-loading {
24
31
 
25
32
  }
@@ -12,7 +12,7 @@
12
12
  $base-font-size: 16px !default;
13
13
  $base-line-height: 24px !default; // 1.5*16px
14
14
 
15
- $type-default: $serif-regular !default;
15
+ $type-default: $sans-serif-regular !default;
16
16
  $type-heading: $sans-serif-regular !default;
17
17
 
18
18
 
@@ -34,7 +34,7 @@
34
34
  // ==========================================================================
35
35
  @mixin font-style($type)
36
36
  {
37
- font-style: nth($type,1);
37
+ font-style: extract-type-style($type);
38
38
  }
39
39
 
40
40
 
@@ -47,7 +47,7 @@
47
47
  // ==========================================================================
48
48
  @mixin font-variant($type)
49
49
  {
50
- font-variant: nth($type,2);
50
+ font-variant: extract-type-variant($type);
51
51
  }
52
52
 
53
53
 
@@ -60,7 +60,7 @@
60
60
  // ==========================================================================
61
61
  @mixin font-weight($type)
62
62
  {
63
- font-weight: nth($type,3);
63
+ font-weight: extract-type-weight($type);
64
64
  }
65
65
 
66
66
 
@@ -73,23 +73,7 @@
73
73
  // ==========================================================================
74
74
  @mixin font-family($type)
75
75
  {
76
- font-family: nth($type,4);
77
- }
78
-
79
-
80
- // ==========================================================================
81
- // Mixin debug-rhythm
82
- // --------------------------------------------------------------------------
83
- // Renders the baseline rhythm
84
- // ==========================================================================
85
- @mixin debug-rhythm
86
- {
87
- $to: transparent;
88
- $from: rgba(226, 255, 255, .5);
89
- background-image: -webkit-linear-gradient($from 50%, $to 50%);
90
- background-image: linear-gradient($from 50%, $to 50%);
91
- background-size: rhythm(2) rhythm(2);
92
- * { background-color: transcontainer !important; background-image: none !important; outline: rgba(255,0,255,.1) dotted 1px; outline: lighten( rgb(255,0,255), .1 ) dotted 1px \9; }
76
+ font-family: extract-type-family($type);
93
77
  }
94
78
 
95
79
 
@@ -118,4 +102,20 @@
118
102
  }
119
103
 
120
104
  font-size: px-to-relative-size($value);
105
+ }
106
+
107
+
108
+ // ==========================================================================
109
+ // Mixin debug-rhythm
110
+ // --------------------------------------------------------------------------
111
+ // Renders the baseline rhythm
112
+ // ==========================================================================
113
+ @mixin debug-rhythm
114
+ {
115
+ $to: transparent;
116
+ $from: rgba(226, 255, 255, .5);
117
+ background-image: -webkit-linear-gradient($from 50%, $to 50%);
118
+ background-image: linear-gradient($from 50%, $to 50%);
119
+ background-size: rhythm(2) rhythm(2);
120
+ * { background-color: transcontainer !important; background-image: none !important; outline: rgba(255,0,255,.1) dotted 1px; outline: lighten( rgb(255,0,255), .1 ) dotted 1px \9; }
121
121
  }
@@ -4,32 +4,17 @@
4
4
  // */
5
5
  @if $trace-imports { @debug 'imported'; }
6
6
 
7
- #{$root-selector} {
8
- @include root();
9
- }
10
7
 
11
- #{$column-selector} {
12
- @include column-behavior();
13
- @include column-spacing();
14
- }
15
8
 
16
- #{$column-selector}-container {
17
- @include column-behavior();
18
- }
19
-
20
- #{$column-selector}-padding {
21
- @include column-spacing();
22
- }
23
-
24
- .bleed {
25
- @include bleed();
9
+ // Render columns first so we can cascade column default behavior
10
+ %full {
11
+ @include column-width(1/1);
26
12
  }
27
13
 
28
- .full {
29
- @include column-width(1/1);
14
+ %reset-source-order {
15
+ @include reset-source-order;
30
16
  }
31
17
 
32
- // Render columns
33
18
  @each $fraction in $column-widths {
34
19
  $name: fraction-to-text($fraction);
35
20
  @if $name {
@@ -42,9 +27,35 @@
42
27
  // Source Ordering
43
28
  .push-#{$name} {
44
29
  @include push($fraction);
30
+ // @extend %reset-source-order;
45
31
  }
46
32
  .pull-#{$name} {
47
33
  @include pull($fraction);
34
+ // @extend %reset-source-order;
48
35
  }
49
36
  }
37
+ }
38
+
39
+ #{$root-selector} {
40
+ @include root();
41
+ }
42
+
43
+ #{$column-selector} {
44
+ @include column-behavior();
45
+ @include column-spacing();
46
+ @extend %full;
47
+ // @include column-width($column-width-default);
48
+ }
49
+
50
+ #{$column-selector}-container {
51
+ @include column-behavior();
52
+ @extend %full;
53
+ }
54
+
55
+ #{$column-selector}-spacing {
56
+ @include column-spacing();
57
+ }
58
+
59
+ .bleed {
60
+ @include bleed();
50
61
  }
@@ -12,11 +12,11 @@
12
12
  // ================================================================================================================================
13
13
  $column-selector: ".column" !default;
14
14
  $column-spacing: 2*$base-line-height !default;
15
- $column-spacing-unit: 1px; // Revisit this, looks redundant
16
- $column-spacing-perstistent: false !default;
15
+ $column-spacing-unit: 1px;
16
+ $column-spacing-persistent: false !default;
17
17
  $column-widths: 1/2, 1/4, 1/3, 2/3, 3/4 !default; // Omit 1/1, it is rendered by default
18
18
  $column-width-default: 1/1 !default;
19
- $column-breakpoint: false !default;
19
+ $column-breakpoint: $small_handheld !default;
20
20
  $column-float: false !default; // If you prefer floated columns instead of inline-blocks, set to true.
21
21
 
22
22
  $negative-right-margin: false !default;
@@ -43,11 +43,10 @@
43
43
  }
44
44
  @else {
45
45
  width: fraction-to-percentage($fraction);
46
- }
47
-
48
- @if $persistent==false and $column-breakpoint {
49
- @include breakpoint( $column-breakpoint ) {
50
- width: 100%;
46
+ @if $column-breakpoint {
47
+ @include breakpoint( $column-breakpoint ) {
48
+ width: 100%;
49
+ }
51
50
  }
52
51
  }
53
52
 
@@ -70,7 +69,7 @@
70
69
  // @param (boolean) $use-margin
71
70
  // @param (boolean) $persistent
72
71
  // ==========================================================================
73
- @mixin column-spacing($fraction: 1/2, $use-margin: false, $persistent: $column-spacing-perstistent)
72
+ @mixin column-spacing($fraction: 1/2, $use-margin: false, $persistent: $column-spacing-persistent)
74
73
  {
75
74
  @if ($use-margin) {
76
75
  margin-left: horizontal-rhythm($fraction);
@@ -131,20 +130,15 @@
131
130
  // --------------------------------------------------------------------------
132
131
  // Fixes content width and centers in viewport.
133
132
  // --------------------------------------------------------------------------
134
- // @param (boolean) $hide-overflow
135
133
  // @param (string) $root-max-width
136
134
  // @param (boolean) $set-display
137
135
  // ==========================================================================
138
- @mixin root($hide-overflow: true, $root-max-width: $root-max-width, $set-display: false)
136
+ @mixin root($root-max-width: $root-max-width, $set-display: false)
139
137
  {
140
138
  @if $set-display {
141
139
  display: block;
142
140
  }
143
141
 
144
- @if $hide-overflow {
145
- overflow: hidden;
146
- }
147
-
148
142
  @if $root-position==center {
149
143
  margin: 0 auto;
150
144
  }
@@ -196,11 +190,8 @@
196
190
  {
197
191
  @include move($fraction);
198
192
 
199
- @if $persistent!=true and $column-breakpoint {
200
- @include breakpoint( $column-breakpoint ) {
201
- position: static;
202
- position: initial;
203
- }
193
+ @if $persistent == false {
194
+ @extend %reset-source-order;
204
195
  }
205
196
  }
206
197
 
@@ -216,7 +207,22 @@
216
207
  {
217
208
  @include move(-1*$fraction);
218
209
 
219
- @if $persistent!=true and $column-breakpoint {
210
+ @if $persistent == false {
211
+ @extend %reset-source-order;
212
+ }
213
+ }
214
+
215
+
216
+ // ==========================================================================
217
+ // Mixin for soure ordering
218
+ // Will reset positioning for smallest breakpoint.
219
+ //
220
+ // @param (string) $fraction
221
+ // @param (boolean) $persistent
222
+ // ==========================================================================
223
+ @mixin reset-source-order
224
+ {
225
+ @if $column-breakpoint {
220
226
  @include breakpoint( $column-breakpoint ) {
221
227
  position: static;
222
228
  position: initial;
@@ -237,11 +243,4 @@
237
243
  @mixin bleed($fraction: -1/2, $persistent: false)
238
244
  {
239
245
  @include column-spacing($fraction, true);
240
- @if $persistent == false {
241
- @if $column-breakpoint {
242
- @include breakpoint( $column-breakpoint ) {
243
- @include column-spacing($fraction/2, true);
244
- }
245
- }
246
- }
247
246
  }
@@ -4,8 +4,16 @@
4
4
  // */
5
5
  @if $trace-imports { @debug 'imported'; }
6
6
 
7
- @import "functions";
8
7
  @import "settings";
9
- @import "mixins";
10
- @import "colors";
11
- @import "fonts";
8
+
9
+ @import "anchors";
10
+ @import "baseline";
11
+ @import "content";
12
+ @import "css-triangle";
13
+ @import "elements";
14
+ @import "module";
15
+ @import "text";
16
+ @import "typography";
17
+ @import "units";
18
+
19
+ @import "breakpoints";
@@ -4,8 +4,4 @@
4
4
  // */
5
5
  @if $trace-imports { @debug 'imported'; }
6
6
 
7
- @import "settings/all";
8
-
9
- // Constants
10
- $sides: top right bottom left;
11
- $corners: top-left top-right bottom-left bottom-right;
7
+ @import "settings/all";
File without changes
@@ -4,6 +4,8 @@
4
4
  // */
5
5
  @if $trace-imports { @debug 'imported'; }
6
6
 
7
+
8
+
7
9
  // Placeholder function
8
10
  @function vertical-rhythm($lines)
9
11
  {
@@ -76,16 +78,3 @@
76
78
  // // @debug $base-line-height;
77
79
  // @return ($base-lines * $base-line-height);
78
80
  // }
79
-
80
- @function px-to-em($target,$context)
81
- {
82
- @return $target/$context*1em;
83
- }
84
- @function px-to-percentage($target,$context)
85
- {
86
- @return $target/$context*100%;
87
- }
88
- @function px-to-rem($pixels)
89
- {
90
- @return $pixels/1px*0.1rem;
91
- }
@@ -48,6 +48,7 @@
48
48
  @return ($target-px / $context) * .1px;
49
49
  }
50
50
 
51
+
51
52
  // Let this function figure out which conversion function to use.
52
53
  // Both $target and $context values *must* be in px
53
54
  @function px-to-relative-size($target-px, $context: $base-font-size, $unit: $font-unit) {
@@ -5,4 +5,7 @@
5
5
  @if $trace-imports { @debug 'imported'; }
6
6
 
7
7
  @import "breakpoints";
8
- @import "font-sizes";
8
+ @import "colors";
9
+ @import "constants";
10
+ @import "font-sizes";
11
+ @import "fonts";
@@ -4,6 +4,8 @@
4
4
  // */
5
5
  @if $trace-imports { @debug 'imported'; }
6
6
 
7
+ @import "../units";
8
+
7
9
  $small_handheld: (max-width px-to-em(480px,$base-font-size)) !default;
8
10
  $small_handheld_tall: (max-width px-to-em(480px,$base-font-size)),(orientation portrait) !default;
9
11
  $small_handheld_wide: (max-width px-to-em(480px,$base-font-size)),(orientation landscape) !default;
@@ -10,7 +10,7 @@
10
10
 
11
11
  $white : #fff !default;
12
12
  $black : #000 !default;
13
- $grey : #666 !default;
13
+ $gray : #666 !default;
14
14
  $red : #f00 !default;
15
15
  $orange : #fa0 !default;
16
16
  $yellow : #ff0 !default;
@@ -0,0 +1,14 @@
1
+ // /**
2
+ // * copyright (c) 2013 crossing hippos - babs gösgens. all rights reserved.
3
+ // * licensed under gnu general public license version 2 or later; see license.txt
4
+ // */
5
+ @if $trace-imports { @debug 'imported'; }
6
+
7
+ // ==========================================================================
8
+ // constants
9
+ // ==========================================================================
10
+
11
+
12
+ // Constants
13
+ $sides: top right bottom left;
14
+ $corners: top-left top-right bottom-left bottom-right;
@@ -0,0 +1,48 @@
1
+ // /**
2
+ // * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
3
+ // * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
4
+ // */
5
+ @if $trace-imports { @debug 'imported'; }
6
+
7
+
8
+ // Use this file as a template for creating additional font files
9
+ // Replace the variable names accordingly
10
+
11
+ // Weight reference:
12
+ // 100 ultra-light
13
+ // 200 light
14
+ // 300 book
15
+ // 400 regular, or normal
16
+ // 500 medium
17
+ // 600 semi-bold
18
+ // 700 bold
19
+ // 800 extra-bold
20
+ // 900 heavy, or ultra-bold
21
+
22
+
23
+ // Example
24
+ // Available styles on Google Fonts: 400,700,400italic,700italic
25
+
26
+ $asap-fontface : "Asap";
27
+ $asap-fallback : sans-serif;
28
+ $asap-family : ($asap-fontface, $asap-fallback);
29
+
30
+ // style, variant, weight, family
31
+ $asap-ultra-light : normal, normal, 400, $asap-family;
32
+ $asap-light : normal, normal, 400, $asap-family;
33
+ $asap-book : normal, normal, 400, $asap-family;
34
+ $asap-regular : normal, normal, 400, $asap-family;
35
+ $asap-medium : normal, normal, 500, $asap-family;
36
+ $asap-semi-bold : normal, normal, 700, $asap-family;
37
+ $asap-bold : normal, normal, 700, $asap-family;
38
+ $asap-extra-bold : normal, normal, 700, $asap-family;
39
+ $asap-heavy : normal, normal, 700, $asap-family;
40
+ $asap-ultra-light-italic : italic, normal, 400, $asap-family;
41
+ $asap-light-italic : italic, normal, 400, $asap-family;
42
+ $asap-book-italic : italic, normal, 400, $asap-family;
43
+ $asap-regular-italic : italic, normal, 400, $asap-family;
44
+ $asap-medium-italic : italic, normal, 700, $asap-family;
45
+ $asap-semi-bold-italic : italic, normal, 700, $asap-family;
46
+ $asap-bold-italic : italic, normal, 700, $asap-family;
47
+ $asap-extra-bold-italic : italic, normal, 700, $asap-family;
48
+ $asap-heavy-italic : italic, normal, 700, $asap-family;
@@ -46,6 +46,9 @@
46
46
  }
47
47
  @else if $property=="color" {
48
48
  @include module-property($value, "color");
49
+ a,span,em,i,b {
50
+ color: inherit;
51
+ }
49
52
  }
50
53
  @else if $property=="text" {
51
54
  @include module-text($value);
@@ -42,7 +42,7 @@
42
42
  // Button background (background-color, background-image)
43
43
  // -----------------------------------------------------------------------
44
44
 
45
- $button-background-color: $color-theme !default; // not base
45
+ $button-background-color: $whitesmoke !default; // not base
46
46
  $button-background-image: false !default; // not base
47
47
 
48
48
 
@@ -68,8 +68,8 @@
68
68
  // Button text (color, shadow, align, decoration)
69
69
  // -----------------------------------------------------------------------
70
70
 
71
- $button-text-color: $white !default;
72
- $button-text-shadow: -1px -1px 0 rgba(0,0,0,.3) !default;
71
+ $button-text-color: $color-body !default;
72
+ $button-text-shadow: 1px 1px 0 rgba(255,255,255,.5) !default;
73
73
  $button-text-align: center !default;
74
74
  $button-text-decoration: none !default;
75
75
 
@@ -87,9 +87,10 @@
87
87
  // Button hover state properties
88
88
  // ==========================================================================
89
89
 
90
- $button-hover-background-color: lighten($button-background-color, 20%) !default;
90
+ $button-hover-background-color: darken($button-background-color, 10%) !default;
91
91
  $button-hover-background-image: false !default;
92
92
  $button-hover-border-color: $button-hover-background-color !default;
93
+ $button-hover-text-color: $button-text-color !default;
93
94
 
94
95
 
95
96
  // ==========================================================================
@@ -97,9 +98,10 @@
97
98
  // $button-active-background-image: linear-gradient(lighten($button-active-background-color,5),darken($button-active-background-color,5))
98
99
  // ==========================================================================
99
100
 
100
- $button-active-background-color: lighten($button-background-color, 20%) !default;
101
+ $button-active-background-color: lighten($button-background-color, 10%) !default;
101
102
  $button-active-background-image: false !default;
102
103
  $button-active-border-color: $button-active-background-color !default;
104
+ $button-active-text-color: $button-text-color !default;
103
105
 
104
106
 
105
107
  // ==========================================================================
@@ -133,7 +135,7 @@
133
135
  (border, false)
134
136
  (border-radius, false)
135
137
  (box-shadow, false)
136
- (color, false)
138
+ (color, ($button-text-color))
137
139
  (text, false)
138
140
  (type, false)
139
141
  ),
@@ -96,4 +96,12 @@ ul {
96
96
  &>li {
97
97
  display: inline-block;
98
98
  }
99
+ }
100
+
101
+ .outside {
102
+ list-style-position: outside;
103
+ }
104
+
105
+ .inside {
106
+ list-style-position: inside;
99
107
  }
metadata CHANGED
@@ -1,15 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: persistentgrid
3
3
  version: !ruby/object:Gem::Version
4
- hash: 62196409
5
- prerelease: 6
4
+ prerelease: true
6
5
  segments:
7
6
  - 0
8
7
  - 0
9
8
  - 1
10
9
  - beta
11
- - 9
12
- version: 0.0.1.beta.9
10
+ - 10
11
+ version: 0.0.1.beta.10
13
12
  platform: ruby
14
13
  authors:
15
14
  - Babs Gosgens
@@ -17,17 +16,16 @@ autorequire:
17
16
  bindir: bin
18
17
  cert_chain: []
19
18
 
20
- date: 2013-09-07 00:00:00 Z
19
+ date: 2013-09-07 00:00:00 +02:00
20
+ default_executable:
21
21
  dependencies:
22
22
  - !ruby/object:Gem::Dependency
23
23
  name: compass
24
24
  prerelease: false
25
25
  requirement: &id001 !ruby/object:Gem::Requirement
26
- none: false
27
26
  requirements:
28
27
  - - ">="
29
28
  - !ruby/object:Gem::Version
30
- hash: 19
31
29
  segments:
32
30
  - 0
33
31
  - 12
@@ -73,46 +71,46 @@ files:
73
71
  - scss/pg/grid/helpers/_functions.scss
74
72
  - scss/pg/grid/helpers/_mixins.scss
75
73
  - scss/pg/helpers/_all.scss
76
- - scss/pg/helpers/_colors.scss
77
- - scss/pg/helpers/_fonts.scss
78
- - scss/pg/helpers/_functions.scss
79
- - scss/pg/helpers/_mixins.scss
74
+ - scss/pg/helpers/_anchors.scss
75
+ - scss/pg/helpers/_baseline.scss
76
+ - scss/pg/helpers/_breakpoints.scss
77
+ - scss/pg/helpers/_content.scss
78
+ - scss/pg/helpers/_css-triangle.scss
79
+ - scss/pg/helpers/_elements.scss
80
+ - scss/pg/helpers/_module.scss
80
81
  - scss/pg/helpers/_settings.scss
81
- - scss/pg/helpers/fonts/_bree-serif.scss
82
- - scss/pg/helpers/fonts/_example.scss
83
- - scss/pg/helpers/fonts/_lato.scss
84
- - scss/pg/helpers/fonts/_monospace.scss
85
- - scss/pg/helpers/fonts/_raleway.scss
86
- - scss/pg/helpers/fonts/_righteous.scss
87
- - scss/pg/helpers/fonts/_roboto.scss
88
- - scss/pg/helpers/fonts/_sans-serif.scss
89
- - scss/pg/helpers/fonts/_serif.scss
90
- - scss/pg/helpers/fonts/_sofia-pro.scss
91
- - scss/pg/helpers/fonts/_varela-round.scss
92
- - scss/pg/helpers/fonts/icon-fonts/_fontawesome.scss
93
- - scss/pg/helpers/fonts/icon-fonts/_foundation-accessability.scss
94
- - scss/pg/helpers/fonts/icon-fonts/fontawesome/_bootstrap.scss
95
- - scss/pg/helpers/fonts/icon-fonts/fontawesome/_core.scss
96
- - scss/pg/helpers/fonts/icon-fonts/fontawesome/_extras.scss
97
- - scss/pg/helpers/fonts/icon-fonts/fontawesome/_icons.scss
98
- - scss/pg/helpers/fonts/icon-fonts/fontawesome/_mixins.scss
99
- - scss/pg/helpers/fonts/icon-fonts/fontawesome/_path.scss
100
- - scss/pg/helpers/fonts/icon-fonts/fontawesome/_variables.scss
101
- - scss/pg/helpers/fonts/icon-fonts/foundation-accessability/_settings.scss
82
+ - scss/pg/helpers/_text.scss
83
+ - scss/pg/helpers/_typography.scss
84
+ - scss/pg/helpers/_units.scss
102
85
  - scss/pg/helpers/library/_lists.scss
103
- - scss/pg/helpers/mixins/_all.scss
104
- - scss/pg/helpers/mixins/_anchors.scss
105
- - scss/pg/helpers/mixins/_baseline.scss
106
- - scss/pg/helpers/mixins/_breakpoints.scss
107
- - scss/pg/helpers/mixins/_content.scss
108
- - scss/pg/helpers/mixins/_css-triangle.scss
109
- - scss/pg/helpers/mixins/_elements.scss
110
- - scss/pg/helpers/mixins/_module.scss
111
- - scss/pg/helpers/mixins/_text.scss
112
- - scss/pg/helpers/mixins/_units.scss
113
86
  - scss/pg/helpers/settings/_all.scss
114
87
  - scss/pg/helpers/settings/_breakpoints.scss
88
+ - scss/pg/helpers/settings/_colors.scss
89
+ - scss/pg/helpers/settings/_constants.scss
115
90
  - scss/pg/helpers/settings/_font-sizes.scss
91
+ - scss/pg/helpers/settings/_fonts.scss
92
+ - scss/pg/helpers/settings/fonts/_asap.scss
93
+ - scss/pg/helpers/settings/fonts/_bree-serif.scss
94
+ - scss/pg/helpers/settings/fonts/_example.scss
95
+ - scss/pg/helpers/settings/fonts/_lato.scss
96
+ - scss/pg/helpers/settings/fonts/_monospace.scss
97
+ - scss/pg/helpers/settings/fonts/_raleway.scss
98
+ - scss/pg/helpers/settings/fonts/_righteous.scss
99
+ - scss/pg/helpers/settings/fonts/_roboto.scss
100
+ - scss/pg/helpers/settings/fonts/_sans-serif.scss
101
+ - scss/pg/helpers/settings/fonts/_serif.scss
102
+ - scss/pg/helpers/settings/fonts/_sofia-pro.scss
103
+ - scss/pg/helpers/settings/fonts/_varela-round.scss
104
+ - scss/pg/helpers/settings/icon-fonts/_fontawesome.scss
105
+ - scss/pg/helpers/settings/icon-fonts/_foundation-accessability.scss
106
+ - scss/pg/helpers/settings/icon-fonts/fontawesome/_bootstrap.scss
107
+ - scss/pg/helpers/settings/icon-fonts/fontawesome/_core.scss
108
+ - scss/pg/helpers/settings/icon-fonts/fontawesome/_extras.scss
109
+ - scss/pg/helpers/settings/icon-fonts/fontawesome/_icons.scss
110
+ - scss/pg/helpers/settings/icon-fonts/fontawesome/_mixins.scss
111
+ - scss/pg/helpers/settings/icon-fonts/fontawesome/_path.scss
112
+ - scss/pg/helpers/settings/icon-fonts/fontawesome/_variables.scss
113
+ - scss/pg/helpers/settings/icon-fonts/foundation-accessability/_settings.scss
116
114
  - scss/pg/modules/_all.scss
117
115
  - scss/pg/modules/_behavior.scss
118
116
  - scss/pg/modules/_helpers.scss
@@ -174,6 +172,7 @@ files:
174
172
  - templates/modules/modules.scss
175
173
  - templates/project/manifest.rb
176
174
  - templates/project/screen.scss
175
+ has_rdoc: true
177
176
  homepage: http://crossinghippos.nl/
178
177
  licenses: []
179
178
 
@@ -183,20 +182,16 @@ rdoc_options: []
183
182
  require_paths:
184
183
  - lib
185
184
  required_ruby_version: !ruby/object:Gem::Requirement
186
- none: false
187
185
  requirements:
188
186
  - - ">="
189
187
  - !ruby/object:Gem::Version
190
- hash: 3
191
188
  segments:
192
189
  - 0
193
190
  version: "0"
194
191
  required_rubygems_version: !ruby/object:Gem::Requirement
195
- none: false
196
192
  requirements:
197
193
  - - ">"
198
194
  - !ruby/object:Gem::Version
199
- hash: 25
200
195
  segments:
201
196
  - 1
202
197
  - 3
@@ -205,7 +200,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
205
200
  requirements: []
206
201
 
207
202
  rubyforge_project:
208
- rubygems_version: 1.8.12
203
+ rubygems_version: 1.3.6
209
204
  signing_key:
210
205
  specification_version: 3
211
206
  summary: A grid and more.
@@ -1,7 +0,0 @@
1
- // /**
2
- // * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
3
- // * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
4
- // */
5
- @if $trace-imports { @debug 'imported'; }
6
-
7
- @import "mixins/all";
@@ -1,15 +0,0 @@
1
- // /**
2
- // * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
3
- // * Licensed under GNU General Public License version 2 or later; see LICENSE.txt
4
- // */
5
- @if $trace-imports { @debug 'imported'; }
6
-
7
- @import "anchors";
8
- @import "baseline";
9
- @import "breakpoints";
10
- @import "content";
11
- @import "css-triangle";
12
- @import "elements";
13
- @import "module";
14
- @import "text";
15
- @import "units";