seche 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (22) hide show
  1. data/.gitignore +19 -0
  2. data/Gemfile +6 -0
  3. data/LICENSE +22 -0
  4. data/README.md +32 -0
  5. data/Rakefile +2 -0
  6. data/examples/_base.sass +23 -0
  7. data/examples/images/960-grid.gif +0 -0
  8. data/examples/images/baseline_24px.png +0 -0
  9. data/examples/index.html +50 -0
  10. data/examples/screen.css +100 -0
  11. data/examples/screen.sass +7 -0
  12. data/lib/seche.rb +8 -0
  13. data/lib/seche/version.rb +3 -0
  14. data/sass/_base.sass +16 -0
  15. data/seche.gemspec +20 -0
  16. data/vendor/assets/stylesheets/_seche.sass +4 -0
  17. data/vendor/assets/stylesheets/seche/_functions.sass +5 -0
  18. data/vendor/assets/stylesheets/seche/_grid.sass +17 -0
  19. data/vendor/assets/stylesheets/seche/_reset.sass +28 -0
  20. data/vendor/assets/stylesheets/seche/_settings.sass +30 -0
  21. data/vendor/assets/stylesheets/seche/_typography.sass +23 -0
  22. metadata +82 -0
data/.gitignore ADDED
@@ -0,0 +1,19 @@
1
+ *.gem
2
+ *.rbc
3
+ .bundle
4
+ .config
5
+ .yardoc
6
+ .DS_Store
7
+ Gemfile.lock
8
+ InstalledFiles
9
+ _yardoc
10
+ coverage
11
+ doc/
12
+ lib/bundler/man
13
+ pkg
14
+ rdoc
15
+ .sass-cache/
16
+ spec/reports
17
+ test/tmp
18
+ test/version_tmp
19
+ tmp
data/Gemfile ADDED
@@ -0,0 +1,6 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in seche.gemspec
4
+ gemspec
5
+
6
+ gem 'sass-rails', '~> 3.2.5'
data/LICENSE ADDED
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2012 Bruno Chagas
2
+
3
+ MIT License
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,32 @@
1
+ # Seche
2
+
3
+ Grid system for Rails Applications
4
+
5
+ ## Installation
6
+
7
+ Add the seche gem line to group called :assets in your application's Gemfile:
8
+
9
+ group :assets do
10
+ gem 'sass-rails'
11
+ gem 'seche'
12
+ end
13
+
14
+ And then execute:
15
+
16
+ $ bundle
17
+
18
+ Or install it yourself as:
19
+
20
+ $ gem install seche
21
+
22
+ ## Usage
23
+
24
+ @import seche
25
+
26
+ ## Contributing
27
+
28
+ 1. Fork it
29
+ 2. Create your feature branch (`git checkout -b my-new-feature`)
30
+ 3. Commit your changes (`git commit -am 'Added some feature'`)
31
+ 4. Push to the branch (`git push origin my-new-feature`)
32
+ 5. Create new Pull Request
data/Rakefile ADDED
@@ -0,0 +1,2 @@
1
+ #!/usr/bin/env rake
2
+ require "bundler/gem_tasks"
data/examples/_base.sass ADDED
@@ -0,0 +1,23 @@
1
+ body
2
+ header
3
+ background: url('images/960-grid.gif') repeat-y center top
4
+ +columns(12)
5
+ padding-top: 24px
6
+ overflow: hidden
7
+
8
+ .container
9
+ background: url('images/960-grid.gif') repeat-y center top
10
+ +container()
11
+ min-height: 500px
12
+
13
+ .col-8
14
+ background: url('images/baseline_24px.png') repeat center top
15
+ +columns(8)
16
+ text-align: justify
17
+
18
+ aside
19
+ +columns(4)
20
+ text-align: justify
21
+
22
+ > aside
23
+ +columns(4)
data/examples/index.html ADDED
@@ -0,0 +1,50 @@
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <title>Seche - Powerfull Grids</title>
5
+
6
+ <meta charset="utf-8">
7
+ <meta name="keywords" content=""/>
8
+ <meta name="description" content=""/>
9
+
10
+ <link rel="stylesheet" href="screen.css" media="screen" charset="utf-8">
11
+ <!-- <link rel="shortcut icon" href="favicon.ico"> -->
12
+
13
+ <!--[if IE]>
14
+ <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
15
+ <![endif]-->
16
+ </head>
17
+
18
+ <body>
19
+ <header>
20
+ <h1> Seche - Powerfull Grids</h1>
21
+ </header>
22
+
23
+ <section class="container">
24
+ <div class='col-8'>
25
+ <h1>Lorem ipsum dolor sit amet</h1>
26
+ <h2>Lorem ipsum dolor sit amet</h2>
27
+ <h3>Lorem ipsum dolor sit amet</h3>
28
+ <h4>Lorem ipsum dolor sit amet</h4>
29
+ <h5>Lorem ipsum dolor sit amet</h5>
30
+ <h6>Lorem ipsum dolor sit amet</h6>
31
+
32
+ <p>
33
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vitae risus vitae lorem iaculis placerat. Aliquam sit amet felis. Etiam congue. Donec risus risus, pretium ac, tincidunt eu, tempor eu, quam. Morbi blandit mollis magna. Suspendisse eu tortor. Donec vitae felis nec ligula blandit rhoncus. Ut a pede ac neque mattis facilisis. Nulla nunc ipsum, sodales vitae, hendrerit non, imperdiet ac, ante. Morbi sit amet mi. Ut magna. Curabitur id est. Nulla velit. Sed consectetuer sodales justo. Aliquam dictum gravida libero. Sed eu turpis. Nunc id lorem. Aenean consequat tempor mi. Phasellus in neque. Nunc fermentum convallis ligula.
34
+ </p>
35
+
36
+ <blockquote>
37
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vitae risus vitae lorem iaculis placerat. Aliquam sit amet felis. Etiam congue. Donec risus risus, pretium ac, tincidunt eu, tempor eu, quam. Morbi blandit mollis magna. Suspendisse eu tortor. Donec vitae felis nec ligula blandit rhoncus. Ut a pede ac neque mattis facilisis. Nulla nunc ipsum, sodales vitae, hendrerit non, imperdiet ac, ante. Morbi sit amet mi. Ut magna. Curabitur id est. Nulla velit. Sed consectetuer sodales justo. Aliquam dictum gravida libero. Sed eu turpis. Nunc id lorem. Aenean consequat tempor mi. Phasellus in neque. Nunc fermentum convallis ligula.
38
+ </blockquote>
39
+ </div>
40
+ <aside>
41
+ <p>
42
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus vitae risus vitae lorem iaculis placerat. Aliquam sit amet felis. Etiam congue. Donec risus risus, pretium ac, tincidunt eu, tempor eu, quam. Morbi blandit mollis magna. Suspendisse eu tortor. Donec vitae felis nec ligula blandit rhoncus. Ut a pede ac neque mattis facilisis. Nulla nunc ipsum, sodales vitae, hendrerit non, imperdiet ac, ante. Morbi sit amet mi. Ut magna. Curabitur id est. Nulla velit. Sed consectetuer sodales justo. Aliquam dictum gravida libero. Sed eu turpis. Nunc id lorem. Aenean consequat tempor mi. Phasellus in neque. Nunc fermentum convallis ligula.
43
+ </p>
44
+ </aside>
45
+ </section>
46
+
47
+ <footer>
48
+ </footer>
49
+ </body>
50
+ </html>
data/examples/screen.css ADDED
@@ -0,0 +1,100 @@
1
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
2
+ margin: 0;
3
+ padding: 0;
4
+ border: 0;
5
+ font-size: 100%;
6
+ font: inherit;
7
+ vertical-align: baseline; }
8
+
9
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
10
+ display: block; }
11
+
12
+ body {
13
+ line-height: 1; }
14
+
15
+ ol, ul {
16
+ list-style: none; }
17
+
18
+ blockquote, q {
19
+ quotes: none; }
20
+ blockquote:before, blockquote:after, blockquote:before, blockquote:after, q:before, q:after, q:before, q:after {
21
+ content: "";
22
+ content: none; }
23
+
24
+ table {
25
+ border-collapse: collapse;
26
+ border-spacing: 0; }
27
+
28
+ html body {
29
+ font-size: 14px;
30
+ font-family: "Helvetica", sans-serif; }
31
+ html body h1 {
32
+ font-size: 24px;
33
+ line-height: 24px;
34
+ margin-bottom: 24px; }
35
+ html body h2 {
36
+ font-size: 22px;
37
+ line-height: 24px;
38
+ margin-bottom: 24px; }
39
+ html body h3 {
40
+ font-size: 20px;
41
+ line-height: 24px;
42
+ margin-bottom: 24px; }
43
+ html body h4 {
44
+ font-size: 18px;
45
+ line-height: 24px;
46
+ margin-bottom: 24px; }
47
+ html body h5 {
48
+ font-size: 16px;
49
+ line-height: 24px;
50
+ margin-bottom: 24px; }
51
+ html body h6 {
52
+ font-size: 14px;
53
+ line-height: 24px;
54
+ margin-bottom: 24px; }
55
+ html body p, html body blockquote {
56
+ line-height: 24px;
57
+ margin-bottom: 24px; }
58
+ html > body {
59
+ font-size: 12px; }
60
+
61
+ body header {
62
+ background: url("images/960-grid.gif") repeat-y center top;
63
+ display: inline-block;
64
+ float: left;
65
+ margin-left: 10px;
66
+ margin-right: 10px;
67
+ width: 940px;
68
+ display: block;
69
+ float: none;
70
+ margin: 0 auto;
71
+ width: 960px-20px;
72
+ padding-top: 24px;
73
+ overflow: hidden; }
74
+ body .container {
75
+ background: url("images/960-grid.gif") repeat-y center top;
76
+ width: 960px;
77
+ margin: 0 auto 20px;
78
+ overflow: hidden;
79
+ min-height: 500px; }
80
+ body .container .col-8 {
81
+ background: url("images/baseline_24px.png") repeat center top;
82
+ display: inline-block;
83
+ float: left;
84
+ margin-left: 10px;
85
+ margin-right: 10px;
86
+ width: 620px;
87
+ text-align: justify; }
88
+ body .container aside {
89
+ display: inline-block;
90
+ float: left;
91
+ margin-left: 10px;
92
+ margin-right: 10px;
93
+ width: 300px;
94
+ text-align: justify; }
95
+ body .container > aside {
96
+ display: inline-block;
97
+ float: left;
98
+ margin-left: 10px;
99
+ margin-right: 10px;
100
+ width: 300px; }
data/examples/screen.sass ADDED
@@ -0,0 +1,7 @@
1
+ @import '../vendor/assets/stylesheets/seche'
2
+ @import '../vendor/assets/stylesheets/seche/grid'
3
+ @import '../vendor/assets/stylesheets/seche/reset'
4
+ @import '../vendor/assets/stylesheets/seche/typography'
5
+
6
+ @import 'base'
7
+
data/lib/seche.rb ADDED
@@ -0,0 +1,8 @@
1
+ require "seche/version"
2
+
3
+ module Seche
4
+ module Rails
5
+ class Engine < ::Rails::Engine
6
+ end
7
+ end
8
+ end
data/lib/seche/version.rb ADDED
@@ -0,0 +1,3 @@
1
+ module Seche
2
+ VERSION = "0.0.1"
3
+ end
data/sass/_base.sass ADDED
@@ -0,0 +1,16 @@
1
+ $columns: 12
2
+ $column-width: 60px
3
+ $gutter-width: 10px
4
+
5
+ body
6
+ header
7
+ +container()
8
+
9
+ .container
10
+ +container
11
+
12
+ > .content
13
+ +columns(8)
14
+
15
+ > aside
16
+ +columns(4)
data/seche.gemspec ADDED
@@ -0,0 +1,20 @@
1
+ # -*- encoding: utf-8 -*-
2
+ require File.expand_path('../lib/seche/version', __FILE__)
3
+
4
+ Gem::Specification.new do |gem|
5
+ gem.authors = ["Bruno Chagas"]
6
+ gem.email = ["brunochagasweb@gmail.com"]
7
+ gem.date = Date.today
8
+ gem.description = %q{Seche is a grid system for Rails Applications}
9
+ gem.summary = %q{Seche is a grid system for Rails Applications}
10
+ gem.homepage = ""
11
+
12
+ gem.files = `git ls-files`.split($\)
13
+ gem.executables = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
14
+ gem.test_files = gem.files.grep(%r{^(test|spec|features)/})
15
+ gem.name = "seche"
16
+ gem.require_paths = ["lib"]
17
+ gem.version = Seche::VERSION
18
+
19
+ gem.add_dependency 'sass-rails', '~> 3.2.5'
20
+ end
data/vendor/assets/stylesheets/_seche.sass ADDED
@@ -0,0 +1,4 @@
1
+ // Partials
2
+
3
+ @import seche/settings
4
+ @import seche/functions
data/vendor/assets/stylesheets/seche/_functions.sass ADDED
@@ -0,0 +1,5 @@
1
+ @function columns-width($width: $columns-layout)
2
+ @return ($width * $column-width) + ( ceil($width - 1 ) * ( $gutter-width * 2 ))
3
+
4
+ @function container-width($n: $layout-width)
5
+ @return $n + px
data/vendor/assets/stylesheets/seche/_grid.sass ADDED
@@ -0,0 +1,17 @@
1
+ =container()
2
+ width: container-width()
3
+ margin: 0 auto 20px
4
+ overflow: hidden
5
+
6
+ =columns($n)
7
+ display: inline-block
8
+ float: left
9
+ margin-left: $gutter-width
10
+ margin-right: $gutter-width
11
+ width: columns-width($n)
12
+
13
+ @if $n == 12
14
+ display: block
15
+ float: none
16
+ margin: 0 auto
17
+ width: container-width() - ($gutter-width * 2)
data/vendor/assets/stylesheets/seche/_reset.sass ADDED
@@ -0,0 +1,28 @@
1
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
2
+ margin: 0
3
+ padding: 0
4
+ border: 0
5
+ font-size: 100%
6
+ font: inherit
7
+ vertical-align: baseline
8
+
9
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
10
+ display: block
11
+
12
+ body
13
+ line-height: 1
14
+
15
+ ol, ul
16
+ list-style: none
17
+
18
+ blockquote, q
19
+ quotes: none
20
+
21
+ &:before, &:after, &:before, &:after
22
+ content: ''
23
+ content: none
24
+
25
+ table
26
+ border-collapse: collapse
27
+ border-spacing: 0
28
+
data/vendor/assets/stylesheets/seche/_settings.sass ADDED
@@ -0,0 +1,30 @@
1
+ // Seche configuration settings
2
+
3
+ $layout-width: 960 !default
4
+ $columns-layout: 12 !default
5
+ $column-width: 60px !default
6
+ $gutter-width: 10px !default
7
+
8
+ @if $layout-width == 1408
9
+
10
+ $columns-layout: 16
11
+ $column-width: 58px
12
+ $gutter-width: 30px
13
+
14
+ @else if $layout-width == 1248
15
+
16
+ $columns-layout: 16
17
+ $column-width: 48px
18
+ $gutter-width: 30px
19
+
20
+ @else if $layout-width == 768
21
+
22
+ $columns-layout: 12
23
+ $column-width: 44px
24
+ $gutter-width: 20px
25
+
26
+ @else if $layout-width == 320
27
+
28
+ $columns-layout: 8
29
+ $column-width: 27px
30
+ $gutter-width: 12px
data/vendor/assets/stylesheets/seche/_typography.sass ADDED
@@ -0,0 +1,23 @@
1
+ // Seche typography
2
+
3
+ $base-font-size: 14px !default
4
+ $base-line-height: 24px !default
5
+ $rhythm-border-style: solid !default
6
+
7
+ html
8
+ body
9
+ font-size: $base-font-size
10
+ font-family: 'Helvetica', sans-serif
11
+
12
+ @for $i from 1 through 6
13
+ h#{$i}
14
+ font-size: 26 - ($i * 2)#{'px'}
15
+ line-height: $base-line-height
16
+ margin-bottom: $base-line-height
17
+
18
+ p, blockquote
19
+ line-height: $base-line-height
20
+ margin-bottom: $base-line-height
21
+
22
+ > body
23
+ font-size: 12px
metadata ADDED
@@ -0,0 +1,82 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: seche
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Bruno Chagas
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2012-08-24 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: sass-rails
16
+ requirement: !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ~>
20
+ - !ruby/object:Gem::Version
21
+ version: 3.2.5
22
+ type: :runtime
23
+ prerelease: false
24
+ version_requirements: !ruby/object:Gem::Requirement
25
+ none: false
26
+ requirements:
27
+ - - ~>
28
+ - !ruby/object:Gem::Version
29
+ version: 3.2.5
30
+ description: Seche is a grid system for Rails Applications
31
+ email:
32
+ - brunochagasweb@gmail.com
33
+ executables: []
34
+ extensions: []
35
+ extra_rdoc_files: []
36
+ files:
37
+ - .gitignore
38
+ - Gemfile
39
+ - LICENSE
40
+ - README.md
41
+ - Rakefile
42
+ - examples/_base.sass
43
+ - examples/images/960-grid.gif
44
+ - examples/images/baseline_24px.png
45
+ - examples/index.html
46
+ - examples/screen.css
47
+ - examples/screen.sass
48
+ - lib/seche.rb
49
+ - lib/seche/version.rb
50
+ - sass/_base.sass
51
+ - seche.gemspec
52
+ - vendor/assets/stylesheets/_seche.sass
53
+ - vendor/assets/stylesheets/seche/_functions.sass
54
+ - vendor/assets/stylesheets/seche/_grid.sass
55
+ - vendor/assets/stylesheets/seche/_reset.sass
56
+ - vendor/assets/stylesheets/seche/_settings.sass
57
+ - vendor/assets/stylesheets/seche/_typography.sass
58
+ homepage: ''
59
+ licenses: []
60
+ post_install_message:
61
+ rdoc_options: []
62
+ require_paths:
63
+ - lib
64
+ required_ruby_version: !ruby/object:Gem::Requirement
65
+ none: false
66
+ requirements:
67
+ - - ! '>='
68
+ - !ruby/object:Gem::Version
69
+ version: '0'
70
+ required_rubygems_version: !ruby/object:Gem::Requirement
71
+ none: false
72
+ requirements:
73
+ - - ! '>='
74
+ - !ruby/object:Gem::Version
75
+ version: '0'
76
+ requirements: []
77
+ rubyforge_project:
78
+ rubygems_version: 1.8.24
79
+ signing_key:
80
+ specification_version: 3
81
+ summary: Seche is a grid system for Rails Applications
82
+ test_files: []