locker_kit 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/MIT-LICENSE +20 -0
- data/Rakefile +37 -0
- data/app/assets/javascripts/locker_kit/application.js +13 -0
- data/app/assets/stylesheets/locker_kit.scss +26 -0
- data/app/assets/stylesheets/locker_kit/application.css +15 -0
- data/app/assets/stylesheets/locker_kit/base/_config.scss +58 -0
- data/app/assets/stylesheets/locker_kit/base/_forms.scss +42 -0
- data/app/assets/stylesheets/locker_kit/base/_links.scss +13 -0
- data/app/assets/stylesheets/locker_kit/base/_mixins.scss +34 -0
- data/app/assets/stylesheets/locker_kit/base/_normalize.scss +396 -0
- data/app/assets/stylesheets/locker_kit/base/_print.scss +95 -0
- data/app/assets/stylesheets/locker_kit/base/_type.scss +87 -0
- data/app/assets/stylesheets/locker_kit/base/_utilities.scss +24 -0
- data/app/assets/stylesheets/locker_kit/base/body_styles.scss +16 -0
- data/app/assets/stylesheets/locker_kit/components/_navbar.scss +37 -0
- data/app/assets/stylesheets/locker_kit/components/_ui-card.scss +16 -0
- data/app/assets/stylesheets/locker_kit/components/_well.scss +34 -0
- data/app/assets/stylesheets/locker_kit/components/_widget.scss +19 -0
- data/app/assets/stylesheets/locker_kit/layouts/base.scss +34 -0
- data/app/assets/stylesheets/locker_kit/pygments.scss +68 -0
- data/app/assets/stylesheets/locker_kit/styleguide.scss +88 -0
- data/app/controllers/locker_kit/application_controller.rb +6 -0
- data/app/controllers/locker_kit/styleguide/base_controller.rb +10 -0
- data/app/controllers/locker_kit/styleguide/components_controller.rb +7 -0
- data/app/controllers/locker_kit/styleguide/layouts_controller.rb +8 -0
- data/app/helpers/locker_kit/application_helper.rb +11 -0
- data/app/views/layouts/locker_kit/_header.html.erb +7 -0
- data/app/views/layouts/locker_kit/_side_nav.html.erb +19 -0
- data/app/views/layouts/locker_kit/_top_nav_bar.html.erb +10 -0
- data/app/views/layouts/locker_kit/application.html.erb +17 -0
- data/app/views/layouts/locker_kit/layout_examples.html.erb +23 -0
- data/app/views/locker_kit/styleguide/base/body_copy.html.erb +101 -0
- data/app/views/locker_kit/styleguide/base/colors.html.erb +17 -0
- data/app/views/locker_kit/styleguide/base/forms.html.erb +55 -0
- data/app/views/locker_kit/styleguide/base/headings.html.erb +25 -0
- data/app/views/locker_kit/styleguide/base/links.html.erb +13 -0
- data/app/views/locker_kit/styleguide/base/lists.html.erb +44 -0
- data/app/views/locker_kit/styleguide/components/navbar.html.erb +50 -0
- data/app/views/locker_kit/styleguide/components/well.html.erb +59 -0
- data/app/views/locker_kit/styleguide/layouts/centered_small.html.erb +39 -0
- data/app/views/locker_kit/styleguide/layouts/locker.html.erb +52 -0
- data/config/routes.rb +28 -0
- data/lib/locker_kit.rb +4 -0
- data/lib/locker_kit/engine.rb +13 -0
- data/lib/locker_kit/version.rb +3 -0
- data/lib/tasks/locker_kit_tasks.rake +4 -0
- data/test/dummy/README.rdoc +28 -0
- data/test/dummy/Rakefile +6 -0
- data/test/dummy/app/assets/javascripts/application.js +13 -0
- data/test/dummy/app/assets/stylesheets/application.css +15 -0
- data/test/dummy/app/assets/stylesheets/styleguide.scss +0 -0
- data/test/dummy/app/controllers/application_controller.rb +5 -0
- data/test/dummy/app/helpers/application_helper.rb +2 -0
- data/test/dummy/app/views/layouts/application.html.erb +14 -0
- data/test/dummy/bin/bundle +3 -0
- data/test/dummy/bin/rails +4 -0
- data/test/dummy/bin/rake +4 -0
- data/test/dummy/bin/setup +29 -0
- data/test/dummy/config.ru +4 -0
- data/test/dummy/config/application.rb +26 -0
- data/test/dummy/config/boot.rb +5 -0
- data/test/dummy/config/database.yml +25 -0
- data/test/dummy/config/environment.rb +5 -0
- data/test/dummy/config/environments/development.rb +41 -0
- data/test/dummy/config/environments/production.rb +77 -0
- data/test/dummy/config/environments/test.rb +42 -0
- data/test/dummy/config/initializers/assets.rb +11 -0
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
- data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/test/dummy/config/initializers/inflections.rb +16 -0
- data/test/dummy/config/initializers/mime_types.rb +4 -0
- data/test/dummy/config/initializers/session_store.rb +3 -0
- data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/test/dummy/config/locales/en.yml +23 -0
- data/test/dummy/config/routes.rb +4 -0
- data/test/dummy/config/secrets.yml +22 -0
- data/test/dummy/db/development.sqlite3 +0 -0
- data/test/dummy/db/test.sqlite3 +0 -0
- data/test/dummy/log/development.log +34011 -0
- data/test/dummy/public/404.html +67 -0
- data/test/dummy/public/422.html +67 -0
- data/test/dummy/public/500.html +66 -0
- data/test/dummy/public/favicon.ico +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/04c25abe538d740770dc57f0bc99c57bfb9d893b/base.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/1c982e9e357d042808eb40b8aba6ae6c7d85b403/_config.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/1c982e9e357d042808eb40b8aba6ae6c7d85b403/_forms.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/1c982e9e357d042808eb40b8aba6ae6c7d85b403/_links.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/1c982e9e357d042808eb40b8aba6ae6c7d85b403/_mixins.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/1c982e9e357d042808eb40b8aba6ae6c7d85b403/_normalize.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/1c982e9e357d042808eb40b8aba6ae6c7d85b403/_print.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/1c982e9e357d042808eb40b8aba6ae6c7d85b403/_type.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/1c982e9e357d042808eb40b8aba6ae6c7d85b403/_utilities.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/1c982e9e357d042808eb40b8aba6ae6c7d85b403/_variables.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/1c982e9e357d042808eb40b8aba6ae6c7d85b403/body_styles.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/48aca46cc4025326b9b5b1957de890441ce64f23/locker_kit.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8f1c3463f4fbd3ca810d5502e43339ba5cd36985/_navbar.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8f1c3463f4fbd3ca810d5502e43339ba5cd36985/_ui-card.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8f1c3463f4fbd3ca810d5502e43339ba5cd36985/_well.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/8f1c3463f4fbd3ca810d5502e43339ba5cd36985/_widget.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/c977669eb5330d310df3a7a4620988dcbe00d39c/pygments.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/c977669eb5330d310df3a7a4620988dcbe00d39c/styleguide.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/d60cb54163a01f9dde191aee03e10cf0dab38c91/styleguide.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sass/d8a589a1c20f32882862cac6c238751d7f39e5e2/sprockets-octicons.scssc +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/1173e509d17f7a3706741d0832238ee0 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/13fe41fee1fe35b49d145bcc06610705 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/1e3bcc1264e96c96c640d98cb7c5d191 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/20ddd85221f85cd3ba7ff96f63d706da +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2bd69b46958f010e4365dc9f5381e02f +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2cd351c7ee96b365f27beb00c7ff9eb8 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2f5173deea6c795b8fdde723bb4b63af +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/2fa87e81557ca7a5c9944388cf229dfa +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/357970feca3ac29060c1e3861e2c0953 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3f3bcd9651e7826e8390f40e1b5b8c53 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/3fcf5e62de3690143743c8ed45b0e8dd +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/4b30a256940679580ca1043379a081e9 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/50e29d62f8dc2a0cdf2010173a132302 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/52e2f8c931d0a797e4bc765637830c40 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/5e989de141d42cf88bb8934bfd74a3a1 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/6372ad07abce965721d97cc18510d8a7 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/6ca4d0be9555778d16245cc27cb7aae5 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/87cab5925c6073796746cb35cdbf23e2 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/8c9fb025237e181603a7a019e0016d4e +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/990990a53d0e47f2fcf8395e95ac8117 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/9d4dd787b3039856436c84f5e98ff86b +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/ba15e5dc70970da0390b68e37aa27113 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/ba241e318cd26986f118054baad3d9f1 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/bb9a79e50e1a3cf5ad6c55cdb083a5d3 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c3ad8be3403058e5b2d0c2cfcd707a84 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/c81153e58e296e073152f29659c6b038 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/cd5543cd37208d0ed26caee95b3db8bf +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/cffd775d018f68ce5dba1ee0d951a994 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d2bb620e99ee3dffac5d16b7c36b989f +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/d771ace226fc8215a3572e0aa35bb0d6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/dc9a6afcd1d8f8af292e8bf436bd8554 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/e00181a4c76f9e24a3c03ee77e67e107 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/ec00e9e1bd60727d575e90ace670c4b6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f184b7bbbbeb381c2b163c99efa4d0a3 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f2bb20b648f6e9d4e68015f71051553a +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f69ff96ed1de235c73899373c1ad340e +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f7cbd26ba1d28d48de824f0e94586655 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/f9da7383a788fbf20b6ac16b1f2a8ad6 +0 -0
- data/test/dummy/tmp/cache/assets/development/sprockets/fe447ecb0f7c4ffa93ca2caa9cb13229 +0 -0
- data/test/dummy/tmp/pids/server.pid +1 -0
- data/test/integration/navigation_test.rb +10 -0
- data/test/locker_kit_test.rb +7 -0
- data/test/test_helper.rb +16 -0
- metadata +362 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 6085b1818a039c8c7512a3d5621d29d40d592b16
|
4
|
+
data.tar.gz: 7e873d266e252d252cf1c13bc2e62ebd1a02b3bb
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 25962269d3dafc65932a6abaea802e13412662360c476f69fb264c1e5e296eba23495c87aea05265880cd8bb31321ac0d6007b28daed4e5aa577c35d77b38054
|
7
|
+
data.tar.gz: b97e20a06c6d14ac2e40d0c97985dd920dbcb1b7f83de07ec19ad59eecafea97560682ae4ef44f801b6c97c2dab221e2b7740c0abd4fc90c45ab283ebcc3d0a0
|
data/MIT-LICENSE
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
Copyright 2014 Patrick Koperwas
|
2
|
+
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
4
|
+
a copy of this software and associated documentation files (the
|
5
|
+
"Software"), to deal in the Software without restriction, including
|
6
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
7
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
8
|
+
permit persons to whom the Software is furnished to do so, subject to
|
9
|
+
the following conditions:
|
10
|
+
|
11
|
+
The above copyright notice and this permission notice shall be
|
12
|
+
included in all copies or substantial portions of the Software.
|
13
|
+
|
14
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
15
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
16
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
17
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
18
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
19
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
20
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/Rakefile
ADDED
@@ -0,0 +1,37 @@
|
|
1
|
+
begin
|
2
|
+
require 'bundler/setup'
|
3
|
+
rescue LoadError
|
4
|
+
puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
|
5
|
+
end
|
6
|
+
|
7
|
+
require 'rdoc/task'
|
8
|
+
|
9
|
+
RDoc::Task.new(:rdoc) do |rdoc|
|
10
|
+
rdoc.rdoc_dir = 'rdoc'
|
11
|
+
rdoc.title = 'LockerKit'
|
12
|
+
rdoc.options << '--line-numbers'
|
13
|
+
rdoc.rdoc_files.include('README.rdoc')
|
14
|
+
rdoc.rdoc_files.include('lib/**/*.rb')
|
15
|
+
end
|
16
|
+
|
17
|
+
APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
|
18
|
+
load 'rails/tasks/engine.rake'
|
19
|
+
|
20
|
+
|
21
|
+
load 'rails/tasks/statistics.rake'
|
22
|
+
|
23
|
+
|
24
|
+
|
25
|
+
Bundler::GemHelper.install_tasks
|
26
|
+
|
27
|
+
require 'rake/testtask'
|
28
|
+
|
29
|
+
Rake::TestTask.new(:test) do |t|
|
30
|
+
t.libs << 'lib'
|
31
|
+
t.libs << 'test'
|
32
|
+
t.pattern = 'test/**/*_test.rb'
|
33
|
+
t.verbose = false
|
34
|
+
end
|
35
|
+
|
36
|
+
|
37
|
+
task default: :test
|
@@ -0,0 +1,13 @@
|
|
1
|
+
// This is a manifest file that'll be compiled into application.js, which will include all the files
|
2
|
+
// listed below.
|
3
|
+
//
|
4
|
+
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
|
5
|
+
// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
|
6
|
+
//
|
7
|
+
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
|
8
|
+
// compiled file.
|
9
|
+
//
|
10
|
+
// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
|
11
|
+
// about supported directives.
|
12
|
+
//
|
13
|
+
//= require_tree .
|
@@ -0,0 +1,26 @@
|
|
1
|
+
//= require octicons/octicons/sprockets-octicons
|
2
|
+
|
3
|
+
@import "locker_kit/base/config";
|
4
|
+
@import "locker_kit/base/mixins";
|
5
|
+
@import "locker_kit/base/normalize";
|
6
|
+
@import "locker_kit/base/print";
|
7
|
+
@import "locker_kit/base/utilities";
|
8
|
+
|
9
|
+
// Base
|
10
|
+
@import "locker_kit/base/type";
|
11
|
+
@import "locker_kit/base/links";
|
12
|
+
@import "locker_kit/base/forms";
|
13
|
+
@import "locker_kit/base/body_styles";
|
14
|
+
|
15
|
+
// Components
|
16
|
+
@import "locker_kit/components/navbar";
|
17
|
+
@import "locker_kit/components/ui-card";
|
18
|
+
@import "locker_kit/components/well";
|
19
|
+
@import "locker_kit/components/widget";
|
20
|
+
|
21
|
+
// Layouts
|
22
|
+
@import "locker_kit/layouts/base";
|
23
|
+
|
24
|
+
// Styleguide
|
25
|
+
@import "locker_kit/pygments";
|
26
|
+
@import "locker_kit/styleguide";
|
@@ -0,0 +1,15 @@
|
|
1
|
+
/*
|
2
|
+
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
3
|
+
* listed below.
|
4
|
+
*
|
5
|
+
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
|
6
|
+
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
|
7
|
+
*
|
8
|
+
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
|
9
|
+
* compiled file so the styles you add here take precedence over styles defined in any styles
|
10
|
+
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
|
11
|
+
* file per style scope.
|
12
|
+
*
|
13
|
+
*= require locker_kit
|
14
|
+
*= require_self
|
15
|
+
*/
|
@@ -0,0 +1,58 @@
|
|
1
|
+
// Global Config
|
2
|
+
// ---------
|
3
|
+
|
4
|
+
// Font Stacks
|
5
|
+
$font-url--google : "http://fonts.googleapis.com/css?family=Roboto+Slab:300,700,400";
|
6
|
+
$font-family--primary : "Roboto Slab", "Palatino", "Georgia", serif;
|
7
|
+
$font-family--secondary : "Source Sans Pro", sans-serif;
|
8
|
+
$font-family--code : "Source Code Pro", monospace;
|
9
|
+
|
10
|
+
// Font Weights
|
11
|
+
$font-weight--light : 300;
|
12
|
+
$font-weight--medium : 400;
|
13
|
+
$font-weight--bold : 700;
|
14
|
+
|
15
|
+
//Base Colors
|
16
|
+
$white : #fff;
|
17
|
+
$black : #0b0b0b;
|
18
|
+
$gray : #797e83;
|
19
|
+
$dark-gray : #333;
|
20
|
+
$muted : $gray;
|
21
|
+
$sand-gray : #f8f6f1;
|
22
|
+
|
23
|
+
// Descriptive Colors
|
24
|
+
$sand : #f5f2eb;
|
25
|
+
$brown : #e0ddd3;
|
26
|
+
$blue : #2170a6;
|
27
|
+
$red : #ce1c1c;
|
28
|
+
$green : #21cf21;
|
29
|
+
|
30
|
+
// Color Usage
|
31
|
+
$color-primary : $sand;
|
32
|
+
$color-secondary : $brown;
|
33
|
+
$color-accent : $blue;
|
34
|
+
$color-highlight : $red;
|
35
|
+
$color-shadow : rgba($black, .2);
|
36
|
+
|
37
|
+
// UI Colors
|
38
|
+
$ui-colors: (
|
39
|
+
default : $sand,
|
40
|
+
success : $green,
|
41
|
+
error : $red,
|
42
|
+
warning : $red,
|
43
|
+
info : $blue
|
44
|
+
);
|
45
|
+
|
46
|
+
// Text
|
47
|
+
$base-font-size : 16px;
|
48
|
+
$base-line : 24px;
|
49
|
+
|
50
|
+
// Breakpoints
|
51
|
+
$break-small: 768px;
|
52
|
+
|
53
|
+
// Deprecated
|
54
|
+
$headings-font-family : "Roboto Slab", serif;
|
55
|
+
$sans-font-family: "Source Sans Pro", sans-serif;
|
56
|
+
$monospace-font-family: "Source Code Pro", monospace;
|
57
|
+
$font-default-weight: 400;
|
58
|
+
$font-bold-weight: 600;
|
@@ -0,0 +1,42 @@
|
|
1
|
+
.form-group {
|
2
|
+
margin: 16px 0;
|
3
|
+
}
|
4
|
+
|
5
|
+
label {
|
6
|
+
display: inline-block;
|
7
|
+
margin-bottom: 5px;
|
8
|
+
max-width: 100%;
|
9
|
+
color: #666;
|
10
|
+
font-size: 90%;
|
11
|
+
}
|
12
|
+
|
13
|
+
// For inputs, use the input-form class
|
14
|
+
.input-form {
|
15
|
+
background-color: $white;
|
16
|
+
background-image: none;
|
17
|
+
border: none;
|
18
|
+
border-bottom: 1px solid #ddd;
|
19
|
+
color: $dark-gray;
|
20
|
+
display: block;
|
21
|
+
font-size: $font-size-base;
|
22
|
+
line-height: $line-height-base;
|
23
|
+
padding: 0 0 4px 0;
|
24
|
+
width: 100%;
|
25
|
+
|
26
|
+
&:focus {
|
27
|
+
outline: none;
|
28
|
+
border-color: $blue;
|
29
|
+
}
|
30
|
+
|
31
|
+
&.errored { border-color: $red; }
|
32
|
+
&.focused { border-color: $blue; }
|
33
|
+
}
|
34
|
+
|
35
|
+
// Submit Groups
|
36
|
+
.submit-split {
|
37
|
+
@include clearfix();
|
38
|
+
|
39
|
+
a {
|
40
|
+
float: right;
|
41
|
+
}
|
42
|
+
}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
@mixin clearfix() {
|
2
|
+
&:before,
|
3
|
+
&:after {
|
4
|
+
content: " "; // 1
|
5
|
+
display: table; // 2
|
6
|
+
}
|
7
|
+
&:after {
|
8
|
+
clear: both;
|
9
|
+
}
|
10
|
+
}
|
11
|
+
.clearfix {
|
12
|
+
@include clearfix();
|
13
|
+
}
|
14
|
+
|
15
|
+
@mixin link-on-hover() {
|
16
|
+
color: $dark-gray;
|
17
|
+
&:hover { color: $blue; }
|
18
|
+
&:active { color: $blue; }
|
19
|
+
}
|
20
|
+
|
21
|
+
// Places padding in between consecutive spans
|
22
|
+
@mixin spaced-out-spans {
|
23
|
+
span {
|
24
|
+
padding: 0 6px;
|
25
|
+
|
26
|
+
&:first-child {
|
27
|
+
padding-left: 0;
|
28
|
+
}
|
29
|
+
|
30
|
+
&:last-child {
|
31
|
+
padding-right: 0;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
@@ -0,0 +1,396 @@
|
|
1
|
+
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
|
2
|
+
|
3
|
+
// ==========================================================================
|
4
|
+
// HTML5 display definitions
|
5
|
+
// ==========================================================================
|
6
|
+
|
7
|
+
//
|
8
|
+
// Correct `block` display not defined in IE 8/9.
|
9
|
+
//
|
10
|
+
|
11
|
+
article,
|
12
|
+
aside,
|
13
|
+
details,
|
14
|
+
figcaption,
|
15
|
+
figure,
|
16
|
+
footer,
|
17
|
+
header,
|
18
|
+
hgroup,
|
19
|
+
main,
|
20
|
+
nav,
|
21
|
+
section,
|
22
|
+
summary {
|
23
|
+
display: block;
|
24
|
+
}
|
25
|
+
|
26
|
+
//
|
27
|
+
// Correct `inline-block` display not defined in IE 8/9.
|
28
|
+
//
|
29
|
+
|
30
|
+
audio,
|
31
|
+
canvas,
|
32
|
+
video {
|
33
|
+
display: inline-block;
|
34
|
+
}
|
35
|
+
|
36
|
+
//
|
37
|
+
// Prevent modern browsers from displaying `audio` without controls.
|
38
|
+
// Remove excess height in iOS 5 devices.
|
39
|
+
//
|
40
|
+
|
41
|
+
audio:not([controls]) {
|
42
|
+
display: none;
|
43
|
+
height: 0;
|
44
|
+
}
|
45
|
+
|
46
|
+
//
|
47
|
+
// Address styling not present in IE 8/9.
|
48
|
+
//
|
49
|
+
|
50
|
+
[hidden] {
|
51
|
+
display: none;
|
52
|
+
}
|
53
|
+
|
54
|
+
// ==========================================================================
|
55
|
+
// Base
|
56
|
+
// ==========================================================================
|
57
|
+
|
58
|
+
//
|
59
|
+
// 1. Set default font family to sans-serif.
|
60
|
+
// 2. Prevent iOS text size adjust after orientation change, without disabling
|
61
|
+
// user zoom.
|
62
|
+
//
|
63
|
+
|
64
|
+
html {
|
65
|
+
font-family: sans-serif; // 1
|
66
|
+
-webkit-text-size-adjust: 100%; // 2
|
67
|
+
-ms-text-size-adjust: 100%; // 2
|
68
|
+
}
|
69
|
+
|
70
|
+
//
|
71
|
+
// Remove default margin.
|
72
|
+
//
|
73
|
+
|
74
|
+
body {
|
75
|
+
margin: 0;
|
76
|
+
}
|
77
|
+
|
78
|
+
// ==========================================================================
|
79
|
+
// Links
|
80
|
+
// ==========================================================================
|
81
|
+
|
82
|
+
//
|
83
|
+
// Address `outline` inconsistency between Chrome and other browsers.
|
84
|
+
//
|
85
|
+
|
86
|
+
a:focus {
|
87
|
+
outline: thin dotted;
|
88
|
+
}
|
89
|
+
|
90
|
+
//
|
91
|
+
// Improve readability when focused and also mouse hovered in all browsers.
|
92
|
+
//
|
93
|
+
|
94
|
+
a:active,
|
95
|
+
a:hover {
|
96
|
+
outline: 0;
|
97
|
+
}
|
98
|
+
|
99
|
+
// ==========================================================================
|
100
|
+
// Typography
|
101
|
+
// ==========================================================================
|
102
|
+
|
103
|
+
//
|
104
|
+
// Address variable `h1` font-size and margin within `section` and `article`
|
105
|
+
// contexts in Firefox 4+, Safari 5, and Chrome.
|
106
|
+
//
|
107
|
+
|
108
|
+
h1 {
|
109
|
+
font-size: 2em;
|
110
|
+
margin: 0.67em 0;
|
111
|
+
}
|
112
|
+
|
113
|
+
//
|
114
|
+
// Address styling not present in IE 8/9, Safari 5, and Chrome.
|
115
|
+
//
|
116
|
+
|
117
|
+
abbr[title] {
|
118
|
+
border-bottom: 1px dotted;
|
119
|
+
}
|
120
|
+
|
121
|
+
//
|
122
|
+
// Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
123
|
+
//
|
124
|
+
|
125
|
+
b,
|
126
|
+
strong {
|
127
|
+
font-weight: bold;
|
128
|
+
}
|
129
|
+
|
130
|
+
//
|
131
|
+
// Address styling not present in Safari 5 and Chrome.
|
132
|
+
//
|
133
|
+
|
134
|
+
dfn {
|
135
|
+
font-style: italic;
|
136
|
+
}
|
137
|
+
|
138
|
+
//
|
139
|
+
// Address differences between Firefox and other browsers.
|
140
|
+
//
|
141
|
+
|
142
|
+
hr {
|
143
|
+
-moz-box-sizing: content-box;
|
144
|
+
box-sizing: content-box;
|
145
|
+
height: 0;
|
146
|
+
}
|
147
|
+
|
148
|
+
//
|
149
|
+
// Address styling not present in IE 8/9.
|
150
|
+
//
|
151
|
+
|
152
|
+
mark {
|
153
|
+
background: #ff0;
|
154
|
+
color: #000;
|
155
|
+
}
|
156
|
+
|
157
|
+
//
|
158
|
+
// Correct font family set oddly in Safari 5 and Chrome.
|
159
|
+
//
|
160
|
+
|
161
|
+
code,
|
162
|
+
kbd,
|
163
|
+
pre,
|
164
|
+
samp {
|
165
|
+
font-family: monospace, serif;
|
166
|
+
font-size: 1em;
|
167
|
+
}
|
168
|
+
|
169
|
+
//
|
170
|
+
// Improve readability of pre-formatted text in all browsers.
|
171
|
+
//
|
172
|
+
|
173
|
+
pre {
|
174
|
+
white-space: pre-wrap;
|
175
|
+
}
|
176
|
+
|
177
|
+
//
|
178
|
+
// Set consistent quote types.
|
179
|
+
//
|
180
|
+
|
181
|
+
q {
|
182
|
+
quotes: "\201C" "\201D" "\2018" "\2019";
|
183
|
+
}
|
184
|
+
|
185
|
+
//
|
186
|
+
// Address inconsistent and variable font size in all browsers.
|
187
|
+
//
|
188
|
+
|
189
|
+
small {
|
190
|
+
font-size: 80%;
|
191
|
+
}
|
192
|
+
|
193
|
+
//
|
194
|
+
// Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
195
|
+
//
|
196
|
+
|
197
|
+
sub,
|
198
|
+
sup {
|
199
|
+
font-size: 75%;
|
200
|
+
line-height: 0;
|
201
|
+
position: relative;
|
202
|
+
vertical-align: baseline;
|
203
|
+
}
|
204
|
+
|
205
|
+
sup {
|
206
|
+
top: -0.5em;
|
207
|
+
}
|
208
|
+
|
209
|
+
sub {
|
210
|
+
bottom: -0.25em;
|
211
|
+
}
|
212
|
+
|
213
|
+
// ==========================================================================
|
214
|
+
// Embedded content
|
215
|
+
// ==========================================================================
|
216
|
+
|
217
|
+
//
|
218
|
+
// Remove border when inside `a` element in IE 8/9.
|
219
|
+
//
|
220
|
+
|
221
|
+
img {
|
222
|
+
border: 0;
|
223
|
+
}
|
224
|
+
|
225
|
+
//
|
226
|
+
// Correct overflow displayed oddly in IE 9.
|
227
|
+
//
|
228
|
+
|
229
|
+
svg:not(:root) {
|
230
|
+
overflow: hidden;
|
231
|
+
}
|
232
|
+
|
233
|
+
// ==========================================================================
|
234
|
+
// Figures
|
235
|
+
// ==========================================================================
|
236
|
+
|
237
|
+
//
|
238
|
+
// Address margin not present in IE 8/9 and Safari 5.
|
239
|
+
//
|
240
|
+
|
241
|
+
figure {
|
242
|
+
margin: 0;
|
243
|
+
}
|
244
|
+
|
245
|
+
// ==========================================================================
|
246
|
+
// Forms
|
247
|
+
// ==========================================================================
|
248
|
+
|
249
|
+
//
|
250
|
+
// Define consistent border, margin, and padding.
|
251
|
+
//
|
252
|
+
|
253
|
+
fieldset {
|
254
|
+
border: 1px solid #c0c0c0;
|
255
|
+
margin: 0 2px;
|
256
|
+
padding: 0.35em 0.625em 0.75em;
|
257
|
+
}
|
258
|
+
|
259
|
+
//
|
260
|
+
// 1. Correct `color` not being inherited in IE 8/9.
|
261
|
+
// 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
262
|
+
//
|
263
|
+
|
264
|
+
legend {
|
265
|
+
border: 0; // 1
|
266
|
+
padding: 0; // 2
|
267
|
+
}
|
268
|
+
|
269
|
+
//
|
270
|
+
// 1. Correct font family not being inherited in all browsers.
|
271
|
+
// 2. Correct font size not being inherited in all browsers.
|
272
|
+
// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
|
273
|
+
//
|
274
|
+
|
275
|
+
button,
|
276
|
+
input,
|
277
|
+
select,
|
278
|
+
textarea {
|
279
|
+
font-family: inherit; // 1
|
280
|
+
font-size: 100%; // 2
|
281
|
+
margin: 0; // 3
|
282
|
+
}
|
283
|
+
|
284
|
+
//
|
285
|
+
// Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
286
|
+
// the UA stylesheet.
|
287
|
+
//
|
288
|
+
|
289
|
+
button,
|
290
|
+
input {
|
291
|
+
line-height: normal;
|
292
|
+
}
|
293
|
+
|
294
|
+
//
|
295
|
+
// Address inconsistent `text-transform` inheritance for `button` and `select`.
|
296
|
+
// All other form control elements do not inherit `text-transform` values.
|
297
|
+
// Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
|
298
|
+
// Correct `select` style inheritance in Firefox 4+ and Opera.
|
299
|
+
//
|
300
|
+
|
301
|
+
button,
|
302
|
+
select {
|
303
|
+
text-transform: none;
|
304
|
+
}
|
305
|
+
|
306
|
+
//
|
307
|
+
// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
308
|
+
// and `video` controls.
|
309
|
+
// 2. Correct inability to style clickable `input` types in iOS.
|
310
|
+
// 3. Improve usability and consistency of cursor style between image-type
|
311
|
+
// `input` and others.
|
312
|
+
//
|
313
|
+
|
314
|
+
button,
|
315
|
+
html input[type="button"], // 1
|
316
|
+
input[type="reset"],
|
317
|
+
input[type="submit"] {
|
318
|
+
-webkit-appearance: button; // 2
|
319
|
+
cursor: pointer; // 3
|
320
|
+
}
|
321
|
+
|
322
|
+
//
|
323
|
+
// Re-set default cursor for disabled elements.
|
324
|
+
//
|
325
|
+
|
326
|
+
button[disabled],
|
327
|
+
html input[disabled] {
|
328
|
+
cursor: default;
|
329
|
+
}
|
330
|
+
|
331
|
+
//
|
332
|
+
// 1. Address box sizing set to `content-box` in IE 8/9.
|
333
|
+
// 2. Remove excess padding in IE 8/9.
|
334
|
+
//
|
335
|
+
|
336
|
+
input[type="checkbox"],
|
337
|
+
input[type="radio"] {
|
338
|
+
box-sizing: border-box; // 1
|
339
|
+
padding: 0; // 2
|
340
|
+
}
|
341
|
+
|
342
|
+
//
|
343
|
+
// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
344
|
+
// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
345
|
+
// (include `-moz` to future-proof).
|
346
|
+
//
|
347
|
+
|
348
|
+
input[type="search"] {
|
349
|
+
-webkit-appearance: textfield; // 1
|
350
|
+
-moz-box-sizing: content-box;
|
351
|
+
-webkit-box-sizing: content-box; // 2
|
352
|
+
box-sizing: content-box;
|
353
|
+
}
|
354
|
+
|
355
|
+
//
|
356
|
+
// Remove inner padding and search cancel button in Safari 5 and Chrome
|
357
|
+
// on OS X.
|
358
|
+
//
|
359
|
+
|
360
|
+
input[type="search"]::-webkit-search-cancel-button,
|
361
|
+
input[type="search"]::-webkit-search-decoration {
|
362
|
+
-webkit-appearance: none;
|
363
|
+
}
|
364
|
+
|
365
|
+
//
|
366
|
+
// Remove inner padding and border in Firefox 4+.
|
367
|
+
//
|
368
|
+
|
369
|
+
button::-moz-focus-inner,
|
370
|
+
input::-moz-focus-inner {
|
371
|
+
border: 0;
|
372
|
+
padding: 0;
|
373
|
+
}
|
374
|
+
|
375
|
+
//
|
376
|
+
// 1. Remove default vertical scrollbar in IE 8/9.
|
377
|
+
// 2. Improve readability and alignment in all browsers.
|
378
|
+
//
|
379
|
+
|
380
|
+
textarea {
|
381
|
+
overflow: auto; // 1
|
382
|
+
vertical-align: top; // 2
|
383
|
+
}
|
384
|
+
|
385
|
+
// ==========================================================================
|
386
|
+
// Tables
|
387
|
+
// ==========================================================================
|
388
|
+
|
389
|
+
//
|
390
|
+
// Remove most spacing between table cells.
|
391
|
+
//
|
392
|
+
|
393
|
+
table {
|
394
|
+
border-collapse: collapse;
|
395
|
+
border-spacing: 0;
|
396
|
+
}
|