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 +4 -4
- data/README.md +18 -2
- data/app/assets/stylesheets/manhattan.sass +0 -4
- data/app/assets/stylesheets/manhattan/_mixins.sass +38 -5
- data/app/assets/stylesheets/manhattan/_variables.sass +13 -20
- data/bower.json +31 -0
- data/lib/manhattan/version.rb +1 -1
- data/manhattan.gemspec +1 -1
- metadata +5 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: aaf46936908085bd1ee951e8c8c85000f26ea30d
|
4
|
+
data.tar.gz: 4314e46bf4eaf7d39e8f17a38ba9f5cd8958d22d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
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'
|
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
|
@@ -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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
21
|
-
$screen-phone: $screen-xs-min
|
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
|
26
|
-
$screen-tablet: $screen-sm-min
|
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
|
31
|
-
$screen-desktop: $screen-md-min
|
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
|
36
|
-
$screen-lg-desktop: $screen-lg-min
|
37
|
-
$max-width: $screen-lg
|
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)
|
41
|
-
$screen-sm-max: ($screen-md-min - 1)
|
42
|
-
$screen-md-max: ($screen-lg-min - 1)
|
33
|
+
$screen-xs-max: ($screen-sm-min - 1)
|
34
|
+
$screen-sm-max: ($screen-md-min - 1)
|
35
|
+
$screen-md-max: ($screen-lg-min - 1)
|
data/bower.json
ADDED
@@ -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
|
+
}
|
data/lib/manhattan/version.rb
CHANGED
data/manhattan.gemspec
CHANGED
@@ -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 = "
|
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
|
+
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
|
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:
|
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:
|