manhattan-sass 0.4.3 → 0.5.1
Sign up to get free protection for your applications and to get access to all the features.
- 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:
|