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.
- data/scss/pg/base/baserules/_settings.scss +4 -4
- data/scss/pg/base/reset/_behavior.scss +5 -2
- data/scss/pg/base/reset/_settings.scss +1 -0
- data/scss/pg/base/reset/helpers/_mixins.scss +13 -0
- data/scss/pg/base/typography/_behavior.scss +8 -1
- data/scss/pg/base/typography/_settings.scss +1 -1
- data/scss/pg/base/typography/helpers/_mixins.scss +20 -20
- data/scss/pg/grid/_behavior.scss +31 -20
- data/scss/pg/grid/_settings.scss +3 -3
- data/scss/pg/grid/helpers/_mixins.scss +24 -25
- data/scss/pg/helpers/_all.scss +12 -4
- data/scss/pg/helpers/{mixins/_anchors.scss → _anchors.scss} +0 -0
- data/scss/pg/helpers/{mixins/_baseline.scss → _baseline.scss} +0 -0
- data/scss/pg/helpers/{mixins/_breakpoints.scss → _breakpoints.scss} +0 -0
- data/scss/pg/helpers/{mixins/_content.scss → _content.scss} +0 -0
- data/scss/pg/helpers/{mixins/_css-triangle.scss → _css-triangle.scss} +0 -0
- data/scss/pg/helpers/{mixins/_elements.scss → _elements.scss} +0 -0
- data/scss/pg/helpers/{mixins/_module.scss → _module.scss} +0 -0
- data/scss/pg/helpers/_settings.scss +1 -5
- data/scss/pg/helpers/{mixins/_text.scss → _text.scss} +0 -0
- data/scss/pg/helpers/{_functions.scss → _typography.scss} +2 -13
- data/scss/pg/helpers/{mixins/_units.scss → _units.scss} +1 -0
- data/scss/pg/helpers/settings/_all.scss +4 -1
- data/scss/pg/helpers/settings/_breakpoints.scss +2 -0
- data/scss/pg/helpers/{_colors.scss → settings/_colors.scss} +1 -1
- data/scss/pg/helpers/settings/_constants.scss +14 -0
- data/scss/pg/helpers/{_fonts.scss → settings/_fonts.scss} +0 -0
- data/scss/pg/helpers/settings/fonts/_asap.scss +48 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_bree-serif.scss +0 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_example.scss +0 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_lato.scss +0 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_monospace.scss +0 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_raleway.scss +0 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_righteous.scss +0 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_roboto.scss +0 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_sans-serif.scss +0 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_serif.scss +0 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_sofia-pro.scss +0 -0
- data/scss/pg/helpers/{fonts → settings/fonts}/_varela-round.scss +0 -0
- data/scss/pg/helpers/{fonts → settings}/icon-fonts/_fontawesome.scss +0 -0
- data/scss/pg/helpers/{fonts → settings}/icon-fonts/_foundation-accessability.scss +0 -0
- data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_bootstrap.scss +0 -0
- data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_core.scss +0 -0
- data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_extras.scss +0 -0
- data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_icons.scss +0 -0
- data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_mixins.scss +0 -0
- data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_path.scss +0 -0
- data/scss/pg/helpers/{fonts → settings}/icon-fonts/fontawesome/_variables.scss +0 -0
- data/scss/pg/helpers/{fonts → settings}/icon-fonts/foundation-accessability/_settings.scss +0 -0
- data/scss/pg/modules/buttons/_behavior.scss +3 -0
- data/scss/pg/modules/buttons/_settings.scss +8 -6
- data/scss/pg/modules/lists/_behavior.scss +8 -0
- metadata +42 -47
- data/scss/pg/helpers/_mixins.scss +0 -7
- 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: $
|
14
|
-
$color-theme: $
|
15
|
-
$color-primary: $
|
16
|
-
$color-attn-one: $
|
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
|
-
|
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
|
}
|
@@ -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
|
-
//
|
26
|
+
// ================================================================================
|
27
|
+
// @todo Webfont loader states
|
28
|
+
// ================================================================================
|
29
|
+
|
23
30
|
%is-wf-loading {
|
24
31
|
|
25
32
|
}
|
@@ -34,7 +34,7 @@
|
|
34
34
|
// ==========================================================================
|
35
35
|
@mixin font-style($type)
|
36
36
|
{
|
37
|
-
font-style:
|
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:
|
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:
|
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:
|
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
|
}
|
data/scss/pg/grid/_behavior.scss
CHANGED
@@ -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
|
-
|
17
|
-
|
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
|
-
|
29
|
-
@include
|
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
|
}
|
data/scss/pg/grid/_settings.scss
CHANGED
@@ -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;
|
16
|
-
$column-spacing-
|
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:
|
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
|
-
|
49
|
-
|
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-
|
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($
|
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
|
200
|
-
@
|
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
|
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
|
}
|
data/scss/pg/helpers/_all.scss
CHANGED
@@ -4,8 +4,16 @@
|
|
4
4
|
// */
|
5
5
|
@if $trace-imports { @debug 'imported'; }
|
6
6
|
|
7
|
-
@import "functions";
|
8
7
|
@import "settings";
|
9
|
-
|
10
|
-
@import "
|
11
|
-
@import "
|
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";
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
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) {
|
@@ -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;
|
@@ -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;
|
File without changes
|
@@ -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;
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
@@ -42,7 +42,7 @@
|
|
42
42
|
// Button background (background-color, background-image)
|
43
43
|
// -----------------------------------------------------------------------
|
44
44
|
|
45
|
-
$button-background-color: $
|
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: $
|
72
|
-
$button-text-shadow:
|
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:
|
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,
|
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,
|
138
|
+
(color, ($button-text-color))
|
137
139
|
(text, false)
|
138
140
|
(type, false)
|
139
141
|
),
|
metadata
CHANGED
@@ -1,15 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: persistentgrid
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
|
5
|
-
prerelease: 6
|
4
|
+
prerelease: true
|
6
5
|
segments:
|
7
6
|
- 0
|
8
7
|
- 0
|
9
8
|
- 1
|
10
9
|
- beta
|
11
|
-
-
|
12
|
-
version: 0.0.1.beta.
|
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
|
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/
|
77
|
-
- scss/pg/helpers/
|
78
|
-
- scss/pg/helpers/
|
79
|
-
- scss/pg/helpers/
|
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/
|
82
|
-
- scss/pg/helpers/
|
83
|
-
- scss/pg/helpers/
|
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.
|
203
|
+
rubygems_version: 1.3.6
|
209
204
|
signing_key:
|
210
205
|
specification_version: 3
|
211
206
|
summary: A grid and more.
|
@@ -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";
|