sassy_lemonade 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: ebf95a5e29f045052c6bc5994013ff20e429ad8e
4
+ data.tar.gz: 705420bcdbe1b692a1f1719e5b15eba8582e4c45
5
+ SHA512:
6
+ metadata.gz: d41d2692bc75057be418844a5615d6d2518a9014bd95381f7d51d38fec2ac822ff1b3afbbbee0e2bf6d99e33ae767f58f0c3fe3664356d3ec5b26f71c2dc79c8
7
+ data.tar.gz: 6f59fd5154905d97cf3d0f3fd6382f117dfd4bddc5a63da5b0eb256922c053b7cdf27fafa40b24822a913e65d6f16fd57a53e6b2c92f32809ca371db5454e6c7
data/.gitignore ADDED
@@ -0,0 +1,17 @@
1
+ *.gem
2
+ *.rbc
3
+ .bundle
4
+ .config
5
+ .yardoc
6
+ Gemfile.lock
7
+ InstalledFiles
8
+ _yardoc
9
+ coverage
10
+ doc/
11
+ lib/bundler/man
12
+ pkg
13
+ rdoc
14
+ spec/reports
15
+ test/tmp
16
+ test/version_tmp
17
+ tmp
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in sassy_lemonade.gemspec
4
+ gemspec
data/LICENSE.txt ADDED
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2013 Evan Sparkman
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,34 @@
1
+ # SassyLemonade
2
+
3
+ A Sass flavored version of the awesome Lemonade css grid framework.
4
+ I would highly recommend checking out the original implementation at [Lemonade]: http://lemonade.im
5
+
6
+ ## Installation
7
+
8
+ Add this line to your application's Gemfile:
9
+
10
+ gem 'sassy_lemonade'
11
+
12
+ And then execute:
13
+
14
+ $ bundle
15
+
16
+ Or install it yourself as:
17
+
18
+ $ gem install sassy_lemonade
19
+
20
+ ## Usage
21
+
22
+ Inside your application.css manifest include:
23
+
24
+ ```
25
+ *= require lemonade
26
+ ```
27
+
28
+ ## Contributing
29
+
30
+ 1. Fork it
31
+ 2. Create your feature branch (`git checkout -b my-new-feature`)
32
+ 3. Commit your changes (`git commit -am 'Add some feature'`)
33
+ 4. Push to the branch (`git push origin my-new-feature`)
34
+ 5. Create new Pull Request
data/Rakefile ADDED
@@ -0,0 +1 @@
1
+ require "bundler/gem_tasks"
@@ -0,0 +1,16 @@
1
+ @import 'shared';
2
+
3
+ @mixin box-sizing($bs) {
4
+ $bs: unquote($bs);
5
+ @include experimental(box-sizing, $bs,
6
+ -moz, -webkit, not -o, not -ms, not -khtml, official
7
+ );
8
+ }
9
+
10
+ @mixin pie-clearfix {
11
+ &:after {
12
+ content: "";
13
+ display: table;
14
+ clear: both;
15
+ }
16
+ }
@@ -0,0 +1,51 @@
1
+ // Support for mozilla in experimental css3 properties (-moz).
2
+ $experimental-support-for-mozilla : true !default;
3
+ // Support for webkit in experimental css3 properties (-webkit).
4
+ $experimental-support-for-webkit : true !default;
5
+ // Support for webkit's original (non-standard) gradient syntax.
6
+ $support-for-original-webkit-gradients : true !default;
7
+ // Support for opera in experimental css3 properties (-o).
8
+ $experimental-support-for-opera : true !default;
9
+ // Support for microsoft in experimental css3 properties (-ms).
10
+ $experimental-support-for-microsoft : true !default;
11
+ // Support for khtml in experimental css3 properties (-khtml).
12
+ $experimental-support-for-khtml : false !default;
13
+ // Support for svg in experimental css3 properties.
14
+ // Setting this to true might add significant size to your
15
+ // generated stylesheets.
16
+ $experimental-support-for-svg : false !default;
17
+ // Support for CSS PIE in experimental css3 properties (-pie).
18
+ $experimental-support-for-pie : false !default;
19
+
20
+ @mixin experimental($property, $value,
21
+ $moz : $experimental-support-for-mozilla,
22
+ $webkit : $experimental-support-for-webkit,
23
+ $o : $experimental-support-for-opera,
24
+ $ms : $experimental-support-for-microsoft,
25
+ $khtml : $experimental-support-for-khtml,
26
+ $official : true
27
+ ) {
28
+ @if $webkit and $experimental-support-for-webkit { -webkit-#{$property} : $value; }
29
+ @if $khtml and $experimental-support-for-khtml { -khtml-#{$property} : $value; }
30
+ @if $moz and $experimental-support-for-mozilla { -moz-#{$property} : $value; }
31
+ @if $ms and $experimental-support-for-microsoft { -ms-#{$property} : $value; }
32
+ @if $o and $experimental-support-for-opera { -o-#{$property} : $value; }
33
+ @if $official { #{$property} : $value; }
34
+ }
35
+
36
+ // Same as experimental(), but for cases when the property is the same and the value is vendorized
37
+ @mixin experimental-value($property, $value,
38
+ $moz : $experimental-support-for-mozilla,
39
+ $webkit : $experimental-support-for-webkit,
40
+ $o : $experimental-support-for-opera,
41
+ $ms : $experimental-support-for-microsoft,
42
+ $khtml : $experimental-support-for-khtml,
43
+ $official : true
44
+ ) {
45
+ @if $webkit and $experimental-support-for-webkit { #{$property} : -webkit-#{$value}; }
46
+ @if $khtml and $experimental-support-for-khtml { #{$property} : -khtml-#{$value}; }
47
+ @if $moz and $experimental-support-for-mozilla { #{$property} : -moz-#{$value}; }
48
+ @if $ms and $experimental-support-for-microsoft { #{$property} : -ms-#{$value}; }
49
+ @if $o and $experimental-support-for-opera { #{$property} : -o-#{$value}; }
50
+ @if $official { #{$property} : #{$value}; }
51
+ }
@@ -0,0 +1,133 @@
1
+ /*
2
+ *
3
+ * Lemonade v1.1
4
+ * Copyright 2013, Joe Richardson
5
+ * lemonade.im
6
+ * Free to use under the MIT license.
7
+ * http://www.opensource.org/licenses/mit-license.php
8
+ *
9
+ * Converted by Evan Sparkman
10
+ *
11
+ */
12
+
13
+ // Import the mixins
14
+ @import "mixins";
15
+
16
+ // Settings
17
+ $full-width: 100%;
18
+ $total-bits: 12;
19
+
20
+ /* Set the width of the grid */
21
+ .frame {
22
+ width: $full-width;
23
+ margin: 0px auto
24
+ }
25
+
26
+ *,
27
+ *:after,
28
+ *:before {
29
+ margin: 0;
30
+ padding: 0;
31
+ // Removes padding behavior on widths
32
+ @include box-sizing("border-box");
33
+ }
34
+
35
+ // Attribute selector
36
+ [class*='bit-'] {
37
+ float: left;
38
+ padding: 0.3em
39
+ }
40
+
41
+ // Floats last ".bit-" to the right
42
+ [class*='bit-']:last-of-type {
43
+ float: right;
44
+ }
45
+
46
+ /* Alternative for IE8 */
47
+ .last-type {
48
+ padding: 0.3em;
49
+ float: right;
50
+ }
51
+
52
+ // Clearfix
53
+ .frame:after {
54
+ @include pie-clearfix();
55
+ }
56
+
57
+ // Main Widths
58
+ @for $i from 1 through $total-bits {
59
+ .bit-#{$i} {
60
+ width: 100 / $i + 0%;
61
+ }
62
+ }
63
+
64
+ // Custom Widths
65
+ @mixin create-bit($bit-size: 75) {
66
+ .bit-#{$bit-size} {
67
+ width: ($bit-size / 100) * 100%;
68
+ }
69
+ }
70
+
71
+ @include create-bit;
72
+
73
+ // Landscape mobile & down
74
+ @media screen and (max-width: 30em) {
75
+ %full-width {
76
+ width: $full-width;
77
+ }
78
+
79
+ @for $i from 1 through $total-bits {
80
+ .bit-#{$i} {
81
+ @extend %full-width;
82
+ }
83
+ }
84
+
85
+ .frame .bit-4:nth-child(2) {
86
+ float: right;
87
+ }
88
+
89
+ .frame .bit-4:nth-child(3) {
90
+ clear: both;
91
+ float: left;
92
+ }
93
+
94
+ .frame .bit-4:nth-child(4) {
95
+ float: right;
96
+ }
97
+ }
98
+
99
+ // Portrait tablet to landscape
100
+ @media (min-width: 30em) and (max-width: 50em) {
101
+ .bit-4,
102
+ .bit-6,
103
+ .bit-8,
104
+ .bit-10,
105
+ .bit-12 {
106
+ width: $full-width / 2;
107
+ }
108
+
109
+ .bit-1,
110
+ .bit-2,
111
+ .bit-3,
112
+ .bit-5,
113
+ .bit-7,
114
+ .bit-9,
115
+ .bit-11 {
116
+ width: $full-width;
117
+ }
118
+ }
119
+
120
+ // Landscape to small desktop
121
+ @media (min-width: 50em) and (max-width: 68.750em) {
122
+ .bit-2,
123
+ .bit-7 {
124
+ width: $full-width;
125
+ }
126
+
127
+ .bit-4,
128
+ .bit-8,
129
+ .bit-10,
130
+ .bit-12 {
131
+ width: $full-width / 2;
132
+ }
133
+ }
@@ -0,0 +1,48 @@
1
+ /* http://meyerweb.com/eric/tools/css/reset/
2
+ v2.0 | 20110126
3
+ License: none (public domain)
4
+ */
5
+
6
+ html, body, div, span, applet, object, iframe,
7
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8
+ a, abbr, acronym, address, big, cite, code,
9
+ del, dfn, em, img, ins, kbd, q, s, samp,
10
+ small, strike, strong, sub, sup, tt, var,
11
+ b, u, i, center,
12
+ dl, dt, dd, ol, ul, li,
13
+ fieldset, form, label, legend,
14
+ table, caption, tbody, tfoot, thead, tr, th, td,
15
+ article, aside, canvas, details, embed,
16
+ figure, figcaption, footer, header, hgroup,
17
+ menu, nav, output, ruby, section, summary,
18
+ time, mark, audio, video {
19
+ margin: 0;
20
+ padding: 0;
21
+ border: 0;
22
+ font-size: 100%;
23
+ font: inherit;
24
+ vertical-align: baseline;
25
+ }
26
+ /* HTML5 display-role reset for older browsers */
27
+ article, aside, details, figcaption, figure,
28
+ footer, header, hgroup, menu, nav, section {
29
+ display: block;
30
+ }
31
+ body {
32
+ line-height: 1;
33
+ }
34
+ ol, ul {
35
+ list-style: none;
36
+ }
37
+ blockquote, q {
38
+ quotes: none;
39
+ }
40
+ blockquote:before, blockquote:after,
41
+ q:before, q:after {
42
+ content: '';
43
+ content: none;
44
+ }
45
+ table {
46
+ border-collapse: collapse;
47
+ border-spacing: 0;
48
+ }
@@ -0,0 +1,5 @@
1
+ require "sassy_lemonade/version"
2
+
3
+ module SassyLemonade
4
+ class Engine < ::Rails::Engine;end
5
+ end
@@ -0,0 +1,3 @@
1
+ module SassyLemonade
2
+ VERSION = "0.0.1"
3
+ end
@@ -0,0 +1,23 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'sassy_lemonade/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "sassy_lemonade"
8
+ spec.version = SassyLemonade::VERSION
9
+ spec.authors = ["Evan Sparkman"]
10
+ spec.email = ["me@evansparkman.com"]
11
+ spec.description = %q{A Sass flavored version of the awesome Lemonade css grid framework.}
12
+ spec.summary = %q{A quick and easy css grid framework.}
13
+ spec.homepage = "http://www.github.com/esparkman/sassy_lemonade"
14
+ spec.license = "MIT"
15
+
16
+ spec.files = `git ls-files`.split($/)
17
+ spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
18
+ spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
19
+ spec.require_paths = ["lib"]
20
+
21
+ spec.add_development_dependency "bundler", "~> 1.3"
22
+ spec.add_development_dependency "rake"
23
+ end
metadata ADDED
@@ -0,0 +1,84 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: sassy_lemonade
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ platform: ruby
6
+ authors:
7
+ - Evan Sparkman
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2013-11-20 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ~>
18
+ - !ruby/object:Gem::Version
19
+ version: '1.3'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ~>
25
+ - !ruby/object:Gem::Version
26
+ version: '1.3'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - '>='
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - '>='
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ description: A Sass flavored version of the awesome Lemonade css grid framework.
42
+ email:
43
+ - me@evansparkman.com
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - .gitignore
49
+ - Gemfile
50
+ - LICENSE.txt
51
+ - README.md
52
+ - Rakefile
53
+ - app/assets/stylesheets/_mixins.scss
54
+ - app/assets/stylesheets/_shared.scss
55
+ - app/assets/stylesheets/lemonade.scss
56
+ - app/assets/stylesheets/reset.scss
57
+ - lib/sassy_lemonade.rb
58
+ - lib/sassy_lemonade/version.rb
59
+ - sassy_lemonade.gemspec
60
+ homepage: http://www.github.com/esparkman/sassy_lemonade
61
+ licenses:
62
+ - MIT
63
+ metadata: {}
64
+ post_install_message:
65
+ rdoc_options: []
66
+ require_paths:
67
+ - lib
68
+ required_ruby_version: !ruby/object:Gem::Requirement
69
+ requirements:
70
+ - - '>='
71
+ - !ruby/object:Gem::Version
72
+ version: '0'
73
+ required_rubygems_version: !ruby/object:Gem::Requirement
74
+ requirements:
75
+ - - '>='
76
+ - !ruby/object:Gem::Version
77
+ version: '0'
78
+ requirements: []
79
+ rubyforge_project:
80
+ rubygems_version: 2.1.9
81
+ signing_key:
82
+ specification_version: 4
83
+ summary: A quick and easy css grid framework.
84
+ test_files: []