sassy_lemonade 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.
- checksums.yaml +7 -0
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +34 -0
- data/Rakefile +1 -0
- data/app/assets/stylesheets/_mixins.scss +16 -0
- data/app/assets/stylesheets/_shared.scss +51 -0
- data/app/assets/stylesheets/lemonade.scss +133 -0
- data/app/assets/stylesheets/reset.scss +48 -0
- data/lib/sassy_lemonade.rb +5 -0
- data/lib/sassy_lemonade/version.rb +3 -0
- data/sassy_lemonade.gemspec +23 -0
- metadata +84 -0
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
data/Gemfile
ADDED
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,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: []
|