frontend 0.0.1
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/.gitignore +4 -0
- data/Gemfile +4 -0
- data/Rakefile +1 -0
- data/Readme.md +45 -0
- data/frontend.gemspec +23 -0
- data/lib/frontend.rb +6 -0
- data/lib/frontend/version.rb +3 -0
- data/vendor/assets/javascripts/frontend.js.coffee +5 -0
- data/vendor/assets/javascripts/vendor/backbone.localStorage.js +1 -0
- data/vendor/assets/javascripts/vendor/backrub.js.coffee +523 -0
- data/vendor/assets/javascripts/vendor/handlebars.js +1493 -0
- data/vendor/assets/javascripts/vendor/relational.js +1108 -0
- data/vendor/assets/stylesheets/bootstrap.css.scss +2 -0
- data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +25 -0
- data/vendor/assets/stylesheets/bootstrap/forms.css.scss +368 -0
- data/vendor/assets/stylesheets/bootstrap/patterns.scss +769 -0
- data/vendor/assets/stylesheets/bootstrap/preboot.css.scss +275 -0
- data/vendor/assets/stylesheets/bootstrap/reset.scss +146 -0
- data/vendor/assets/stylesheets/bootstrap/scaffolding.scss +204 -0
- data/vendor/assets/stylesheets/bootstrap/tables.scss +148 -0
- data/vendor/assets/stylesheets/bootstrap/type.scss +192 -0
- metadata +90 -0
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Tables.scss
|
|
3
|
+
* Tables for, you guessed it, tabular data
|
|
4
|
+
* ---------------------------------------- */
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
// BASELINE STYLES
|
|
8
|
+
// ---------------
|
|
9
|
+
|
|
10
|
+
table {
|
|
11
|
+
width: 100%;
|
|
12
|
+
margin-bottom: $baseline;
|
|
13
|
+
padding: 0;
|
|
14
|
+
border-collapse: separate;
|
|
15
|
+
font-size: 13px;
|
|
16
|
+
th, td {
|
|
17
|
+
padding: 10px 10px 9px;
|
|
18
|
+
line-height: $baseline * .75;
|
|
19
|
+
text-align: left;
|
|
20
|
+
vertical-align: middle;
|
|
21
|
+
border-bottom: 1px solid #ddd;
|
|
22
|
+
}
|
|
23
|
+
th {
|
|
24
|
+
padding-top: 9px;
|
|
25
|
+
font-weight: bold;
|
|
26
|
+
border-bottom-width: 2px;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
// ZEBRA-STRIPING
|
|
32
|
+
// --------------
|
|
33
|
+
|
|
34
|
+
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
|
35
|
+
.zebra-striped {
|
|
36
|
+
tbody {
|
|
37
|
+
tr:nth-child(odd) td {
|
|
38
|
+
background-color: #f9f9f9;
|
|
39
|
+
}
|
|
40
|
+
tr:hover td {
|
|
41
|
+
background-color: #f5f5f5;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
// Tablesorting styles w/ jQuery plugin
|
|
46
|
+
.header {
|
|
47
|
+
cursor: pointer;
|
|
48
|
+
&:after {
|
|
49
|
+
content: "";
|
|
50
|
+
float: right;
|
|
51
|
+
margin-top: 7px;
|
|
52
|
+
border-width: 0 4px 4px;
|
|
53
|
+
border-style: solid;
|
|
54
|
+
border-color: #000 transparent;
|
|
55
|
+
visibility: hidden;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
// Style the sorted column headers (THs)
|
|
59
|
+
.headerSortUp,
|
|
60
|
+
.headerSortDown {
|
|
61
|
+
background-color: rgba(141,192,219,.25);
|
|
62
|
+
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
|
63
|
+
@include border-radius(3px 3px 0 0);
|
|
64
|
+
}
|
|
65
|
+
// Style the ascending (reverse alphabetical) column header
|
|
66
|
+
.header:hover {
|
|
67
|
+
&:after {
|
|
68
|
+
visibility:visible;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
// Style the descending (alphabetical) column header
|
|
72
|
+
.headerSortDown,
|
|
73
|
+
.headerSortDown:hover {
|
|
74
|
+
&:after {
|
|
75
|
+
visibility:visible;
|
|
76
|
+
@include opacity(60);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
// Style the ascending (reverse alphabetical) column header
|
|
80
|
+
.headerSortUp {
|
|
81
|
+
&:after {
|
|
82
|
+
border-bottom: none;
|
|
83
|
+
border-left: 4px solid transparent;
|
|
84
|
+
border-right: 4px solid transparent;
|
|
85
|
+
border-top: 4px solid #000;
|
|
86
|
+
visibility:visible;
|
|
87
|
+
@include box-shadow(none); //can't add boxshadow to downward facing arrow :(
|
|
88
|
+
@include opacity(60);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
table {
|
|
94
|
+
// Blue Table Headings
|
|
95
|
+
.blue {
|
|
96
|
+
color: $blue;
|
|
97
|
+
border-bottom-color: $blue;
|
|
98
|
+
}
|
|
99
|
+
.headerSortUp.blue,
|
|
100
|
+
.headerSortDown.blue {
|
|
101
|
+
background-color: lighten($blue, 40%);
|
|
102
|
+
}
|
|
103
|
+
// Green Table Headings
|
|
104
|
+
.green {
|
|
105
|
+
color: $green;
|
|
106
|
+
border-bottom-color: $green;
|
|
107
|
+
}
|
|
108
|
+
.headerSortUp.green,
|
|
109
|
+
.headerSortDown.green {
|
|
110
|
+
background-color: lighten($green, 40%);
|
|
111
|
+
}
|
|
112
|
+
// Red Table Headings
|
|
113
|
+
.red {
|
|
114
|
+
color: $red;
|
|
115
|
+
border-bottom-color: $red;
|
|
116
|
+
}
|
|
117
|
+
.headerSortUp.red,
|
|
118
|
+
.headerSortDown.red {
|
|
119
|
+
background-color: lighten($red, 50%);
|
|
120
|
+
}
|
|
121
|
+
// Yellow Table Headings
|
|
122
|
+
.yellow {
|
|
123
|
+
color: $yellow;
|
|
124
|
+
border-bottom-color: $yellow;
|
|
125
|
+
}
|
|
126
|
+
.headerSortUp.yellow,
|
|
127
|
+
.headerSortDown.yellow {
|
|
128
|
+
background-color: lighten($yellow, 40%);
|
|
129
|
+
}
|
|
130
|
+
// Orange Table Headings
|
|
131
|
+
.orange {
|
|
132
|
+
color: $orange;
|
|
133
|
+
border-bottom-color: $orange;
|
|
134
|
+
}
|
|
135
|
+
.headerSortUp.orange,
|
|
136
|
+
.headerSortDown.orange {
|
|
137
|
+
background-color: lighten($orange, 40%);
|
|
138
|
+
}
|
|
139
|
+
// Purple Table Headings
|
|
140
|
+
.purple {
|
|
141
|
+
color: $purple;
|
|
142
|
+
border-bottom-color: $purple;
|
|
143
|
+
}
|
|
144
|
+
.headerSortUp.purple,
|
|
145
|
+
.headerSortDown.purple {
|
|
146
|
+
background-color: lighten($purple, 40%);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
/* Typography.scss
|
|
2
|
+
* Headings, body text, lists, code, and more for a versatile and durable typography system
|
|
3
|
+
* ---------------------------------------------------------------------------------------- */
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
// BODY TEXT
|
|
7
|
+
// ---------
|
|
8
|
+
|
|
9
|
+
p {
|
|
10
|
+
@include shorthand-font(normal,$basefont,$baseline);
|
|
11
|
+
margin-bottom: $baseline / 2;
|
|
12
|
+
small {
|
|
13
|
+
font-size: $basefont - 2;
|
|
14
|
+
color: $grayLight;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
// HEADINGS
|
|
20
|
+
// --------
|
|
21
|
+
|
|
22
|
+
h1, h2, h3, h4, h5, h6 {
|
|
23
|
+
font-weight: bold;
|
|
24
|
+
color: $grayDark;
|
|
25
|
+
small {
|
|
26
|
+
color: $grayLight;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
h1 {
|
|
30
|
+
margin-bottom: $baseline;
|
|
31
|
+
font-size: 30px;
|
|
32
|
+
line-height: $baseline * 2;
|
|
33
|
+
small {
|
|
34
|
+
font-size: 18px;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
h2 {
|
|
38
|
+
font-size: 24px;
|
|
39
|
+
line-height: $baseline * 2;
|
|
40
|
+
small {
|
|
41
|
+
font-size: 14px;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
h3, h4, h5, h6 {
|
|
45
|
+
line-height: $baseline * 2;
|
|
46
|
+
}
|
|
47
|
+
h3 {
|
|
48
|
+
font-size: 18px;
|
|
49
|
+
small {
|
|
50
|
+
font-size: 14px;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
h4 {
|
|
54
|
+
font-size: 16px;
|
|
55
|
+
small {
|
|
56
|
+
font-size: 12px;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
h5 {
|
|
60
|
+
font-size: 14px;
|
|
61
|
+
}
|
|
62
|
+
h6 {
|
|
63
|
+
font-size: 13px;
|
|
64
|
+
color: $grayLight;
|
|
65
|
+
text-transform: uppercase;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.up {
|
|
69
|
+
text-transform: uppercase;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
// COLORS
|
|
74
|
+
// ------
|
|
75
|
+
|
|
76
|
+
// Unordered and Ordered lists
|
|
77
|
+
ul, ol {
|
|
78
|
+
margin: 0 0 $baseline 25px;
|
|
79
|
+
}
|
|
80
|
+
ul ul,
|
|
81
|
+
ul ol,
|
|
82
|
+
ol ol,
|
|
83
|
+
ol ul {
|
|
84
|
+
margin-bottom: 0;
|
|
85
|
+
}
|
|
86
|
+
ul {
|
|
87
|
+
list-style: disc;
|
|
88
|
+
}
|
|
89
|
+
ol {
|
|
90
|
+
list-style: decimal;
|
|
91
|
+
}
|
|
92
|
+
li {
|
|
93
|
+
line-height: $baseline;
|
|
94
|
+
color: $gray;
|
|
95
|
+
}
|
|
96
|
+
ul.unstyled {
|
|
97
|
+
list-style: none;
|
|
98
|
+
margin-left: 0;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
// Description Lists
|
|
102
|
+
dl {
|
|
103
|
+
margin-bottom: $baseline;
|
|
104
|
+
dt, dd {
|
|
105
|
+
line-height: $baseline;
|
|
106
|
+
}
|
|
107
|
+
dt {
|
|
108
|
+
font-weight: bold;
|
|
109
|
+
}
|
|
110
|
+
dd {
|
|
111
|
+
margin-left: $baseline / 2;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
// MISC
|
|
116
|
+
// ----
|
|
117
|
+
|
|
118
|
+
// Horizontal rules
|
|
119
|
+
hr {
|
|
120
|
+
margin: 0 0 19px;
|
|
121
|
+
border: 0;
|
|
122
|
+
border-bottom: 1px solid #eee;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
// Emphasis
|
|
126
|
+
strong {
|
|
127
|
+
font-style: inherit;
|
|
128
|
+
font-weight: bold;
|
|
129
|
+
line-height: inherit;
|
|
130
|
+
}
|
|
131
|
+
em {
|
|
132
|
+
font-style: italic;
|
|
133
|
+
font-weight: inherit;
|
|
134
|
+
line-height: inherit;
|
|
135
|
+
}
|
|
136
|
+
.muted {
|
|
137
|
+
color: $grayLight;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
// Blockquotes
|
|
141
|
+
blockquote {
|
|
142
|
+
margin-bottom: $baseline;
|
|
143
|
+
border-left: 5px solid #eee;
|
|
144
|
+
padding-left: 15px;
|
|
145
|
+
p {
|
|
146
|
+
@include shorthand-font(300,14px,$baseline);
|
|
147
|
+
margin-bottom: 0;
|
|
148
|
+
}
|
|
149
|
+
small {
|
|
150
|
+
display: block;
|
|
151
|
+
@include shorthand-font(300,12px,$baseline);
|
|
152
|
+
color: $grayLight;
|
|
153
|
+
&:before {
|
|
154
|
+
content: '\2014 \00A0';
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
// Addresses
|
|
160
|
+
address {
|
|
161
|
+
display: block;
|
|
162
|
+
line-height: $baseline;
|
|
163
|
+
margin-bottom: $baseline;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
// Inline and block code styles
|
|
167
|
+
code, pre {
|
|
168
|
+
padding: 0 3px 2px;
|
|
169
|
+
font-family: Monaco, Andale Mono, Courier New, monospace;
|
|
170
|
+
font-size: 12px;
|
|
171
|
+
@include border-radius(3px);
|
|
172
|
+
}
|
|
173
|
+
code {
|
|
174
|
+
background-color: lighten($orange, 40%);
|
|
175
|
+
color: rgba(0,0,0,.75);
|
|
176
|
+
padding: 1px 3px;
|
|
177
|
+
}
|
|
178
|
+
pre {
|
|
179
|
+
background-color: #f5f5f5;
|
|
180
|
+
display: block;
|
|
181
|
+
padding: $baseline - 1;
|
|
182
|
+
margin: 0 0 $baseline;
|
|
183
|
+
line-height: $baseline;
|
|
184
|
+
font-size: 12px;
|
|
185
|
+
border: 1px solid #ccc;
|
|
186
|
+
border: 1px solid rgba(0,0,0,.15);
|
|
187
|
+
@include border-radius(3px);
|
|
188
|
+
white-space: pre;
|
|
189
|
+
white-space: pre-wrap;
|
|
190
|
+
word-wrap: break-word;
|
|
191
|
+
|
|
192
|
+
}
|
metadata
ADDED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: frontend
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.0.1
|
|
5
|
+
prerelease:
|
|
6
|
+
platform: ruby
|
|
7
|
+
authors:
|
|
8
|
+
- Ivan Vanderbyl
|
|
9
|
+
autorequire:
|
|
10
|
+
bindir: bin
|
|
11
|
+
cert_chain: []
|
|
12
|
+
date: 2011-09-08 00:00:00.000000000Z
|
|
13
|
+
dependencies:
|
|
14
|
+
- !ruby/object:Gem::Dependency
|
|
15
|
+
name: rails
|
|
16
|
+
requirement: &70346225133740 !ruby/object:Gem::Requirement
|
|
17
|
+
none: false
|
|
18
|
+
requirements:
|
|
19
|
+
- - ~>
|
|
20
|
+
- !ruby/object:Gem::Version
|
|
21
|
+
version: 3.1.0
|
|
22
|
+
type: :runtime
|
|
23
|
+
prerelease: false
|
|
24
|
+
version_requirements: *70346225133740
|
|
25
|
+
- !ruby/object:Gem::Dependency
|
|
26
|
+
name: rails-backbone
|
|
27
|
+
requirement: &70346225133240 !ruby/object:Gem::Requirement
|
|
28
|
+
none: false
|
|
29
|
+
requirements:
|
|
30
|
+
- - ~>
|
|
31
|
+
- !ruby/object:Gem::Version
|
|
32
|
+
version: 0.5.3
|
|
33
|
+
type: :runtime
|
|
34
|
+
prerelease: false
|
|
35
|
+
version_requirements: *70346225133240
|
|
36
|
+
description: ! 'Includes: jQuery, Backbone, Backbone.localStorage, Backrub, Handlebars,
|
|
37
|
+
Twitter Bootstrap (SCSS) and more.'
|
|
38
|
+
email:
|
|
39
|
+
- ivanvanderbyl@me.com
|
|
40
|
+
executables: []
|
|
41
|
+
extensions: []
|
|
42
|
+
extra_rdoc_files: []
|
|
43
|
+
files:
|
|
44
|
+
- .gitignore
|
|
45
|
+
- Gemfile
|
|
46
|
+
- Rakefile
|
|
47
|
+
- Readme.md
|
|
48
|
+
- frontend.gemspec
|
|
49
|
+
- lib/frontend.rb
|
|
50
|
+
- lib/frontend/version.rb
|
|
51
|
+
- vendor/assets/javascripts/frontend.js.coffee
|
|
52
|
+
- vendor/assets/javascripts/vendor/backbone.localStorage.js
|
|
53
|
+
- vendor/assets/javascripts/vendor/backrub.js.coffee
|
|
54
|
+
- vendor/assets/javascripts/vendor/handlebars.js
|
|
55
|
+
- vendor/assets/javascripts/vendor/relational.js
|
|
56
|
+
- vendor/assets/stylesheets/bootstrap.css.scss
|
|
57
|
+
- vendor/assets/stylesheets/bootstrap/bootstrap.scss
|
|
58
|
+
- vendor/assets/stylesheets/bootstrap/forms.css.scss
|
|
59
|
+
- vendor/assets/stylesheets/bootstrap/patterns.scss
|
|
60
|
+
- vendor/assets/stylesheets/bootstrap/preboot.css.scss
|
|
61
|
+
- vendor/assets/stylesheets/bootstrap/reset.scss
|
|
62
|
+
- vendor/assets/stylesheets/bootstrap/scaffolding.scss
|
|
63
|
+
- vendor/assets/stylesheets/bootstrap/tables.scss
|
|
64
|
+
- vendor/assets/stylesheets/bootstrap/type.scss
|
|
65
|
+
homepage: http://github.com/ivanvanderbyl/frontend
|
|
66
|
+
licenses: []
|
|
67
|
+
post_install_message:
|
|
68
|
+
rdoc_options: []
|
|
69
|
+
require_paths:
|
|
70
|
+
- lib
|
|
71
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
72
|
+
none: false
|
|
73
|
+
requirements:
|
|
74
|
+
- - ! '>='
|
|
75
|
+
- !ruby/object:Gem::Version
|
|
76
|
+
version: '0'
|
|
77
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
78
|
+
none: false
|
|
79
|
+
requirements:
|
|
80
|
+
- - ! '>='
|
|
81
|
+
- !ruby/object:Gem::Version
|
|
82
|
+
version: '0'
|
|
83
|
+
requirements: []
|
|
84
|
+
rubyforge_project:
|
|
85
|
+
rubygems_version: 1.8.7
|
|
86
|
+
signing_key:
|
|
87
|
+
specification_version: 3
|
|
88
|
+
summary: A Rails 3.1 engine which provides Javascript libraries and CSS frameworks
|
|
89
|
+
for rapidly prototyping advanced frontends
|
|
90
|
+
test_files: []
|