compass-framelessgrid 0.0.1 → 0.0.2
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.
|
Binary file
|
|
@@ -1 +1,25 @@
|
|
|
1
|
+
@import "partials/base";
|
|
2
|
+
|
|
3
|
+
@mixin reponsive-core($width, $height: auto, $background: false, $display: false, $font-size: $font-size, $margin: $margin) {
|
|
4
|
+
height: $height;
|
|
5
|
+
width: $width;
|
|
6
|
+
font-size: $font-size;
|
|
7
|
+
margin: $margin;
|
|
8
|
+
@if $background {
|
|
9
|
+
background-image: url($background);
|
|
10
|
+
-webkit-background-size: $width $height;
|
|
11
|
+
-moz-background-size: $width $height;
|
|
12
|
+
background-size: $width $height;
|
|
13
|
+
}
|
|
14
|
+
@if $display {
|
|
15
|
+
display: none;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
}
|
|
19
|
+
|
|
1
20
|
// This is your framework's main stylesheet. Use it to import all default modules.
|
|
21
|
+
@mixin mobile-portrait($width, $height: auto, $background: false, $display: false, $font-size: $font-size, $margin: $margin) {
|
|
22
|
+
@media only screen and (min-width: 20em) and (max-width: 29.938em) {
|
|
23
|
+
@include reponsive-core($width, $height, $background, $display: false, $font-size: $font-size, $margin: $margin);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
$font-size: 16px; // Your base font-size in pixels
|
|
2
|
+
$em: $font-size / 1em; // Shorthand for outputting ems
|
|
3
|
+
$margin: 0 auto;
|
|
4
|
+
$column: 48px; // The column-width of your grid in pixels
|
|
5
|
+
$gutter: 24px; // The gutter-width of your grid in pixels
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
//
|
|
9
|
+
// Column-widths in variables, in ems
|
|
10
|
+
//
|
|
11
|
+
|
|
12
|
+
$cols1: ( 1 * ($column + $gutter) - $gutter) / $em;
|
|
13
|
+
$cols2: ( 2 * ($column + $gutter) - $gutter) / $em;
|
|
14
|
+
$cols3: ( 3 * ($column + $gutter) - $gutter) / $em;
|
|
15
|
+
$cols4: ( 4 * ($column + $gutter) - $gutter) / $em;
|
|
16
|
+
$cols5: ( 5 * ($column + $gutter) - $gutter) / $em;
|
|
17
|
+
$cols6: ( 6 * ($column + $gutter) - $gutter) / $em;
|
|
18
|
+
$cols7: ( 7 * ($column + $gutter) - $gutter) / $em;
|
|
19
|
+
$cols8: ( 8 * ($column + $gutter) - $gutter) / $em;
|
|
20
|
+
$cols9: ( 9 * ($column + $gutter) - $gutter) / $em;
|
|
21
|
+
$cols10: (10 * ($column + $gutter) - $gutter) / $em;
|
|
22
|
+
$cols11: (11 * ($column + $gutter) - $gutter) / $em;
|
|
23
|
+
$cols12: (12 * ($column + $gutter) - $gutter) / $em;
|
|
24
|
+
$cols13: (13 * ($column + $gutter) - $gutter) / $em;
|
|
25
|
+
$cols14: (14 * ($column + $gutter) - $gutter) / $em;
|
|
26
|
+
$cols15: (15 * ($column + $gutter) - $gutter) / $em;
|
|
27
|
+
$cols16: (16 * ($column + $gutter) - $gutter) / $em;
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: compass-framelessgrid
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.2
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -53,10 +53,12 @@ files:
|
|
|
53
53
|
- Gemfile
|
|
54
54
|
- README.md
|
|
55
55
|
- Rakefile
|
|
56
|
+
- compass-framelessgrid-0.0.1.gem
|
|
56
57
|
- compass-framelessgrid.gemspec
|
|
57
58
|
- lib/compass-framelessgrid.rb
|
|
58
59
|
- lib/compass-framelessgrid/version.rb
|
|
59
60
|
- stylesheets/_compass-framelessgrid.scss
|
|
61
|
+
- stylesheets/partials/_base.scss
|
|
60
62
|
- templates/project/manifest.rb
|
|
61
63
|
- templates/project/screen.scss
|
|
62
64
|
homepage: http://marcinant.github.com/responsive-sass/welcome
|