wunderfront 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/wunderfront.rb +2 -2
- data/stylesheets/_wunderfront.scss +8 -0
- data/stylesheets/wunderfront/base/_elements.scss +31 -0
- data/stylesheets/wunderfront/components/_person.scss +25 -0
- data/stylesheets/wunderfront/components/_team.scss +34 -0
- data/stylesheets/wunderfront/utilities/_mixins.scss +0 -64
- data/stylesheets/wunderfront/utilities/_variables.scss +0 -23
- data/templates/project/Gemfile.txt +1 -1
- metadata +6 -4
- data/templates/project/manifest.rb +0 -30
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 715f2b7506a5c1a0d8f8ca2b6809ae014c9fa517
|
4
|
+
data.tar.gz: 6cbe3c82edc1c92e17dc2c658f947228d5b5e56e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 3e2afb693995d65152bba1c4f503c7218b49a4c6dffad4c7c86f3ae4be10bacffd5b5f8fa901e22791e57dacef425eb2f2733ef38263b43e0c71db6e1569acd8
|
7
|
+
data.tar.gz: 20eea01b35cfb2a63fb9df99c9d6f418b56ab20335094a087c7499791d127412758b0fdc3b9b7f01bc01ea9c09cdd08bb85f81d94534a074efb01c8b42036839
|
data/lib/wunderfront.rb
CHANGED
@@ -20,8 +20,8 @@ Compass::Frameworks.register('wunderfront', :stylesheets_directory => stylesheet
|
|
20
20
|
# a prerelease version
|
21
21
|
# Date is in the form of YYYY-MM-DD
|
22
22
|
module Wunderfront
|
23
|
-
VERSION = "0.0.
|
24
|
-
DATE = "
|
23
|
+
VERSION = "0.0.2"
|
24
|
+
DATE = "2015-01-02"
|
25
25
|
end
|
26
26
|
|
27
27
|
# This is where any custom SassScript should be placed. The functions will be
|
@@ -1,3 +1,11 @@
|
|
1
|
+
// Utilities
|
1
2
|
@import "wunderfront/utilities/variables";
|
2
3
|
@import "wunderfront/utilities/mixins";
|
3
4
|
@import "wunderfront/utilities/helpers";
|
5
|
+
|
6
|
+
// Base
|
7
|
+
@import "wunderfront/base/elements";
|
8
|
+
|
9
|
+
// Components
|
10
|
+
@import "wunderfront/components/team";
|
11
|
+
@import "wunderfront/components/person";
|
@@ -0,0 +1,31 @@
|
|
1
|
+
body {
|
2
|
+
background: #fff;
|
3
|
+
font-family: $WunderFont;
|
4
|
+
color: $WunderGreyDark;
|
5
|
+
}
|
6
|
+
|
7
|
+
h1 {
|
8
|
+
font-family: $WunderFontHeader;
|
9
|
+
font-weight: 700;
|
10
|
+
color: $WunderPink;
|
11
|
+
font-size: 2em;
|
12
|
+
line-height: 1.5em;
|
13
|
+
margin: 0;
|
14
|
+
}
|
15
|
+
h2 {
|
16
|
+
font-family: $WunderFontHeader;
|
17
|
+
font-weight: 500;
|
18
|
+
}
|
19
|
+
h3 {
|
20
|
+
font-family: $WunderFontHeader;
|
21
|
+
font-weight: 500;
|
22
|
+
}
|
23
|
+
h4 {
|
24
|
+
font-family: $WunderFontHeader;
|
25
|
+
font-weight: 700;
|
26
|
+
}
|
27
|
+
h5 {
|
28
|
+
font-family: $WunderFont;
|
29
|
+
font-weight: bold;
|
30
|
+
}
|
31
|
+
h6 {}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
@mixin wk-person {
|
2
|
+
@include clearfix();
|
3
|
+
}
|
4
|
+
@mixin wk-person__name {
|
5
|
+
word-wrap: break-word;
|
6
|
+
overflow-wrap: break-word;
|
7
|
+
margin: 0;
|
8
|
+
}
|
9
|
+
@mixin wk-person__picture {
|
10
|
+
float: left;
|
11
|
+
margin: 0 10px 0 0;
|
12
|
+
}
|
13
|
+
|
14
|
+
@if $wk-produce-css-classes {
|
15
|
+
.person {
|
16
|
+
@include wk-person;
|
17
|
+
}
|
18
|
+
.person__name {
|
19
|
+
@include wk-person__name;
|
20
|
+
}
|
21
|
+
.person__picture {
|
22
|
+
@include wk-person__picture;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
|
@@ -0,0 +1,34 @@
|
|
1
|
+
$breakpoint-medium: 600px;
|
2
|
+
$breakpoint-large: 768px;
|
3
|
+
|
4
|
+
@mixin team() {
|
5
|
+
@include clearfix();
|
6
|
+
}
|
7
|
+
@mixin team__member() {
|
8
|
+
margin: 0 1%;
|
9
|
+
padding: 8px 0;
|
10
|
+
border-bottom: 1px dotted #5a5a5a;
|
11
|
+
@media (min-width: $breakpoint-medium) and (max-width: $breakpoint-large) {
|
12
|
+
float: left;
|
13
|
+
width: 48%;
|
14
|
+
&:nth-of-type(2n+1) {
|
15
|
+
clear: left;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
@media (min-width: $breakpoint-large) {
|
19
|
+
float: left;
|
20
|
+
width: 31%;
|
21
|
+
&:nth-of-type(3n+1) {
|
22
|
+
clear: left;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
@if $wk-produce-css-classes {
|
28
|
+
.team {
|
29
|
+
@include team();
|
30
|
+
}
|
31
|
+
.team__member {
|
32
|
+
@include team__member();
|
33
|
+
}
|
34
|
+
}
|
@@ -4,40 +4,6 @@
|
|
4
4
|
|
5
5
|
@import "compass/utilities";
|
6
6
|
|
7
|
-
//
|
8
|
-
// Markup free clearing
|
9
|
-
// http://www.stubbornella.org/content/2012/05/02/cross-browser-debugging-css/
|
10
|
-
//
|
11
|
-
|
12
|
-
@mixin cf {
|
13
|
-
overflow: hidden; // New formatting context in better browsers
|
14
|
-
*overflow: visible; // Protect IE7 and older from the overflow property
|
15
|
-
*zoom: 1; // Give IE hasLayout, a new formatting context equivalent
|
16
|
-
}
|
17
|
-
|
18
|
-
|
19
|
-
//
|
20
|
-
// Image replacement
|
21
|
-
// Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
|
22
|
-
// Additional helpers from http://html5boilerplate.com/docs/css/
|
23
|
-
// This is also included as a SASS mixin, see: sass/custom.rb
|
24
|
-
//
|
25
|
-
|
26
|
-
@mixin ir {
|
27
|
-
// Kellum Method
|
28
|
-
display: block !important;
|
29
|
-
text-indent: 100%;
|
30
|
-
white-space: nowrap;
|
31
|
-
overflow: hidden;
|
32
|
-
// Additional helpers
|
33
|
-
border: 0; // Remove the default border from elements like <button>
|
34
|
-
font: 0/0 a; // Crush the text down to take up no space
|
35
|
-
text-shadow: none; // Remove any text shadows
|
36
|
-
color: transparent; // Hide any residual text in Safari 4 and any mobile devices that may need it
|
37
|
-
background-color: transparent; // Hide the default background color on elements like <button>
|
38
|
-
}
|
39
|
-
|
40
|
-
|
41
7
|
//
|
42
8
|
// element-invisible improved and more robust
|
43
9
|
//
|
@@ -54,7 +20,6 @@
|
|
54
20
|
clip: rect(1px, 1px, 1px, 1px);
|
55
21
|
}
|
56
22
|
|
57
|
-
|
58
23
|
//
|
59
24
|
// Turns off the element-invisible effect
|
60
25
|
//
|
@@ -75,7 +40,6 @@
|
|
75
40
|
}
|
76
41
|
}
|
77
42
|
|
78
|
-
|
79
43
|
//
|
80
44
|
// Shift content offscreen, can be usefull when you reall need to do this
|
81
45
|
//
|
@@ -88,37 +52,9 @@
|
|
88
52
|
outline: 0;
|
89
53
|
}
|
90
54
|
|
91
|
-
|
92
55
|
//
|
93
56
|
// Hide content from all users
|
94
57
|
//
|
95
58
|
@mixin element-hidden {
|
96
59
|
display: none;
|
97
60
|
}
|
98
|
-
|
99
|
-
|
100
|
-
//
|
101
|
-
// The word "Unpublished" displayed underneath unpublished nodes and comments
|
102
|
-
//
|
103
|
-
@mixin unpublished {
|
104
|
-
color: pink; // target browsers that do not support rgba
|
105
|
-
color: rgba(239, 170, 170, 0.4);
|
106
|
-
font-family: $impact;
|
107
|
-
font-size: 50px;
|
108
|
-
font-weight: 700;
|
109
|
-
line-height: 1.2;
|
110
|
-
height: 0;
|
111
|
-
margin: 0;
|
112
|
-
padding: 0;
|
113
|
-
overflow: visible;
|
114
|
-
text-align: center;
|
115
|
-
text-transform: uppercase;
|
116
|
-
word-wrap: break-word;
|
117
|
-
|
118
|
-
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
119
|
-
.ie6-7 &>* {
|
120
|
-
position: relative; // Otherwise these elements will appear below the "Unpublished" text.
|
121
|
-
}
|
122
|
-
}
|
123
|
-
}
|
124
|
-
|
@@ -13,18 +13,6 @@ $ultralight: #f5f5f5; // table row even, primary link inactive tabs
|
|
13
13
|
$light: #eee; // table row odd active, primary link inactive hover
|
14
14
|
$medium_light: #ebebeb; // table row even active
|
15
15
|
$medium_dark: #e5e5e5; // table thead
|
16
|
-
$debug: rgba(255, 192, 203, 0.5); // Full width wrapper test
|
17
|
-
|
18
|
-
$thead: $medium_dark;
|
19
|
-
$tr_odd: $page;
|
20
|
-
$tr_even: $ultralight;
|
21
|
-
$tr_odd_active: $light;
|
22
|
-
$tr_even_active: $medium_light;
|
23
|
-
|
24
|
-
$primary_task: $ultralight;
|
25
|
-
$primary_task_hover: $light;
|
26
|
-
$primary_task_active: $page;
|
27
|
-
|
28
16
|
|
29
17
|
// Brand colours
|
30
18
|
|
@@ -46,16 +34,5 @@ $WunderShadowLight: rgba(0,0,0,0.3);
|
|
46
34
|
// Fonts
|
47
35
|
// -----------------------------------------------------------------------------
|
48
36
|
|
49
|
-
$sans-serif-small: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
50
|
-
$sans-serif-large: Verdana, Geneva, 'DejaVu Sans', Arial, Helvetica, sans-serif;
|
51
|
-
$sans-serif-arial-helvetica: Arial, Helvetica, sans-serif;
|
52
|
-
$calibri-candara: Calibri, Candara, Arial, Helvetica, sans-serif;
|
53
|
-
$serif-small: Garamond, Perpetua, 'Times New Roman', serif;
|
54
|
-
$serif-large: Georgia, Baskerville, Palatino, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif;
|
55
|
-
$modern-myriad: 'Segoe UI', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
|
56
|
-
$lucida: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Verdana, Geneva, sans-serif;
|
57
|
-
$impact: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif;
|
58
|
-
$mono: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
|
59
|
-
|
60
37
|
$WunderFont: "Droid Sans",Arial,sans-serif;
|
61
38
|
$WunderFontHeader: "Museo Slab",Arial,sans-serif;
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: wunderfront
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Lewis Nyman
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2015-01-02 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -47,11 +47,13 @@ extra_rdoc_files: []
|
|
47
47
|
files:
|
48
48
|
- lib/wunderfront.rb
|
49
49
|
- stylesheets/_wunderfront.scss
|
50
|
+
- stylesheets/wunderfront/base/_elements.scss
|
51
|
+
- stylesheets/wunderfront/components/_person.scss
|
52
|
+
- stylesheets/wunderfront/components/_team.scss
|
50
53
|
- stylesheets/wunderfront/utilities/_helpers.scss
|
51
54
|
- stylesheets/wunderfront/utilities/_mixins.scss
|
52
55
|
- stylesheets/wunderfront/utilities/_variables.scss
|
53
56
|
- templates/project/Gemfile.txt
|
54
|
-
- templates/project/manifest.rb
|
55
57
|
homepage: https://github.com/lewisnyman/wunderfront-toolkit
|
56
58
|
licenses:
|
57
59
|
- MIT
|
@@ -72,7 +74,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
72
74
|
version: 1.3.6
|
73
75
|
requirements: []
|
74
76
|
rubyforge_project: wunderfront
|
75
|
-
rubygems_version: 2.0.
|
77
|
+
rubygems_version: 2.0.14
|
76
78
|
signing_key:
|
77
79
|
specification_version: 4
|
78
80
|
summary: A frontend toolkit for building websites under the WunderKraut brand.
|
@@ -1,30 +0,0 @@
|
|
1
|
-
description "WunderFront"
|
2
|
-
|
3
|
-
skip_compilation!
|
4
|
-
|
5
|
-
discover :javascripts
|
6
|
-
discover :images
|
7
|
-
discover :fonts
|
8
|
-
|
9
|
-
# file 'Gemfile.txt', :to => 'Gemfile'
|
10
|
-
file 'editorconfig.txt', :to => '.editorconfig'
|
11
|
-
file 'jshintrc.txt', :to => '.jshintrc'
|
12
|
-
file 'csslintrc.txt', :to => '.csslintrc'
|
13
|
-
|
14
|
-
help %Q{
|
15
|
-
Please contact :Lewis Nyman with questions:
|
16
|
-
|
17
|
-
lewis.nyman@wunderkraut.com
|
18
|
-
}
|
19
|
-
|
20
|
-
welcome_message %Q{
|
21
|
-
|
22
|
-
WunderFront
|
23
|
-
|
24
|
-
The awesome template for WunderFront.
|
25
|
-
|
26
|
-
To use the WunderFront, include the following at the top of your Sass file:
|
27
|
-
|
28
|
-
@import "wunderfront";
|
29
|
-
|
30
|
-
}
|