survivalkit 1.0.beta.1 → 1.0.beta.2
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.markdown +3 -0
- data/lib/survivalkit.rb +1 -1
- data/templates/shared/drupal/arrow-asc.png +0 -0
- data/templates/shared/drupal/arrow-desc.png +0 -0
- data/templates/shared/drupal/background.png +0 -0
- data/templates/shared/drupal/close.png +0 -0
- data/templates/shared/drupal/configure.png +0 -0
- data/templates/shared/drupal/draggable.png +0 -0
- data/templates/shared/drupal/druplicon.png +0 -0
- data/templates/shared/drupal/feed.png +0 -0
- data/templates/shared/drupal/forum-icons.png +0 -0
- data/templates/shared/drupal/gear-select.png +0 -0
- data/templates/shared/drupal/grippie.png +0 -0
- data/templates/shared/drupal/help.png +0 -0
- data/templates/shared/drupal/hook.png +0 -0
- data/templates/shared/drupal/lock.png +0 -0
- data/templates/shared/drupal/menu-collapsed-rtl.png +0 -0
- data/templates/shared/drupal/menu-collapsed.png +0 -0
- data/templates/shared/drupal/menu-expanded.png +0 -0
- data/templates/shared/drupal/menu-leaf.png +0 -0
- data/templates/shared/drupal/message-16-error.png +0 -0
- data/templates/shared/drupal/message-16-help.png +0 -0
- data/templates/shared/drupal/message-16-info.png +0 -0
- data/templates/shared/drupal/message-16-ok.png +0 -0
- data/templates/shared/drupal/message-16-warning.png +0 -0
- data/templates/shared/drupal/message-24-error.png +0 -0
- data/templates/shared/drupal/message-24-help.png +0 -0
- data/templates/shared/drupal/message-24-info.png +0 -0
- data/templates/shared/drupal/message-24-ok.png +0 -0
- data/templates/shared/drupal/message-24-warning.png +0 -0
- data/templates/shared/drupal/permissions.png +0 -0
- data/templates/shared/drupal/powered-black-135x42.png +0 -0
- data/templates/shared/drupal/powered-black-80x15.png +0 -0
- data/templates/shared/drupal/powered-black-88x31.png +0 -0
- data/templates/shared/drupal/powered-blue-135x42.png +0 -0
- data/templates/shared/drupal/powered-blue-80x15.png +0 -0
- data/templates/shared/drupal/powered-blue-88x31.png +0 -0
- data/templates/shared/drupal/powered-gray-135x42.png +0 -0
- data/templates/shared/drupal/powered-gray-80x15.png +0 -0
- data/templates/shared/drupal/powered-gray-88x31.png +0 -0
- data/templates/shared/drupal/progress.gif +0 -0
- data/templates/shared/drupal/throbber.gif +0 -0
- data/templates/shared/drupal/tree-bottom.png +0 -0
- data/templates/shared/drupal/tree.png +0 -0
- data/templates/shared/drupal/watchdog-error.png +0 -0
- data/templates/shared/drupal/watchdog-ok.png +0 -0
- data/templates/shared/drupal/watchdog-warning.png +0 -0
- data/templates/shared/formalize/button.png +0 -0
- data/templates/shared/formalize/select_arrow.gif +0 -0
- data/templates/shared/partials/01-variables/_all.scss +3 -0
- data/templates/shared/partials/01-variables/_base.scss +172 -0
- data/templates/shared/partials/01-variables/_colors.scss +61 -0
- data/templates/shared/partials/01-variables/_fonts.scss +15 -0
- data/templates/shared/partials/02-mixins/_custom.scss +5 -0
- data/templates/shared/partials/03-extend/_all.scss +2 -0
- data/templates/shared/partials/03-extend/_helpers.scss +7 -0
- data/templates/shared/partials/03-extend/_typography.scss +40 -0
- data/templates/shared/partials/04-base/_all.scss +8 -0
- data/templates/shared/partials/04-base/_common.scss +137 -0
- data/templates/shared/partials/04-base/_edits.scss +8 -0
- data/templates/shared/partials/04-base/_font-face.scss +14 -0
- data/templates/shared/partials/04-base/_form-defaults.scss +70 -0
- data/templates/shared/partials/04-base/_headers.scss +89 -0
- data/templates/shared/partials/04-base/_images.scss +19 -0
- data/templates/shared/partials/04-base/_semantics.scss +109 -0
- data/templates/shared/partials/04-base/_tables.scss +60 -0
- data/templates/shared/partials/05-layout/_grids-susy.scss +34 -0
- data/templates/shared/partials/06-ui-patterns/_common.scss +1 -0
- data/templates/shared/partials/06-ui-patterns/_drupal-patterns.scss +108 -0
- data/templates/shared/partials/07-styletile/_tile-design.scss +213 -0
- data/templates/shared/partials/08-media/_print.scss +72 -0
- data/templates/shared/partials/readme.markdown +3 -0
- data/templates/shared/readme.markdown +3 -0
- data/templates/shared/style.scss +95 -0
- data/templates/shared/survival-kit-logo.png +0 -0
- data/templates/shared/survivalkit/drupal7.scss +3224 -0
- data/templates/shared/survivalkit/survivalkit.scss +32 -0
- data/templates/shared/your-design-here/_design.scss +2 -0
- metadata +78 -2
data/CHANGELOG.markdown
CHANGED
data/lib/survivalkit.rb
CHANGED
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1,172 @@
|
|
1
|
+
////////////////////////////
|
2
|
+
// Kit Default Variables
|
3
|
+
////////////////////////////
|
4
|
+
|
5
|
+
// pick a reset of normalization
|
6
|
+
// accepted values: 'meyer' (default), 'normalize', 'none'
|
7
|
+
// choose to reset header sizes (applies to 'normalize' only)
|
8
|
+
// $init-headers: true;
|
9
|
+
$init-type: normalize;
|
10
|
+
// use Formalize http://formalize.me/
|
11
|
+
$formalize: true;
|
12
|
+
|
13
|
+
$base-font-size: 16px;
|
14
|
+
$base-line-height: $base-font-size * 1.5;
|
15
|
+
|
16
|
+
// --- Modular SCALE (used by 05-base) -----------
|
17
|
+
// values used to determine modular scale values
|
18
|
+
// and http://modularscale.com/
|
19
|
+
$ratio: golden_ratio() major_third();
|
20
|
+
$base-size: $base-font-size;
|
21
|
+
|
22
|
+
// Dimensions
|
23
|
+
// basic values, independant of any css framework
|
24
|
+
$kit-baseline: $base-line-height;
|
25
|
+
$kit-baseline-half: $kit-baseline * 0.5;
|
26
|
+
$kit-baseline-neg: $kit-baseline * -1;
|
27
|
+
$kit-gutter: ms(2);
|
28
|
+
$kit-gutter-half: $kit-gutter * 0.5;
|
29
|
+
$kit-gutter-neg: $kit-gutter * -1;
|
30
|
+
|
31
|
+
// pixel-normalize
|
32
|
+
// http://www.alistapart.com/articles/a-pixel-identity-crisis/
|
33
|
+
$pixel-normalize: true;
|
34
|
+
|
35
|
+
// use the Compass baseline system
|
36
|
+
$establish-baseline: true;
|
37
|
+
|
38
|
+
// Headers
|
39
|
+
// create a list of header sizes, H1 - H6
|
40
|
+
$header-sizes: ms(6) ms(5) ms(4) ms(3) ms(2) ms(1);
|
41
|
+
// Use Compass's adjust-font-size-to function
|
42
|
+
$adjust-font-size-to: true;
|
43
|
+
// fancy apersands - for .amp within headers
|
44
|
+
$header-ampersands: false;
|
45
|
+
|
46
|
+
// Links
|
47
|
+
// replace normal link underlines with bottom borders
|
48
|
+
$border-links: false;
|
49
|
+
// animate link hovers. use a 'time' value, like '0.5s'
|
50
|
+
$link-transitions: false;
|
51
|
+
|
52
|
+
// Forms
|
53
|
+
$kit-form-defaults: false;
|
54
|
+
|
55
|
+
// Grid Variables --------------------------------------------------------------
|
56
|
+
// note: set grid system-specific variables in the grid section (06)
|
57
|
+
$show-grid: false;
|
58
|
+
$show-baseline: false;
|
59
|
+
|
60
|
+
// Animate all the things
|
61
|
+
// useful for previewing css changes.
|
62
|
+
// do something more targeted in production, ok?
|
63
|
+
$animate-all-the-things: false;
|
64
|
+
|
65
|
+
////////////////////////////
|
66
|
+
// COMPASS DEFAULTS
|
67
|
+
////////////////////////////
|
68
|
+
|
69
|
+
// SUPPORT
|
70
|
+
// legacy and experimental browser support
|
71
|
+
// $legacy-support-for-ie: true;
|
72
|
+
// $legacy-support-for-ie6: $legacy-support-for-ie;
|
73
|
+
// $legacy-support-for-ie7: $legacy-support-for-ie;
|
74
|
+
// $legacy-support-for-ie8: $legacy-support-for-ie;
|
75
|
+
// $experimental-support-for-mozilla : true;
|
76
|
+
// $experimental-support-for-webkit : true;
|
77
|
+
// $support-for-original-webkit-gradients : true;
|
78
|
+
// $experimental-support-for-opera : true;
|
79
|
+
// $experimental-support-for-microsoft : true;
|
80
|
+
// $experimental-support-for-khtml : false;
|
81
|
+
// $experimental-support-for-svg : false;
|
82
|
+
// $experimental-support-for-pie : false;
|
83
|
+
|
84
|
+
|
85
|
+
// CSS3
|
86
|
+
|
87
|
+
// background clip
|
88
|
+
// $default-background-clip: padding-box;
|
89
|
+
|
90
|
+
// background origin
|
91
|
+
// $default-background-origin: content-box;
|
92
|
+
|
93
|
+
// background size
|
94
|
+
// $default-background-size: 100% auto;
|
95
|
+
|
96
|
+
// border radius
|
97
|
+
// $default-border-radius: 5px;
|
98
|
+
|
99
|
+
// box
|
100
|
+
// $default-box-orient: horizontal;
|
101
|
+
// $default-box-align: stretch;
|
102
|
+
// $default-box-flex: 0;
|
103
|
+
// $default-box-flex-group: 1;
|
104
|
+
// $default-box-ordinal-group: 1;
|
105
|
+
// $default-box-direction: normal;
|
106
|
+
// $default-box-lines: single;
|
107
|
+
// $default-box-pack: start;
|
108
|
+
|
109
|
+
// box shadow
|
110
|
+
// $default-box-shadow-color: #333333;
|
111
|
+
// $default-box-shadow-h-offset: 0px;
|
112
|
+
// $default-box-shadow-v-offset: 0px;
|
113
|
+
// $default-box-shadow-blur: 5px;
|
114
|
+
// $default-box-shadow-spread: false;
|
115
|
+
// $default-box-shadow-inset: false;
|
116
|
+
|
117
|
+
// css3 pie
|
118
|
+
// $pie-base-class: false;
|
119
|
+
// $pie-default-approach: relative;
|
120
|
+
// $pie-behavior: stylesheet-url("PIE.htc");
|
121
|
+
|
122
|
+
// text shadow
|
123
|
+
// $default-text-shadow-color: #aaaaaa;
|
124
|
+
// $default-text-shadow-h-offset: 0px;
|
125
|
+
// $default-text-shadow-v-offset: 0px;
|
126
|
+
// $default-text-shadow-blur: 1px;
|
127
|
+
|
128
|
+
// transform
|
129
|
+
// $default-origin-x: 50%;
|
130
|
+
// $default-origin-y: 50%;
|
131
|
+
// $default-origin-z: 50%;
|
132
|
+
// $default-scale-x: 1.25;
|
133
|
+
// $default-scale-y: $default-scale-x;
|
134
|
+
// $default-scale-z: $default-scale-x;
|
135
|
+
// $default-rotate: 45deg;
|
136
|
+
// $default-vector-x: 1;
|
137
|
+
// $default-vector-y: 1;
|
138
|
+
// $default-vector-z: 1;
|
139
|
+
// $default-translate-x: 1em;
|
140
|
+
// $default-translate-y: $default-translate-x;
|
141
|
+
// $default-translate-z: $default-translate-x;
|
142
|
+
// $default-skew-x: 5deg;
|
143
|
+
// $default-skew-y: 5deg;
|
144
|
+
|
145
|
+
// transition
|
146
|
+
// $default-transition-property: all;
|
147
|
+
// $default-transition-duration: 1s;
|
148
|
+
// $default-transition-function: false;
|
149
|
+
// $default-transition-delay: false;
|
150
|
+
// $transitionable-prefixed-values: transform, transform-origin;
|
151
|
+
|
152
|
+
// LAYOUT
|
153
|
+
|
154
|
+
// grid background
|
155
|
+
// $grid-background-column-color: rgba(100, 100, 225, 0.25);
|
156
|
+
// $grid-background-gutter-color: rgba(0, 0, 0, 0);
|
157
|
+
// $grid-background-total-columns: 24;
|
158
|
+
// $grid-background-column-width: 30px;
|
159
|
+
// $grid-background-gutter-width: 10px;
|
160
|
+
// $grid-background-offset: 0px;
|
161
|
+
// $grid-background-baseline-color: rgba(0, 0, 0, 0.5);
|
162
|
+
// $grid-background-baseline-height: 1.5em;
|
163
|
+
// $show-column-grid-backgrounds: true;
|
164
|
+
// $show-baseline-grid-backgrounds: true;
|
165
|
+
// $show-grid-backgrounds: true;
|
166
|
+
// $grid-background-force-fluid: false;
|
167
|
+
|
168
|
+
// UTILITIES
|
169
|
+
// color
|
170
|
+
// $contrasted-dark-default: black;
|
171
|
+
// $contrasted-light-default: white;
|
172
|
+
// $contrasted-lightness-threshold: 30%;
|
@@ -0,0 +1,61 @@
|
|
1
|
+
// DEFAULT COLORS
|
2
|
+
$c-primary: $badass;
|
3
|
+
$c-secondary: $black;
|
4
|
+
$c-tertiary: $black;
|
5
|
+
$c-quadrary: $black;
|
6
|
+
|
7
|
+
|
8
|
+
// COLOR SCHEMES
|
9
|
+
// color-schemer arguments
|
10
|
+
// $color-location,
|
11
|
+
// $base-color,
|
12
|
+
// $color-scheme,
|
13
|
+
// $hue-offset
|
14
|
+
// Color schemes to choose from
|
15
|
+
// mono, complement, triad, tetrad, analogic, accented-analogic
|
16
|
+
// Pick the base color for your scheme:
|
17
|
+
$base-color: $c-primary;
|
18
|
+
// Select your scheme from the list and place it here:
|
19
|
+
$color-scheme: accented-analogic;
|
20
|
+
// How distant do you want the hue offset to be:
|
21
|
+
$hue-offset: 30;
|
22
|
+
// How distant do you want tints and shades to be from their base:
|
23
|
+
$brightness-offset: 10%;
|
24
|
+
// Use Claude Boutet complements instead of RGB complements.
|
25
|
+
// $color-theory: boutet
|
26
|
+
// Set saturation to 100% and lightness to 50% on all colors
|
27
|
+
// $equalize: true
|
28
|
+
$c-primary: color-schemer(primary);
|
29
|
+
$c-secondary: color-schemer(secondary);
|
30
|
+
$c-tertiary: color-schemer(tertiary);
|
31
|
+
$c-quadrary: color-schemer(quadrary);
|
32
|
+
|
33
|
+
|
34
|
+
// Color variables expected 04-base
|
35
|
+
$base-color: $c-primary;
|
36
|
+
$text-color: $black;
|
37
|
+
$alt-color: $badass;
|
38
|
+
$background-color: $white;
|
39
|
+
$border-color: $gray;
|
40
|
+
|
41
|
+
|
42
|
+
// link colors
|
43
|
+
$link-normal: $alt-color;
|
44
|
+
$link-hover: complement($alt-color);
|
45
|
+
$link-active: complement($alt-color);
|
46
|
+
$link-visited: $alt-color;
|
47
|
+
$link-focus: $alt-color;
|
48
|
+
$link-border-normal: $alt-color;
|
49
|
+
$link-border-hover: complement($alt-color);
|
50
|
+
$link-border-active: complement($alt-color);
|
51
|
+
$link-border-visited: $alt-color;
|
52
|
+
|
53
|
+
|
54
|
+
// COLOR VARIABLES FOR STYLE TILES
|
55
|
+
// enable and customize as needed
|
56
|
+
$color-tile1-1: $gray;
|
57
|
+
$color-tile1-2: $gray;
|
58
|
+
$color-tile1-3: $gray;
|
59
|
+
$color-tile1-4: $gray;
|
60
|
+
$color-tile1-5: $gray;
|
61
|
+
$color-tile1-6: $gray;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
// This file establishes simple clean default font stacks
|
2
|
+
|
3
|
+
$font-sans: sans-serif;
|
4
|
+
$font-serifs: Georgia, serif;
|
5
|
+
$font-mono: Consolas, Menlo, "Courier New", monospace, monospace;
|
6
|
+
|
7
|
+
$font-body: $font-serifs;
|
8
|
+
$font-headline: $font-sans;
|
9
|
+
$font-logo: $font-sans;
|
10
|
+
|
11
|
+
// SPECIAL USE FONT STACKS
|
12
|
+
// ampersands
|
13
|
+
$font-amp: $font-serifs;
|
14
|
+
// caps
|
15
|
+
$font-cap: $font-sans;
|
@@ -0,0 +1,40 @@
|
|
1
|
+
// The following classes are for use with @extend.
|
2
|
+
%serif {
|
3
|
+
font-family: $font-serifs;
|
4
|
+
}
|
5
|
+
|
6
|
+
%sans {
|
7
|
+
font-family: $font-sans;
|
8
|
+
}
|
9
|
+
|
10
|
+
%mono {
|
11
|
+
font-family: $font-mono;
|
12
|
+
}
|
13
|
+
|
14
|
+
%caps {
|
15
|
+
font-size: 0.9em;
|
16
|
+
letter-spacing: 0.1em;
|
17
|
+
}
|
18
|
+
|
19
|
+
%headers {
|
20
|
+
font-family: $font-headline;
|
21
|
+
}
|
22
|
+
|
23
|
+
%allcaps {
|
24
|
+
@extend %caps;
|
25
|
+
text-transform: uppercase;
|
26
|
+
}
|
27
|
+
|
28
|
+
%amp {
|
29
|
+
font-family: $font-amp;
|
30
|
+
}
|
31
|
+
|
32
|
+
%smallcaps {
|
33
|
+
@extend %caps;
|
34
|
+
font-variant: small-caps;
|
35
|
+
}
|
36
|
+
|
37
|
+
%dquo {
|
38
|
+
margin-left: -0.5em;
|
39
|
+
font-family: $font-amp;
|
40
|
+
}
|