compass-less-plugin 0.7 → 0.8

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.
data/README.mkdn CHANGED
@@ -1,5 +1,5 @@
1
- Less Framework - Compass Plugin
2
- ===============================
1
+ Less Framework Compass Plugin
2
+ =============================
3
3
 
4
4
  This plugin adds Less Framework 3 to [Compass](http://compass-style.org/).
5
5
 
@@ -13,8 +13,10 @@ Installation
13
13
  gem install compass-less-plugin
14
14
 
15
15
 
16
- Create a Compass Project Using Less Framework
17
- =============================================
16
+ Getting Started
17
+ ===============
18
+
19
+ To create a Compass project using Less Framework 3, enter:
18
20
 
19
21
  compass create -r lessframework my_project --using less
20
22
 
@@ -24,6 +26,7 @@ files pre-populated with media queries for each grid layout:
24
26
  * `partials/_8` - The default; for tablets at 768 px, netbooks, and old browsers
25
27
  * `partials/_3` - For all iPhones, iPod Touches, and other 320 px mobile devices
26
28
  * `partials/_5` - For 480 px mobile devices, narrow browsers, and landscape iPhones
29
+ * `partials/_11` - 984 px layout for those wanting something close to 960 px
27
30
  * `partials/_13` - For laptops, desktops, and hdtvs at 1280 px and beyond.
28
31
  * `partials/_iphone4` - Overrides for iPhone 4 and other high device-pixel-ratio devices
29
32
 
@@ -47,13 +50,29 @@ set the `last` parameter to `true`:
47
50
  }
48
51
 
49
52
 
50
- Customizing Typography
51
- ======================
53
+ Typography
54
+ ==========
52
55
 
53
56
  Less Framework contains typography settings optimized for line heights of `1.5`
54
57
  and `1.3`. While this plugin includes the `1.5` line height optimizations by default,
55
58
  this can easily be switched by importing `lessframework/text/13` instead of
56
59
  `lessframework/text/15` in `styles.scss`.
57
60
 
58
- **Note to users of versions earlier than 0.7:** Please update the `lessframework/text`
59
- import to be one of the aforementioned new text modules when upgrading.
61
+ **Note to users of versions prior to 0.7:** Please update the `lessframework/text`
62
+ import to be one of the aforementioned text modules when upgrading.
63
+
64
+
65
+ Typography Mixins
66
+ =================
67
+
68
+ The following typography mixins are available:
69
+
70
+ * `gigantic`
71
+ * `huge`
72
+ * `large`
73
+ * `big`
74
+ * `normal`
75
+ * `small`
76
+
77
+ In addition, the `$less-font-family` variable contains the font stack assigned to
78
+ the imported typography module.
@@ -3,7 +3,7 @@ $:.push File.expand_path("../lib", __FILE__)
3
3
 
4
4
  Gem::Specification.new do |s|
5
5
  s.name = "compass-less-plugin"
6
- s.version = "0.7"
6
+ s.version = "0.8"
7
7
  s.platform = Gem::Platform::RUBY
8
8
  s.authors = ["William Wells"]
9
9
  s.email = ["projects@hanwells.me"]
@@ -1,14 +1,19 @@
1
+ $less-column-width: 60px !default;
2
+ $less-gutter-width: 24px !default;
3
+
1
4
  @mixin grid($columns) {
2
5
  @include column($columns, true);
3
6
 
4
7
  @if $columns == 13 {
5
8
  padding: 96px 72px 0;
9
+ } @else if $columns == 11 {
10
+ padding: 66px 42px 0;
11
+ } @else if $columns == 8 {
12
+ padding: 84px 60px 0;
6
13
  } @else if $columns == 5 {
7
14
  padding: 60px 42px 0;
8
15
  } @else if $columns == 3 {
9
16
  padding: 48px 46px 0;
10
- } @else {
11
- padding: 84px 60px 0;
12
17
  }
13
18
  }
14
19
 
@@ -3,6 +3,7 @@ stylesheet "partials/_base.sass"
3
3
  stylesheet "partials/_3.sass"
4
4
  stylesheet "partials/_5.sass"
5
5
  stylesheet "partials/_8.sass"
6
+ stylesheet "partials/_11.sass"
6
7
  stylesheet "partials/_13.sass"
7
8
  stylesheet "partials/_iphone4.scss"
8
9
 
@@ -0,0 +1,6 @@
1
+ /* 11-column layout
2
+ * 984 px layout for those wanting something close to 960 px */
3
+
4
+ @media only screen and (max-width: 1211px) and (min-width: 984px)
5
+ body
6
+ @include grid(11)
@@ -1,6 +1,4 @@
1
- $less-column-width: 60px !default
2
- $less-gutter-width: 24px !default
3
-
4
- $less-line-height: 1.5 !default
1
+ $less-column-width: 60px
2
+ $less-gutter-width: 24px
5
3
 
6
4
  @import lessframework/grid
metadata CHANGED
@@ -1,12 +1,12 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-less-plugin
3
3
  version: !ruby/object:Gem::Version
4
- hash: 5
4
+ hash: 27
5
5
  prerelease: false
6
6
  segments:
7
7
  - 0
8
- - 7
9
- version: "0.7"
8
+ - 8
9
+ version: "0.8"
10
10
  platform: ruby
11
11
  authors:
12
12
  - William Wells
@@ -54,6 +54,7 @@ files:
54
54
  - stylesheets/lessframework/text/_13.scss
55
55
  - stylesheets/lessframework/text/_15.scss
56
56
  - templates/project/manifest.rb
57
+ - templates/project/partials/_11.sass
57
58
  - templates/project/partials/_13.sass
58
59
  - templates/project/partials/_3.sass
59
60
  - templates/project/partials/_5.sass