skyblue_rails 0.1.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +22 -0
- data/assets/fonts/pe-icon/Pe-icon-7-stroke.eot +0 -0
- data/assets/fonts/pe-icon/Pe-icon-7-stroke.svg +212 -0
- data/assets/fonts/pe-icon/Pe-icon-7-stroke.ttf +0 -0
- data/assets/fonts/pe-icon/Pe-icon-7-stroke.woff +0 -0
- data/assets/images/select-webkit-backup.png +0 -0
- data/assets/images/select-webkit.png +0 -0
- data/assets/javascripts/skyblue/ie.js +1 -0
- data/assets/javascripts/skyblue/ie/html5shiv.js +322 -0
- data/assets/javascripts/skyblue/ie/respond.src.js +237 -0
- data/assets/stylesheets/skyblue.scss +38 -0
- data/assets/stylesheets/skyblue/_buttons.scss +136 -0
- data/assets/stylesheets/skyblue/_forms.scss +221 -0
- data/assets/stylesheets/skyblue/_grid.scss +78 -0
- data/assets/stylesheets/skyblue/_helpers.scss +72 -0
- data/assets/stylesheets/skyblue/_icons.scss +633 -0
- data/assets/stylesheets/skyblue/_main.scss +15 -0
- data/assets/stylesheets/skyblue/_mixins.scss +46 -0
- data/assets/stylesheets/skyblue/_reset.scss +77 -0
- data/assets/stylesheets/skyblue/_tables.scss +174 -0
- data/assets/stylesheets/skyblue/_typography.scss +162 -0
- data/assets/stylesheets/skyblue/_variables.scss +100 -0
- data/lib/skyblue/rails.rb +20 -0
- data/lib/skyblue/rails/railtie.rb +13 -0
- data/lib/skyblue/rails/version.rb +5 -0
- data/lib/skyblue_rails.rb +2 -0
- data/readme.md +58 -0
- data/spec/dummy/README.rdoc +28 -0
- data/spec/dummy/Rakefile +6 -0
- data/spec/dummy/app/assets/javascripts/application.js +13 -0
- data/spec/dummy/app/assets/stylesheets/application.scss +15 -0
- data/spec/dummy/app/controllers/application_controller.rb +7 -0
- data/spec/dummy/app/helpers/application_helper.rb +2 -0
- data/spec/dummy/app/views/application/icons_test.html.erb +5 -0
- data/spec/dummy/app/views/layouts/application.html.erb +14 -0
- data/spec/dummy/bin/bundle +3 -0
- data/spec/dummy/bin/rails +4 -0
- data/spec/dummy/bin/rake +4 -0
- data/spec/dummy/bin/setup +29 -0
- data/spec/dummy/config.ru +4 -0
- data/spec/dummy/config/application.rb +26 -0
- data/spec/dummy/config/boot.rb +5 -0
- data/spec/dummy/config/database.yml +25 -0
- data/spec/dummy/config/environment.rb +5 -0
- data/spec/dummy/config/environments/development.rb +41 -0
- data/spec/dummy/config/environments/production.rb +79 -0
- data/spec/dummy/config/environments/test.rb +42 -0
- data/spec/dummy/config/initializers/assets.rb +11 -0
- data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/spec/dummy/config/initializers/cookies_serializer.rb +3 -0
- data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
- data/spec/dummy/config/initializers/inflections.rb +16 -0
- data/spec/dummy/config/initializers/mime_types.rb +4 -0
- data/spec/dummy/config/initializers/session_store.rb +3 -0
- data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/spec/dummy/config/locales/en.yml +23 -0
- data/spec/dummy/config/routes.rb +3 -0
- data/spec/dummy/config/secrets.yml +22 -0
- data/spec/dummy/db/development.sqlite3 +0 -0
- data/spec/dummy/db/schema.rb +16 -0
- data/spec/dummy/db/test.sqlite3 +0 -0
- data/spec/dummy/log/test.log +49 -0
- data/spec/dummy/public/404.html +67 -0
- data/spec/dummy/public/422.html +67 -0
- data/spec/dummy/public/500.html +66 -0
- data/spec/dummy/public/favicon.ico +0 -0
- data/spec/skyblue/rails/railtie_spec.rb +43 -0
- data/spec/skyblue/rails_spec.rb +17 -0
- data/spec/spec_helper.rb +16 -0
- metadata +241 -0
@@ -0,0 +1,100 @@
|
|
1
|
+
// Grays
|
2
|
+
$gray7: #111;
|
3
|
+
$gray6: #333;
|
4
|
+
$gray5: #555;
|
5
|
+
$gray4: #777;
|
6
|
+
$gray3: #999;
|
7
|
+
$gray2: #ddd;
|
8
|
+
$gray1: #f7f7f7;
|
9
|
+
|
10
|
+
// Maybe use these?
|
11
|
+
// grays
|
12
|
+
// #ecf0f1
|
13
|
+
// #bdc3c7
|
14
|
+
// #95a5a6
|
15
|
+
// #7f8c8d
|
16
|
+
|
17
|
+
// Dark navy/gray
|
18
|
+
// #34495e
|
19
|
+
// #2c3e50
|
20
|
+
|
21
|
+
// green #2ecc71 #27ae60
|
22
|
+
// violet #9b59b6 #8e44ad
|
23
|
+
|
24
|
+
// Colors
|
25
|
+
$body-background: #FbFbFb;
|
26
|
+
$text-color: #555;
|
27
|
+
|
28
|
+
$main-color: #4378a7;
|
29
|
+
$success-color: #16b6B6;
|
30
|
+
$error-color: #E74C3C;
|
31
|
+
$warning-color: #F1C000;
|
32
|
+
$light-color: #ecf0f1;
|
33
|
+
$dark-color: #252428;
|
34
|
+
$main-light-color: #72A8D6;
|
35
|
+
$main-grey-color: #7F8184;
|
36
|
+
|
37
|
+
$navigation-color: #2c3e50;
|
38
|
+
|
39
|
+
$color-diff: #151515;
|
40
|
+
|
41
|
+
// Defaults
|
42
|
+
$font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
|
43
|
+
$font-size: 16px;
|
44
|
+
$font-weight: normal;
|
45
|
+
$line-height: 1.5em;
|
46
|
+
$bold: 700;
|
47
|
+
|
48
|
+
$transition-time: 0.25s;
|
49
|
+
|
50
|
+
// Code
|
51
|
+
$pre-font-family: "Deja-vu Sans Mono", Monaco, Menlo, Consolas, "Courier New", monospace;
|
52
|
+
$pre-font-size: 15px;
|
53
|
+
|
54
|
+
|
55
|
+
// Tables
|
56
|
+
$table-border-color: $gray2;
|
57
|
+
$table-background: $gray1;
|
58
|
+
$table-background-hover:lighten($main-color, 10);
|
59
|
+
$table-color-hover: #fff;
|
60
|
+
|
61
|
+
// Forms
|
62
|
+
$checkbox-height: 22px;
|
63
|
+
$checkbox-width: 38px;
|
64
|
+
$checkbox-circle-size: $checkbox-height - 2;
|
65
|
+
$checkbox-top: ($font-size * 1.5 - $checkbox-height) / 2;
|
66
|
+
$checkbox-bg: #c3c5c4;
|
67
|
+
$checkbox-checked-bg: $success-color;
|
68
|
+
|
69
|
+
$radio-size: 20px;
|
70
|
+
$radio-circle-size: 10px;
|
71
|
+
$radio-top: ($font-size * 1.5 - $radio-size) / 2;
|
72
|
+
$radio-border-color: #c3c5c4;
|
73
|
+
$radio-checked-bg: $success-color;
|
74
|
+
$radio-circle-left: $radio-size / 2;
|
75
|
+
$radio-circle-top: $radio-circle-left + $radio-top;
|
76
|
+
$radio-circle-active-left: ($radio-size - $radio-circle-size) / 2;
|
77
|
+
$radio-circle-active-top: $radio-circle-active-left + $radio-top;
|
78
|
+
|
79
|
+
// Grid
|
80
|
+
$grid-columns: 12;
|
81
|
+
$grid-padding-width: 40px;
|
82
|
+
$grid-unit-width: 100% / $grid-columns;
|
83
|
+
|
84
|
+
|
85
|
+
$tablet-portrait-breakpoint: 480px;
|
86
|
+
$tablet-breakpoint: 768px;
|
87
|
+
$desktop-breakpoint: 970px;
|
88
|
+
$large-desktop-breakpoint: 1200px;
|
89
|
+
|
90
|
+
$container-width-tablet: 720px;
|
91
|
+
$container-width-desktop: 940px;
|
92
|
+
$container-width-large-desktop: 1150px;
|
93
|
+
|
94
|
+
|
95
|
+
// Helpers
|
96
|
+
$border-radius: 3px;
|
97
|
+
$big-border-radius: 100px;
|
98
|
+
|
99
|
+
//Custom colors
|
100
|
+
$white: #fff;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
require "skyblue/rails/version"
|
2
|
+
require "skyblue/rails/railtie"
|
3
|
+
require "sass"
|
4
|
+
|
5
|
+
module Skyblue
|
6
|
+
module Rails
|
7
|
+
def self.load
|
8
|
+
asset_root = File.expand_path("../../../assets", __FILE__)
|
9
|
+
stylesheets_path = File.join(asset_root, "stylesheets")
|
10
|
+
javascripts_path = File.join(asset_root, "javascripts")
|
11
|
+
fonts_path = File.join(asset_root, "fonts")
|
12
|
+
|
13
|
+
Sass.load_paths << stylesheets_path
|
14
|
+
|
15
|
+
Sprockets.append_path(stylesheets_path)
|
16
|
+
Sprockets.append_path(fonts_path)
|
17
|
+
Sprockets.append_path(javascripts_path)
|
18
|
+
end
|
19
|
+
end
|
20
|
+
end
|
@@ -0,0 +1,13 @@
|
|
1
|
+
module Skyblue
|
2
|
+
module Rails
|
3
|
+
class Railtie < ::Rails::Railtie
|
4
|
+
initializer 'skyblue_rails.asset_paths' do |app|
|
5
|
+
%w(stylesheets javascripts fonts images).each do |sub|
|
6
|
+
path = File.expand_path("../../../../assets/#{sub}", __FILE__)
|
7
|
+
app.assets.prepend_path(path)
|
8
|
+
end
|
9
|
+
app.config.assets.precompile << %r(pe-icon/Pe-icon-7-stroke\.(?:eot|svg|ttf|woff?)$)
|
10
|
+
end
|
11
|
+
end
|
12
|
+
end
|
13
|
+
end
|
data/readme.md
ADDED
@@ -0,0 +1,58 @@
|
|
1
|
+
# skyblue_rails [![Build Status](https://travis-ci.org/rmosolgo/skyblue-rails.svg?branch=master)](https://travis-ci.org/rmosolgo/skyblue-rails)
|
2
|
+
|
3
|
+
Use [SkyBlue](http://stanko.github.io/skyblue/) Sass framework with Rails.
|
4
|
+
|
5
|
+
This gem uses the [master branch](https://github.com/Stanko/skyblue) as a source.
|
6
|
+
|
7
|
+
## Usage
|
8
|
+
|
9
|
+
- Install:
|
10
|
+
|
11
|
+
```ruby
|
12
|
+
gem 'skyblue_rails'
|
13
|
+
```
|
14
|
+
|
15
|
+
```
|
16
|
+
bundle install
|
17
|
+
```
|
18
|
+
|
19
|
+
then restart your development server.
|
20
|
+
|
21
|
+
- Include in Sass:
|
22
|
+
|
23
|
+
```scss
|
24
|
+
// application.scss
|
25
|
+
@import 'skyblue';
|
26
|
+
```
|
27
|
+
|
28
|
+
or plain CSS:
|
29
|
+
|
30
|
+
```css
|
31
|
+
/*
|
32
|
+
*= require 'skyblue'
|
33
|
+
*/
|
34
|
+
```
|
35
|
+
|
36
|
+
- There's an IE fix that you can include (but I'm not sure what it's for):
|
37
|
+
|
38
|
+
```javascript
|
39
|
+
//= require skyblue/ie
|
40
|
+
```
|
41
|
+
|
42
|
+
|
43
|
+
## Development
|
44
|
+
|
45
|
+
- Rebuild assets: `rake build_assets`
|
46
|
+
- Clone the source
|
47
|
+
- Clear existing assets
|
48
|
+
- Copy assets into proper directories
|
49
|
+
- Modify & create some files for Rails-friendliness
|
50
|
+
- Test: `rake test`
|
51
|
+
|
52
|
+
## Contributing
|
53
|
+
|
54
|
+
1. Fork it ( https://github.com/rmosolgo/skyblue-rails/fork )
|
55
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
56
|
+
3. Commit your changes (`git commit -am 'Add some feature'`)
|
57
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
58
|
+
5. Create a new Pull Request
|
@@ -0,0 +1,28 @@
|
|
1
|
+
== README
|
2
|
+
|
3
|
+
This README would normally document whatever steps are necessary to get the
|
4
|
+
application up and running.
|
5
|
+
|
6
|
+
Things you may want to cover:
|
7
|
+
|
8
|
+
* Ruby version
|
9
|
+
|
10
|
+
* System dependencies
|
11
|
+
|
12
|
+
* Configuration
|
13
|
+
|
14
|
+
* Database creation
|
15
|
+
|
16
|
+
* Database initialization
|
17
|
+
|
18
|
+
* How to run the test suite
|
19
|
+
|
20
|
+
* Services (job queues, cache servers, search engines, etc.)
|
21
|
+
|
22
|
+
* Deployment instructions
|
23
|
+
|
24
|
+
* ...
|
25
|
+
|
26
|
+
|
27
|
+
Please feel free to use a different markup language if you do not plan to run
|
28
|
+
<tt>rake doc:app</tt>.
|
data/spec/dummy/Rakefile
ADDED
@@ -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 any plugin's vendor/assets/javascripts directory 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/rails/sprockets#sprockets-directives) for details
|
11
|
+
// about supported directives.
|
12
|
+
//
|
13
|
+
//= require skyblue/ie
|
@@ -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 any plugin's vendor/assets/stylesheets directory 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
|
+
*/
|
14
|
+
|
15
|
+
@import 'skyblue';
|
@@ -0,0 +1,14 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Dummy</title>
|
5
|
+
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
|
6
|
+
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
|
7
|
+
<%= csrf_meta_tags %>
|
8
|
+
</head>
|
9
|
+
<body>
|
10
|
+
|
11
|
+
<%= yield %>
|
12
|
+
|
13
|
+
</body>
|
14
|
+
</html>
|
data/spec/dummy/bin/rake
ADDED
@@ -0,0 +1,29 @@
|
|
1
|
+
#!/usr/bin/env ruby
|
2
|
+
require 'pathname'
|
3
|
+
|
4
|
+
# path to your application root.
|
5
|
+
APP_ROOT = Pathname.new File.expand_path('../../', __FILE__)
|
6
|
+
|
7
|
+
Dir.chdir APP_ROOT do
|
8
|
+
# This script is a starting point to setup your application.
|
9
|
+
# Add necessary setup steps to this file:
|
10
|
+
|
11
|
+
puts "== Installing dependencies =="
|
12
|
+
system "gem install bundler --conservative"
|
13
|
+
system "bundle check || bundle install"
|
14
|
+
|
15
|
+
# puts "\n== Copying sample files =="
|
16
|
+
# unless File.exist?("config/database.yml")
|
17
|
+
# system "cp config/database.yml.sample config/database.yml"
|
18
|
+
# end
|
19
|
+
|
20
|
+
puts "\n== Preparing database =="
|
21
|
+
system "bin/rake db:setup"
|
22
|
+
|
23
|
+
puts "\n== Removing old logs and tempfiles =="
|
24
|
+
system "rm -f log/*"
|
25
|
+
system "rm -rf tmp/cache"
|
26
|
+
|
27
|
+
puts "\n== Restarting application server =="
|
28
|
+
system "touch tmp/restart.txt"
|
29
|
+
end
|
@@ -0,0 +1,26 @@
|
|
1
|
+
require File.expand_path('../boot', __FILE__)
|
2
|
+
|
3
|
+
require 'rails/all'
|
4
|
+
|
5
|
+
Bundler.require(*Rails.groups)
|
6
|
+
require "skyblue_rails"
|
7
|
+
|
8
|
+
module Dummy
|
9
|
+
class Application < Rails::Application
|
10
|
+
# Settings in config/environments/* take precedence over those specified here.
|
11
|
+
# Application configuration should go into files in config/initializers
|
12
|
+
# -- all .rb files in that directory are automatically loaded.
|
13
|
+
|
14
|
+
# Set Time.zone default to the specified zone and make Active Record auto-convert to this zone.
|
15
|
+
# Run "rake -D time" for a list of tasks for finding time zone names. Default is UTC.
|
16
|
+
# config.time_zone = 'Central Time (US & Canada)'
|
17
|
+
|
18
|
+
# The default locale is :en and all translations from config/locales/*.rb,yml are auto loaded.
|
19
|
+
# config.i18n.load_path += Dir[Rails.root.join('my', 'locales', '*.{rb,yml}').to_s]
|
20
|
+
# config.i18n.default_locale = :de
|
21
|
+
|
22
|
+
# Do not swallow errors in after_commit/after_rollback callbacks.
|
23
|
+
config.active_record.raise_in_transactional_callbacks = true
|
24
|
+
end
|
25
|
+
end
|
26
|
+
|
@@ -0,0 +1,25 @@
|
|
1
|
+
# SQLite version 3.x
|
2
|
+
# gem install sqlite3
|
3
|
+
#
|
4
|
+
# Ensure the SQLite 3 gem is defined in your Gemfile
|
5
|
+
# gem 'sqlite3'
|
6
|
+
#
|
7
|
+
default: &default
|
8
|
+
adapter: sqlite3
|
9
|
+
pool: 5
|
10
|
+
timeout: 5000
|
11
|
+
|
12
|
+
development:
|
13
|
+
<<: *default
|
14
|
+
database: db/development.sqlite3
|
15
|
+
|
16
|
+
# Warning: The database defined as "test" will be erased and
|
17
|
+
# re-generated from your development database when you run "rake".
|
18
|
+
# Do not set this db to the same as development or production.
|
19
|
+
test:
|
20
|
+
<<: *default
|
21
|
+
database: db/test.sqlite3
|
22
|
+
|
23
|
+
production:
|
24
|
+
<<: *default
|
25
|
+
database: db/production.sqlite3
|
@@ -0,0 +1,41 @@
|
|
1
|
+
Rails.application.configure do
|
2
|
+
# Settings specified here will take precedence over those in config/application.rb.
|
3
|
+
|
4
|
+
# In the development environment your application's code is reloaded on
|
5
|
+
# every request. This slows down response time but is perfect for development
|
6
|
+
# since you don't have to restart the web server when you make code changes.
|
7
|
+
config.cache_classes = false
|
8
|
+
|
9
|
+
# Do not eager load code on boot.
|
10
|
+
config.eager_load = false
|
11
|
+
|
12
|
+
# Show full error reports and disable caching.
|
13
|
+
config.consider_all_requests_local = true
|
14
|
+
config.action_controller.perform_caching = false
|
15
|
+
|
16
|
+
# Don't care if the mailer can't send.
|
17
|
+
config.action_mailer.raise_delivery_errors = false
|
18
|
+
|
19
|
+
# Print deprecation notices to the Rails logger.
|
20
|
+
config.active_support.deprecation = :log
|
21
|
+
|
22
|
+
# Raise an error on page load if there are pending migrations.
|
23
|
+
config.active_record.migration_error = :page_load
|
24
|
+
|
25
|
+
# Debug mode disables concatenation and preprocessing of assets.
|
26
|
+
# This option may cause significant delays in view rendering with a large
|
27
|
+
# number of complex assets.
|
28
|
+
config.assets.debug = true
|
29
|
+
|
30
|
+
# Asset digests allow you to set far-future HTTP expiration dates on all assets,
|
31
|
+
# yet still be able to expire them through the digest params.
|
32
|
+
config.assets.digest = true
|
33
|
+
|
34
|
+
# Adds additional error checking when serving assets at runtime.
|
35
|
+
# Checks for improperly declared sprockets dependencies.
|
36
|
+
# Raises helpful error messages.
|
37
|
+
config.assets.raise_runtime_errors = true
|
38
|
+
|
39
|
+
# Raises error for missing translations
|
40
|
+
# config.action_view.raise_on_missing_translations = true
|
41
|
+
end
|