sassy_lemonade 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- 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: []
|