cask 0.2.1 → 0.3.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/Gulpfile.js +1 -1
- data/bower.json +37 -0
- data/contrib/stylesheets/styles.scss +1 -1
- data/{app/assets/stylesheets → core}/_cask.scss +2 -2
- data/{app/assets/stylesheets → core}/_variables.scss +19 -12
- data/{app/assets/stylesheets → core}/functions/_all.scss +2 -0
- data/core/functions/_grid-calc.scss +17 -0
- data/{app/assets/stylesheets → core}/functions/_grid-column-ratio.scss +1 -1
- data/{app/assets/stylesheets → core}/functions/_grid-parse-column-count.scss +0 -0
- data/core/functions/_grid-settings-assign.scss +11 -0
- data/core/functions/_grid-settings.scss +7 -0
- data/{app/assets/stylesheets → core}/mixins/_all.scss +0 -0
- data/{app/assets/stylesheets → core}/mixins/_grid-clearfix.scss +2 -2
- data/{app/assets/stylesheets → core}/mixins/_grid-column.scss +1 -1
- data/core/mixins/_grid-gutter.scss +17 -0
- data/{app/assets/stylesheets → core}/mixins/_grid-is-zero-error.scss +4 -1
- data/core/mixins/_grid-push.scss +13 -0
- data/{app/assets/stylesheets → core}/mixins/_grid-row.scss +1 -1
- data/core/mixins/_grid-shift.scss +13 -0
- data/index.js +7 -0
- data/lib/cask.rb +1 -1
- data/lib/cask/version.rb +1 -1
- data/package.json +4 -4
- metadata +20 -16
- data/app/assets/stylesheets/functions/_grid-calc.scss +0 -13
- data/app/assets/stylesheets/mixins/_grid-gutter.scss +0 -17
- data/app/assets/stylesheets/mixins/_grid-push.scss +0 -15
- data/app/assets/stylesheets/mixins/_grid-shift.scss +0 -16
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f1b3278466a699c471d660ea15211a592047fa4c
|
|
4
|
+
data.tar.gz: dc6cc83c459cce8c92e4f91c7669aa617145d369
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7c8c17d2f06f7ae3d2b8586bfe7b71810d6f20edddbaf1efff3589e0d74b882b4e231d2ba45200ccdb8fdd387823d9e26d1ff5aa5baab9e3e96ef22c33a7b348
|
|
7
|
+
data.tar.gz: 65128fdc62036c3314c778e280667d962af1aaac359cb27db57878c98d5e44e17b50ba9035821d0e79d2629f2cf5901f054064b5631b8e7ec5ece6d273111082
|
data/Gulpfile.js
CHANGED
data/bower.json
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
{
|
|
2
|
+
"authors": [
|
|
3
|
+
{
|
|
4
|
+
"name": "Will H McMahan",
|
|
5
|
+
"url": "http://mcmahan.me"
|
|
6
|
+
}
|
|
7
|
+
],
|
|
8
|
+
"description": "A simple relible float based grid system built with calc",
|
|
9
|
+
"homepage": "http://whmii.github.com/cask",
|
|
10
|
+
"ignore": [
|
|
11
|
+
"**/.*",
|
|
12
|
+
"bin",
|
|
13
|
+
"cask.gemspec",
|
|
14
|
+
"contrib",
|
|
15
|
+
"Gemfile.lock",
|
|
16
|
+
"index.js",
|
|
17
|
+
"lib",
|
|
18
|
+
"Rakefile",
|
|
19
|
+
"node_modules",
|
|
20
|
+
"CONTRIBUTING.md"
|
|
21
|
+
],
|
|
22
|
+
"keywords": [
|
|
23
|
+
"css",
|
|
24
|
+
"mixins",
|
|
25
|
+
"sass",
|
|
26
|
+
"grid",
|
|
27
|
+
"scss"
|
|
28
|
+
],
|
|
29
|
+
"license": "MIT",
|
|
30
|
+
"main": "core/_cask.scss",
|
|
31
|
+
"name": "cask",
|
|
32
|
+
"repository": {
|
|
33
|
+
"type": "git",
|
|
34
|
+
"url": "https://github.com/whmii/cask.git"
|
|
35
|
+
},
|
|
36
|
+
"version": "0.3.1"
|
|
37
|
+
}
|
|
@@ -1,22 +1,29 @@
|
|
|
1
1
|
// Grid Settings
|
|
2
2
|
// ============================================================
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
$grid-defaults: (
|
|
5
|
+
gutter: 1.25rem,
|
|
6
|
+
row-width: 80rem,
|
|
7
|
+
text-direction: ltr,
|
|
8
|
+
total-columns: 12
|
|
9
|
+
);
|
|
5
10
|
|
|
6
|
-
$
|
|
11
|
+
$grid-settings: () !default;
|
|
7
12
|
|
|
8
|
-
@if
|
|
9
|
-
$
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
@if grid-settings(text-direction) == ltr {
|
|
14
|
+
$grid-settings:
|
|
15
|
+
grid-settings-assign((
|
|
16
|
+
default-float: left,
|
|
17
|
+
opposite-direction: right
|
|
18
|
+
));
|
|
19
|
+
} @else if grid-settings(text-direction) == rtl {
|
|
20
|
+
$grid-settings:
|
|
21
|
+
grid-settings-assign((
|
|
22
|
+
default-float: right,
|
|
23
|
+
opposite-direction: left
|
|
24
|
+
));
|
|
14
25
|
}
|
|
15
26
|
|
|
16
|
-
$grid-row-width: 80rem !default;
|
|
17
|
-
$grid-gutter: 1.25rem !default;
|
|
18
|
-
$grid-total-columns: 12 !default;
|
|
19
|
-
|
|
20
27
|
// ========= Media Queries =========
|
|
21
28
|
|
|
22
29
|
$small-screen: 768px !default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// Calculates the width of a column for grid-column() and other mixins
|
|
2
|
+
|
|
3
|
+
@function grid-calc(
|
|
4
|
+
$columns,
|
|
5
|
+
$collapse: false
|
|
6
|
+
) {
|
|
7
|
+
$_column-ratio: grid-column-ratio($columns);
|
|
8
|
+
$_gutter: grid-settings(gutter);
|
|
9
|
+
|
|
10
|
+
@if $collapse {
|
|
11
|
+
$_gutter-affordance: (-$_gutter) + ($_gutter * $_column-ratio);
|
|
12
|
+
@return unquote("#{percentage($_column-ratio)} - #{$_gutter-affordance}");
|
|
13
|
+
} @else {
|
|
14
|
+
$_gutter-affordance: $_gutter + ($_gutter * $_column-ratio);
|
|
15
|
+
@return unquote("#{percentage($_column-ratio)} - #{$_gutter-affordance}");
|
|
16
|
+
}
|
|
17
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// Conveniently assign/update values in the `$grid-settings` map
|
|
2
|
+
//
|
|
3
|
+
// `$grid-settings: grid-settings((key:value));`
|
|
4
|
+
|
|
5
|
+
@function grid-settings-assign($map) {
|
|
6
|
+
@if type-of($map) == map {
|
|
7
|
+
@return map-merge($grid-settings, $map);
|
|
8
|
+
} @else {
|
|
9
|
+
@error "`grid-settings-assign` recived `#{map}` but requires a map";
|
|
10
|
+
}
|
|
11
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// Specifies what a column's margins should be.
|
|
2
|
+
|
|
3
|
+
@mixin grid-gutter(
|
|
4
|
+
$collapse: false,
|
|
5
|
+
$center: false
|
|
6
|
+
) {
|
|
7
|
+
@if $center {
|
|
8
|
+
margin-#{grid-settings(default-float)}: auto;
|
|
9
|
+
margin-#{grid-settings(opposite-direction)}: auto;
|
|
10
|
+
} @else if $collapse {
|
|
11
|
+
margin-#{grid-settings(default-float)}: 0;
|
|
12
|
+
margin-#{grid-settings(opposite-direction)}: -(grid-settings(gutter));
|
|
13
|
+
} @else {
|
|
14
|
+
margin-#{grid-settings(default-float)}: grid-settings(gutter);
|
|
15
|
+
margin-#{grid-settings(opposite-direction)}: 0;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
// Calculates the width of a column for grid-column() and other mixins.
|
|
2
2
|
|
|
3
|
-
@mixin grid-is-zero-error(
|
|
3
|
+
@mixin grid-is-zero-error(
|
|
4
|
+
$property,
|
|
5
|
+
$value
|
|
6
|
+
) {
|
|
4
7
|
@if $value == 0 {
|
|
5
8
|
@error "if `#{$property}` is 0, use false or leave the input value blank";
|
|
6
9
|
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// Push columns away from their container.
|
|
2
|
+
|
|
3
|
+
@mixin grid-push($push: false) {
|
|
4
|
+
@include grid-is-zero-error(grid-push, $push);
|
|
5
|
+
@if $push {
|
|
6
|
+
$_gutter-affordance: grid-settings(gutter) * $push;
|
|
7
|
+
$_margin-value: calc(#{unquote(grid-calc($push))} + #{$_gutter-affordance});
|
|
8
|
+
margin-#{grid-settings(default-float)}: $_margin-value;
|
|
9
|
+
} @else {
|
|
10
|
+
$_margin-value: grid-settings(gutter);
|
|
11
|
+
margin-#{grid-settings(default-float)}: $_margin-value;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// Shift columns and reorder them within their container.
|
|
2
|
+
|
|
3
|
+
@mixin grid-shift($shift: false) {
|
|
4
|
+
@include grid-is-zero-error(grid-shift, $shift);
|
|
5
|
+
@if $shift {
|
|
6
|
+
$_shift-value: calc(#{unquote(grid-calc($shift))} + #{grid-settings(gutter)});
|
|
7
|
+
#{grid-settings(default-float)}: $_shift-value;
|
|
8
|
+
} @else {
|
|
9
|
+
#{grid-settings(default-float)}: auto;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
position: relative;
|
|
13
|
+
}
|
data/index.js
ADDED
data/lib/cask.rb
CHANGED
data/lib/cask/version.rb
CHANGED
data/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
|
-
"name": "
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "A simple relible float based grid system",
|
|
5
|
-
"main": "
|
|
2
|
+
"name": "cask-grid",
|
|
3
|
+
"version": "0.3.1",
|
|
4
|
+
"description": "A simple relible float based grid system built with calc",
|
|
5
|
+
"main": "index.js",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "https://github.com/whmii/cask.git"
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: cask
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.3.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Will H McMahan
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2016-
|
|
11
|
+
date: 2016-03-02 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -54,22 +54,9 @@ files:
|
|
|
54
54
|
- LICENSE
|
|
55
55
|
- README.md
|
|
56
56
|
- Rakefile
|
|
57
|
-
- app/assets/stylesheets/_cask.scss
|
|
58
|
-
- app/assets/stylesheets/_variables.scss
|
|
59
|
-
- app/assets/stylesheets/functions/_all.scss
|
|
60
|
-
- app/assets/stylesheets/functions/_grid-calc.scss
|
|
61
|
-
- app/assets/stylesheets/functions/_grid-column-ratio.scss
|
|
62
|
-
- app/assets/stylesheets/functions/_grid-parse-column-count.scss
|
|
63
|
-
- app/assets/stylesheets/mixins/_all.scss
|
|
64
|
-
- app/assets/stylesheets/mixins/_grid-clearfix.scss
|
|
65
|
-
- app/assets/stylesheets/mixins/_grid-column.scss
|
|
66
|
-
- app/assets/stylesheets/mixins/_grid-gutter.scss
|
|
67
|
-
- app/assets/stylesheets/mixins/_grid-is-zero-error.scss
|
|
68
|
-
- app/assets/stylesheets/mixins/_grid-push.scss
|
|
69
|
-
- app/assets/stylesheets/mixins/_grid-row.scss
|
|
70
|
-
- app/assets/stylesheets/mixins/_grid-shift.scss
|
|
71
57
|
- bin/console
|
|
72
58
|
- bin/setup
|
|
59
|
+
- bower.json
|
|
73
60
|
- cask.gemspec
|
|
74
61
|
- contrib/stylesheets/_example.scss
|
|
75
62
|
- contrib/stylesheets/base/_base.scss
|
|
@@ -81,6 +68,23 @@ files:
|
|
|
81
68
|
- contrib/stylesheets/base/_variables.scss
|
|
82
69
|
- contrib/stylesheets/styles.scss
|
|
83
70
|
- contrib/views/index.haml
|
|
71
|
+
- core/_cask.scss
|
|
72
|
+
- core/_variables.scss
|
|
73
|
+
- core/functions/_all.scss
|
|
74
|
+
- core/functions/_grid-calc.scss
|
|
75
|
+
- core/functions/_grid-column-ratio.scss
|
|
76
|
+
- core/functions/_grid-parse-column-count.scss
|
|
77
|
+
- core/functions/_grid-settings-assign.scss
|
|
78
|
+
- core/functions/_grid-settings.scss
|
|
79
|
+
- core/mixins/_all.scss
|
|
80
|
+
- core/mixins/_grid-clearfix.scss
|
|
81
|
+
- core/mixins/_grid-column.scss
|
|
82
|
+
- core/mixins/_grid-gutter.scss
|
|
83
|
+
- core/mixins/_grid-is-zero-error.scss
|
|
84
|
+
- core/mixins/_grid-push.scss
|
|
85
|
+
- core/mixins/_grid-row.scss
|
|
86
|
+
- core/mixins/_grid-shift.scss
|
|
87
|
+
- index.js
|
|
84
88
|
- lib/cask.rb
|
|
85
89
|
- lib/cask/engine.rb
|
|
86
90
|
- lib/cask/version.rb
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
// Calculates the width of a column for grid-column() and other mixins
|
|
2
|
-
|
|
3
|
-
@function grid-calc($columns, $collapse:false) {
|
|
4
|
-
$_column-ratio: grid-column-ratio($columns);
|
|
5
|
-
|
|
6
|
-
@if $collapse {
|
|
7
|
-
$_grid-gutter-affordance: (-$grid-gutter) + ($grid-gutter * $_column-ratio);
|
|
8
|
-
@return unquote("#{percentage($_column-ratio)} - #{$_grid-gutter-affordance}");
|
|
9
|
-
} @else {
|
|
10
|
-
$_grid-gutter-affordance: $grid-gutter + ($grid-gutter * $_column-ratio);
|
|
11
|
-
@return unquote("#{percentage($_column-ratio)} - #{$_grid-gutter-affordance}");
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
// Specifies what a column's margins should be.
|
|
2
|
-
|
|
3
|
-
@mixin grid-gutter(
|
|
4
|
-
$collapse: false,
|
|
5
|
-
$center: false
|
|
6
|
-
) {
|
|
7
|
-
@if $center {
|
|
8
|
-
margin-#{$default-float}: auto;
|
|
9
|
-
margin-#{$opposite-direction}: auto;
|
|
10
|
-
} @else if $collapse {
|
|
11
|
-
margin-#{$default-float}: 0;
|
|
12
|
-
margin-#{$opposite-direction}: -($grid-gutter);
|
|
13
|
-
} @else {
|
|
14
|
-
margin-#{$default-float}: $grid-gutter;
|
|
15
|
-
margin-#{$opposite-direction}: 0;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
// Push columns away from their container.
|
|
2
|
-
|
|
3
|
-
@mixin grid-push(
|
|
4
|
-
$push: false
|
|
5
|
-
) {
|
|
6
|
-
@if $push {
|
|
7
|
-
$_grid-gutter-affordance: $grid-gutter * $push;
|
|
8
|
-
$_margin-value: calc(#{unquote(grid-calc($push))} + #{$_grid-gutter-affordance});
|
|
9
|
-
} @else {
|
|
10
|
-
$_margin-value: $grid-gutter;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
@include grid-is-zero-error(grid-push, $push);
|
|
14
|
-
margin-#{$default-float}: $_margin-value;
|
|
15
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// Shift columns and reorder them within their container.
|
|
2
|
-
|
|
3
|
-
@mixin grid-shift(
|
|
4
|
-
$shift: false
|
|
5
|
-
) {
|
|
6
|
-
@if $shift == 0 {
|
|
7
|
-
@error grid-is-zero-error(grid-shift);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
@if $shift {
|
|
11
|
-
$_shift-value: calc(#{unquote(grid-calc($shift))} + #{$grid-gutter});
|
|
12
|
-
#{$default-float}: $_shift-value;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
position: relative;
|
|
16
|
-
}
|