manhattan-sass 0.4.3 → 0.5.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 5471cc8acc3915b60d9eb0087e771558f45a6674
4
- data.tar.gz: deefa2e93e901bf705b854f1ea6fe6be4ca59cbb
3
+ metadata.gz: aaf46936908085bd1ee951e8c8c85000f26ea30d
4
+ data.tar.gz: 4314e46bf4eaf7d39e8f17a38ba9f5cd8958d22d
5
5
  SHA512:
6
- metadata.gz: 10572e9abb606002610134d7779ef5389d74f9b3d619730553a3f64b05aeb2707a80cdc25926a59e11866d3cf57ccbf53acf38085485cd3b9dc1913de39ce049
7
- data.tar.gz: 87d88e4be8318c4aa01893b8a575d95c4bbc3a9d114e1b1b45add9c37848fa7f75efa4ed88bea7b26f4127a444d2f0a8f002fb06d4ffea1a8f5f10e34f7aa6c3
6
+ metadata.gz: 9dcf949b0790d4b7342fc429e50dddbe68396bad9dc26a720a32cec487e766fe3c28e95a8e5b0fbb7da68bdfd48b7252d2fde94c7d6c740b6c4591c20ebef1a9
7
+ data.tar.gz: 8a7e677825b32506f25765abdadda8d65e8d0720976cda0f526052a509d58684ed94401dcdd983a0499b08111d839ad574e8e04cab9069bd83570a20fff4c55a
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # [Manhattan](http://kohactive.github.io/manhattan/)
2
2
 
3
- Manhattan is a powerful, mobile-first responsive framework built on top of Bourbon Neat. It's similar to Bootstrap 3 in syntax and usage but approachs the grid system differently.
3
+ Manhattan is a powerful, mobile-first responsive framework built on top of Bourbon Neat. It's similar to Bootstrap 3 in syntax and usage but approaches the grid system differently.
4
4
 
5
5
  ## Usage
6
6
 
@@ -9,14 +9,30 @@ TODO: Write usage instructions here
9
9
 
10
10
  ## Installation
11
11
 
12
+ ### Ruby
12
13
  Add this line to your application's Gemfile:
13
14
 
14
- gem 'manhattan', github: 'kohactive/manhattan'
15
+ gem 'manhattan-sass'
15
16
 
16
17
  And then execute:
17
18
 
18
19
  $ bundle
19
20
 
21
+ Import Sass:
22
+
23
+ @import bourbon
24
+ @import neat
25
+ @import manhattan
26
+
27
+ ### Bower
28
+ bower install manhattan
29
+
30
+ Import Sass:
31
+
32
+ @import bower_components/bourbon/app/assets/stylesheets/bourbon
33
+ @import bower_components/neat/app/assets/stylesheets/neat
34
+ @import bower_components/manhattan/app/assets/stylesheets/manhattan
35
+
20
36
  ## Contributing
21
37
 
22
38
  1. Fork it
@@ -1,7 +1,3 @@
1
- // Add Bourbon Neat
2
- @import bourbon
3
- @import neat
4
-
5
1
  // Grid Variables
6
2
  @import manhattan/variables
7
3
 
@@ -4,7 +4,7 @@
4
4
  // Create the grid for a given size
5
5
  // This will loop over the number of columns and create a css class
6
6
  // for each. If it's the last gride size, then let's not add a float
7
- @mixin grid-core($size)
7
+ =grid-core($size)
8
8
  @for $i from 1 through $grid-columns
9
9
  .col-#{$size}-#{$i}
10
10
  @include span-columns($i)
@@ -36,18 +36,21 @@
36
36
 
37
37
 
38
38
  // Omega Core builder
39
- @mixin omega-core($size)
39
+ =omega-core($size)
40
40
  @for $i from 1 through $grid-columns
41
41
  .omega-#{$size}-#{$i}
42
42
  > [class^="col-"],
43
43
  > [class*=" col-"]
44
- @include omega(#{$i}n)
44
+ @include omega("#{$i}n")
45
+
46
+ &:nth-child(#{$i}n+1)
47
+ clear: left
45
48
 
46
49
 
47
50
  // Thoughtbot doesn't want to add a gutterless display type for
48
51
  // span columns so we'll use this mixin for now. This will create
49
52
  // equal column widths without any margin/gutters
50
- @mixin span-columns-gutterless($span: $columns of $container-columns)
53
+ =span-columns-gutterless($span: $columns of $container-columns)
51
54
  $columns: nth($span, 1)
52
55
  $container-columns: container-span($span)
53
56
 
@@ -60,4 +63,34 @@
60
63
  width: percentage($columns / $container-columns)
61
64
 
62
65
  &:last-child
63
- width: percentage($columns / $container-columns)
66
+ width: percentage($columns / $container-columns)
67
+
68
+
69
+ // Responsive mixins
70
+ =media-xs
71
+ @media screen and (max-width: $screen-sm - 1)
72
+ @content
73
+
74
+ =media-sm
75
+ @media screen and (min-width: $screen-sm)
76
+ @content
77
+
78
+ =media-xs-sm
79
+ +media(max-width $screen-md - 1)
80
+ @content
81
+
82
+ =media-sm-only
83
+ +media(min-width $screen-sm max-width $screen-md - 1)
84
+ @content
85
+
86
+ =media-sm-md-only
87
+ +media(min-width $screen-sm max-width $screen-lg - 1)
88
+ @content
89
+
90
+ =media-md
91
+ @media screen and (min-width: $screen-md)
92
+ @content
93
+
94
+ =media-lg
95
+ @media screen and (min-width: $screen-lg)
96
+ @content
@@ -1,14 +1,7 @@
1
1
  // Grid system
2
2
  // --------------------------------------------------
3
3
 
4
- // Number of columns in the grid system
5
- $grids-columns: 12 !default
6
- // Padding, to be divided by two and applied to the left and right of all columns
7
- $gutter: golden-ratio(1em, 1) !default
8
-
9
- $max-width: 1200px !default
10
-
11
- $col-padding: 10px !default
4
+ $col-padding: 0 !default
12
5
 
13
6
  // Turn responsive on or off
14
7
  $responsive: true !default
@@ -17,26 +10,26 @@ $responsive: true !default
17
10
  // ------------------------------------------------------
18
11
 
19
12
  $screen-xs: 480px !default
20
- $screen-xs-min: $screen-xs !default
21
- $screen-phone: $screen-xs-min !default
13
+ $screen-xs-min: $screen-xs
14
+ $screen-phone: $screen-xs-min
22
15
 
23
16
  // Small screen / tablet
24
17
  $screen-sm: 768px !default
25
- $screen-sm-min: $screen-sm !default
26
- $screen-tablet: $screen-sm-min !default
18
+ $screen-sm-min: $screen-sm
19
+ $screen-tablet: $screen-sm-min
27
20
 
28
21
  // Medium screen / desktop
29
22
  $screen-md: 992px !default
30
- $screen-md-min: $screen-md !default
31
- $screen-desktop: $screen-md-min !default
23
+ $screen-md-min: $screen-md
24
+ $screen-desktop: $screen-md-min
32
25
 
33
26
  // Large screen / wide desktop
34
27
  $screen-lg: 1200px !default
35
- $screen-lg-min: $screen-lg !default
36
- $screen-lg-desktop: $screen-lg-min !default
37
- $max-width: $screen-lg !default
28
+ $screen-lg-min: $screen-lg
29
+ $screen-lg-desktop: $screen-lg-min
30
+ $max-width: $screen-lg
38
31
 
39
32
  // So media queries don't overlap when required, provide a maximum
40
- $screen-xs-max: ($screen-sm-min - 1) !default
41
- $screen-sm-max: ($screen-md-min - 1) !default
42
- $screen-md-max: ($screen-lg-min - 1) !default
33
+ $screen-xs-max: ($screen-sm-min - 1)
34
+ $screen-sm-max: ($screen-md-min - 1)
35
+ $screen-md-max: ($screen-lg-min - 1)
@@ -0,0 +1,31 @@
1
+ {
2
+ "name": "manhattan",
3
+ "homepage": "http://kohactive.github.io/manhattan/",
4
+ "authors": [
5
+ "kohactive <info@kohactive.com>"
6
+ ],
7
+ "description": "A powerful, mobile-first responsive framework built on Bourbon Neat.",
8
+ "version": "0.5.1",
9
+ "main": "",
10
+ "moduleType": [],
11
+ "keywords": [
12
+ "grid",
13
+ "responsive"
14
+ ],
15
+ "license": "MIT",
16
+ "ignore": [
17
+ "**/.*",
18
+ "node_modules",
19
+ "bower_components",
20
+ "test",
21
+ "tests",
22
+ "lib",
23
+ "Gemfile",
24
+ "manhattan.gemspec",
25
+ "Rakefile"
26
+ ],
27
+ "dependencies": {
28
+ "bourbon": "~> 4.2",
29
+ "neat": "^1.7.4"
30
+ }
31
+ }
@@ -1,3 +1,3 @@
1
1
  module Manhattan
2
- VERSION = "0.4.3"
2
+ VERSION = "0.5.1"
3
3
  end
@@ -10,7 +10,7 @@ Gem::Specification.new do |spec|
10
10
  spec.email = ["john@kohactive.com", "andy@kohactive.com"]
11
11
  spec.description = "A powerful, mobile-first responsive framework built on Bourbon Neat."
12
12
  spec.summary = "A powerful, mobile-first responsive framework built on Bourbon Neat."
13
- spec.homepage = "https://github.com/johnkoht/manhattan"
13
+ spec.homepage = "http://kohactive.github.io/manhattan/"
14
14
  spec.license = "MIT"
15
15
 
16
16
  spec.files = `git ls-files`.split($/)
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: manhattan-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.4.3
4
+ version: 0.5.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - John Koht
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2016-01-15 00:00:00.000000000 Z
12
+ date: 2016-04-01 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: bundler
@@ -99,11 +99,12 @@ files:
99
99
  - app/assets/stylesheets/manhattan/_mixins.sass
100
100
  - app/assets/stylesheets/manhattan/_utilities.sass
101
101
  - app/assets/stylesheets/manhattan/_variables.sass
102
+ - bower.json
102
103
  - lib/manhattan.rb
103
104
  - lib/manhattan/engine.rb
104
105
  - lib/manhattan/version.rb
105
106
  - manhattan.gemspec
106
- homepage: https://github.com/johnkoht/manhattan
107
+ homepage: http://kohactive.github.io/manhattan/
107
108
  licenses:
108
109
  - MIT
109
110
  metadata: {}
@@ -128,3 +129,4 @@ signing_key:
128
129
  specification_version: 4
129
130
  summary: A powerful, mobile-first responsive framework built on Bourbon Neat.
130
131
  test_files: []
132
+ has_rdoc: