stratum 0.1.1 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,3 +1,3 @@
1
1
  module Stratum
2
- VERSION = "0.1.1"
2
+ VERSION = "0.2.0"
3
3
  end
@@ -1,13 +1,21 @@
1
+ # -*- encoding: utf-8 -*-
2
+
3
+ $:.push File.expand_path("../lib", __FILE__)
4
+ require "version"
5
+
1
6
  Gem::Specification.new do |s|
2
- s.name = 'stratum'
3
- s.version = '0.1.1'
4
- s.date = '2013-01-19'
5
- s.summary = "A structural layer for your SASS"
6
- s.description = "Stratum is a collection of SASS mixins and utilities for your web development needs."
7
- s.authors = ["Tyom Semonov"]
8
- s.email = 'tyom@semonov.com'
9
- s.files = `git ls-files | grep -v demo`.split("\n")
10
- s.executables << 'stratum'
11
- s.homepage =
12
- 'http://rubygems.org/gems/stratum'
7
+ s.name = 'stratum'
8
+ s.version = Stratum::VERSION
9
+ s.summary = "A structural layer for your SASS"
10
+ s.description = "Stratum is a collection of SASS mixins and utilities for your web development needs."
11
+ s.authors = ["Tyom Semonov"]
12
+ s.email = 'tyom@semonov.com'
13
+ s.files = `git ls-files | grep -v demo`.split("\n")
14
+ s.executables << 'stratum'
15
+ s.homepage = 'http://rubygems.org/gems/stratum'
16
+
17
+ s.require_paths = ["lib"]
18
+
19
+ s.add_dependency('sass', '>= 3.2.0')
20
+ s.add_dependency('thor')
13
21
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: stratum
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.2.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,8 +9,30 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2013-01-19 00:00:00.000000000 Z
13
- dependencies: []
12
+ date: 2013-01-26 00:00:00.000000000 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: sass
16
+ requirement: &70244371334840 !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ! '>='
20
+ - !ruby/object:Gem::Version
21
+ version: 3.2.0
22
+ type: :runtime
23
+ prerelease: false
24
+ version_requirements: *70244371334840
25
+ - !ruby/object:Gem::Dependency
26
+ name: thor
27
+ requirement: &70244371334180 !ruby/object:Gem::Requirement
28
+ none: false
29
+ requirements:
30
+ - - ! '>='
31
+ - !ruby/object:Gem::Version
32
+ version: '0'
33
+ type: :runtime
34
+ prerelease: false
35
+ version_requirements: *70244371334180
14
36
  description: Stratum is a collection of SASS mixins and utilities for your web development
15
37
  needs.
16
38
  email: tyom@semonov.com
@@ -20,14 +42,20 @@ extensions: []
20
42
  extra_rdoc_files: []
21
43
  files:
22
44
  - .gitignore
45
+ - .gitmodules
46
+ - LICENSE
23
47
  - assets/stylesheets/_stratum.scss
24
- - assets/stylesheets/layout/_functions.scss
48
+ - assets/stylesheets/css3/_box-sizing.scss
49
+ - assets/stylesheets/forms/_input-placeholder.scss
50
+ - assets/stylesheets/layout/_grid-functions.scss
51
+ - assets/stylesheets/layout/_grid-guides.scss
52
+ - assets/stylesheets/layout/_grid-mixins.scss
53
+ - assets/stylesheets/layout/_grid-semantics.scss
25
54
  - assets/stylesheets/layout/_grid.scss
26
55
  - assets/stylesheets/layout/_responsive.scss
27
- - assets/stylesheets/layout/grid-debug.scss
28
56
  - assets/stylesheets/layout/scaffolding.scss
29
- - assets/stylesheets/misc/_clearfix.scss
30
- - assets/stylesheets/misc/_forms.scss
57
+ - assets/stylesheets/utils/_group.scss
58
+ - assets/stylesheets/utils/_vendor-prefix.scss
31
59
  - bin/stratum
32
60
  - lib/stratum.rb
33
61
  - lib/version.rb
@@ -1,60 +0,0 @@
1
- // -----------------------------------------------------------------------------
2
- // • Functions Tyom Semonov <mail@tyom.net>
3
- // -----------------------------------------------------------------------------
4
- // » grid-column-span-width($column-span, $column-width, $column-gutter)
5
- // calculate merged columns with (including gutter)
6
- // $column-span: <integer> - number of columns
7
- // $column-width - with of single column
8
- // $column-gutter - column gutter
9
- //
10
- // » grid-single-column-width($grid-width, $total-columns, $gutter)
11
- // calculate single column width for given container width and gutter width
12
- // $row-width - width of columns container
13
- // $total-columns: <integer> - number of total columns
14
- // $gutter - column gutter width
15
- //
16
- // » grid-column-gutter($grid-width, $desired)
17
- // calculate gutter width from total grid width and desired approximate gutter width
18
- // $grid-width - total grid width
19
- // $grid-gutter - desired gutter width (will return closest)
20
- //
21
- // » number-to-word($number)
22
- // return word for requested number
23
- // $number <integer> - number to convert
24
- // -----------------------------------------------------------------------------
25
-
26
- // $column-span, $column-width, $column-gutter
27
- // $container-margin is a multiplier. Set to 0 to exclude gutters from calculation
28
- @function grid-column-span-width($column-span, $column-width, $column-gutter) {
29
- @return ceil($column-span * $column-width + ($column-span - 1) * $column-gutter);
30
- }
31
-
32
- // $grid-width, $total-columns, $gutter
33
- @function grid-single-column-width($grid-width, $total-columns, $gutter) {
34
- @return ($grid-width - (($total-columns - 1) * $gutter)) / $total-columns;
35
- }
36
-
37
- // $grid-width, $desired
38
- @function grid-column-gutter($grid-width, $desired) {
39
- $gutter: 0px;
40
- $column: 1;
41
- // Find a round gutter width
42
- @while $column > $gutter {
43
- $column: grid-single-column-width($grid-width, $grid-total-columns, $gutter);
44
-
45
- @if $column % 1 == 0 {
46
- $range-from: $desired - 6;
47
- $range-to: $desired + 20;
48
- $within-range: $gutter >= $range-from and $gutter <= $range-to;
49
- // Find gutter within desired range
50
- @if $within-range {
51
- @return $gutter;
52
- }
53
- }
54
- $gutter: $gutter + 1;
55
- }
56
- }
57
-
58
- @function grid-calculate-percentage($width, $grid-width: ($grid-medium + $grid-gutter-medium)) {
59
- @return percentage($width / $grid-width);
60
- }
@@ -1,92 +0,0 @@
1
- // -----------------------------------------------------------------------------
2
- // • Pixel Grid Guides Mixins (Tyom Semonov <mail@tyom.net>)
3
- // -----------------------------------------------------------------------------
4
- // » grid-show-guides($col-width: $grid-column, $block-size: 9, $color: $grid-guides-color, $opacity: .8, $position: $grid-guides-position)
5
- // Renders grid guides
6
- // $column-width - width of columns
7
- // $block-size - height of module blocks
8
- // $color - grid colour (#hex or Sass colour function)
9
- // $opacity - grid opacity
10
- // $position:back - place grid behind page elements
11
- // $position:front - place grid in front of page elements
12
- // -----------------------------------------------------------------------------
13
-
14
- // Draws grid guides
15
- // $grid-size, $block-size,$color, $opacity, $position
16
- @mixin grid-show-guides($grid-size: $grid-medium, $block-size: 9, $color: $grid-guides-color, $opacity: $grid-guides-opacity, $position: $grid-guides-position, $grid-type: pixel) {
17
-
18
- $column-gutter: grid-column-gutter($grid-size, $grid-desired-gutter);
19
- $column-width: grid-single-column-width($grid-size, $grid-total-columns, $column-gutter);
20
-
21
- @if $grid-type == flexible {
22
- $column-gutter: grid-calculate-percentage($column-gutter);
23
- $column-width: grid-calculate-percentage($column-width);
24
- }
25
-
26
- $combined-width: $column-width + $column-gutter;
27
- $block-height: (($grid-baseline + 1) * $block-size) + $grid-baseline;
28
-
29
- position: relative;
30
-
31
- &:before {
32
- content: "";
33
- position: absolute;
34
- width: 100%;
35
- height: 100%;
36
-
37
- @include background(
38
- // Baseline (v-rhythm)
39
- linear-gradient(transparent $grid-baseline, rgba(white, $opacity) $grid-baseline),
40
- // Columns
41
- linear-gradient(left, rgba($color, $opacity),
42
- rgba($color, $opacity) $column-width,
43
- transparent $column-width,
44
- transparent $combined-width
45
- ),
46
- // Blocks
47
- linear-gradient(transparent ($block-height - $grid-baseline), rgba(white, $opacity / 1.2) $grid-baseline),
48
- // Base colour
49
- linear-gradient(rgba($color, $opacity), rgba($color, $opacity))
50
- );
51
- background-size: $combined-width $grid-baseline + 1, // v-rhythm
52
- $combined-width 10px, // column
53
- $combined-width ($block-height + 1); // block
54
-
55
- @if $grid-type == flexible {
56
- // Offset column by half gutter
57
- background-position: 0 0, -($column-gutter/4) 0, 0 0;
58
- }
59
-
60
- // Grid placement (back by default)
61
- @if $position == front {
62
- z-index: 999;
63
- } @else {
64
- z-index: -1;
65
- }
66
- }
67
- }
68
-
69
- // Grid debugging
70
- .show-grid {
71
- @include grid-show-guides($grid-medium);
72
-
73
- @include large-screen {
74
- @include grid-show-guides($grid-large);
75
- }
76
- &.flexible {
77
- @include grid-show-guides($grid-type: flexible);
78
- }
79
- &.front:before {
80
- z-index: auto;
81
- }
82
- }
83
-
84
- // Show grid on .container if enabled
85
- @if $grid-guides {
86
- .container {
87
- @extend .show-grid;
88
- .row:before {
89
- display: none;
90
- }
91
- }
92
- }
@@ -1,7 +0,0 @@
1
- @mixin clearfix {
2
- &:after {
3
- content: " ";
4
- display: table;
5
- clear: both;
6
- }
7
- }
@@ -1,12 +0,0 @@
1
- @mixin placeholder-color($color: #999) {
2
- &::-webkit-input-placeholder {
3
- color: $color;
4
- -webkit-font-smoothing: antialiased;
5
- }
6
- &:-moz-placeholder {
7
- color: $color;
8
- }
9
- &:-ms-input-placeholder {
10
- color: $color;
11
- }
12
- }