handysass 0.1.1 → 0.1.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.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 43c943481415e25104d58a44332ed1f59cf3364d
|
|
4
|
+
data.tar.gz: a6c524f0226c84e6ed557d0641871dc9193cdf7b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 576da55515393d9a97bc9a9910aa27a263fa7986b2e469951ef3e42c8c79c881f317a47a0415455708094bde90dc945ea388a952dd6487038c37321749570c6f
|
|
7
|
+
data.tar.gz: 3104fb48d83982a8d74b86dac26d2d6675e98dcbc33af6d1f4d7b355cd9fe31d4145f4063a3f03e26dd9fd7b21baed40b0a80001735ee2e309b8c10a5920b234
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
@import "compass/utilities/general/clearfix";
|
|
3
3
|
@import "compass/css3/inline-block";
|
|
4
4
|
|
|
5
|
-
.clearfix{
|
|
6
|
-
@include pie-clearfix
|
|
5
|
+
.clearfix {
|
|
6
|
+
@include pie-clearfix;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.inline-block{
|
|
10
|
-
@include inline-block
|
|
9
|
+
.inline-block {
|
|
10
|
+
@include inline-block;
|
|
11
11
|
}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
@import "compass/typography/text/ellipsis";
|
|
3
3
|
@import "compass/typography/text/replacement";
|
|
4
4
|
|
|
5
|
-
.ellipsis{
|
|
6
|
-
@include ellipsis
|
|
5
|
+
.ellipsis {
|
|
6
|
+
@include ellipsis;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
.hide-text{
|
|
10
|
-
@include hide-text
|
|
9
|
+
.hide-text {
|
|
10
|
+
@include hide-text;
|
|
11
11
|
}
|
|
@@ -2,6 +2,13 @@ $sm-screen: 768px !default;
|
|
|
2
2
|
$md-screen: 990px !default;
|
|
3
3
|
$lg-screen: 1200px !default;
|
|
4
4
|
|
|
5
|
+
// Add a screen @media rule for 2x pixel ratio (retina display)
|
|
6
|
+
@mixin retina-screen {
|
|
7
|
+
@media only screen and (-webkit-min-device-pixel-ratio: 2){
|
|
8
|
+
@content;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
5
12
|
// Add a screen @media rule for the specified min/max widths.
|
|
6
13
|
//
|
|
7
14
|
// Recommended use: keywork argument syntax, for consistency
|
|
@@ -10,7 +17,7 @@ $lg-screen: 1200px !default;
|
|
|
10
17
|
// @param mixed $min The min width of the screen (false to ignore).
|
|
11
18
|
// @param mixed $max The max width of the screen (false to ignore).
|
|
12
19
|
|
|
13
|
-
@mixin screen-size($min:false, $max:false){
|
|
20
|
+
@mixin screen-size($min:false, $max:false) {
|
|
14
21
|
$rule: "screen";
|
|
15
22
|
|
|
16
23
|
@if $min and $max {
|
|
@@ -29,57 +36,57 @@ $lg-screen: 1200px !default;
|
|
|
29
36
|
}
|
|
30
37
|
|
|
31
38
|
// Extra-Small (Mobile) only
|
|
32
|
-
@mixin xs-screen{
|
|
33
|
-
@include screen-size($max: $sm-screen - 1){
|
|
39
|
+
@mixin xs-screen {
|
|
40
|
+
@include screen-size($max: $sm-screen - 1) {
|
|
34
41
|
@content;
|
|
35
42
|
}
|
|
36
43
|
}
|
|
37
44
|
|
|
38
45
|
// Small (Tablet) and up
|
|
39
|
-
@mixin sm-screen-min{
|
|
40
|
-
@include screen-size($min: $sm-screen){
|
|
46
|
+
@mixin sm-screen-min {
|
|
47
|
+
@include screen-size($min: $sm-screen) {
|
|
41
48
|
@content;
|
|
42
49
|
}
|
|
43
50
|
}
|
|
44
51
|
|
|
45
52
|
// Small (Tablet) and down
|
|
46
|
-
@mixin sm-screen-max{
|
|
47
|
-
@include screen-size($max: $md-screen - 1){
|
|
53
|
+
@mixin sm-screen-max {
|
|
54
|
+
@include screen-size($max: $md-screen - 1) {
|
|
48
55
|
@content;
|
|
49
56
|
}
|
|
50
57
|
}
|
|
51
58
|
|
|
52
59
|
// Small (Tablet) only
|
|
53
|
-
@mixin sm-screen{
|
|
54
|
-
@include screen-size($min: $sm-screen, $max: $md-screen - 1){
|
|
60
|
+
@mixin sm-screen {
|
|
61
|
+
@include screen-size($min: $sm-screen, $max: $md-screen - 1) {
|
|
55
62
|
@content;
|
|
56
63
|
}
|
|
57
64
|
}
|
|
58
65
|
|
|
59
66
|
// Medium (Desktop) and up
|
|
60
|
-
@mixin md-screen-min{
|
|
61
|
-
@include screen-size($min: $md-screen){
|
|
67
|
+
@mixin md-screen-min {
|
|
68
|
+
@include screen-size($min: $md-screen) {
|
|
62
69
|
@content;
|
|
63
70
|
}
|
|
64
71
|
}
|
|
65
72
|
|
|
66
73
|
// Medium (Desktop) and down
|
|
67
|
-
@mixin md-screen-max{
|
|
68
|
-
@include screen-size($max: $lg-screen - 1){
|
|
74
|
+
@mixin md-screen-max {
|
|
75
|
+
@include screen-size($max: $lg-screen - 1) {
|
|
69
76
|
@content;
|
|
70
77
|
}
|
|
71
78
|
}
|
|
72
79
|
|
|
73
80
|
// Medium (Desktop) only
|
|
74
|
-
@mixin md-screen{
|
|
75
|
-
@include screen-size($min: $md-screen, $max: $lg-screen - 1){
|
|
81
|
+
@mixin md-screen {
|
|
82
|
+
@include screen-size($min: $md-screen, $max: $lg-screen - 1) {
|
|
76
83
|
@content;
|
|
77
84
|
}
|
|
78
85
|
}
|
|
79
86
|
|
|
80
87
|
// Large (Widescreen) and up
|
|
81
|
-
@mixin lg-screen{
|
|
82
|
-
@include screen-size($min: $lg-screen){
|
|
88
|
+
@mixin lg-screen {
|
|
89
|
+
@include screen-size($min: $lg-screen) {
|
|
83
90
|
@content;
|
|
84
91
|
}
|
|
85
92
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Internal helper function
|
|
2
|
-
@mixin -handy-sprite($left, $top, $width, $height){
|
|
2
|
+
@mixin -handy-sprite($left, $top, $width, $height) {
|
|
3
3
|
background-position: (-1 * ($left - 1) * $width) (-1 * ($top - 1) * $height);
|
|
4
4
|
}
|
|
5
5
|
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
// @param pixels $hover_left The left offset on hover
|
|
23
23
|
// @param pixels $hover_top The top offset on hover
|
|
24
24
|
|
|
25
|
-
@mixin handy-sprite($left, $top, $width, $height, $hover_left:0, $hover_top:0){
|
|
25
|
+
@mixin handy-sprite($left, $top, $width, $height, $hover_left:0, $hover_top:0) {
|
|
26
26
|
@include -handy-sprite($left, $top, $width, $height);
|
|
27
27
|
|
|
28
28
|
@if $hover_left != 0 or $hover_top != 0 {
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
@if $hover_top == 0 {
|
|
33
33
|
$hover_top: $top;
|
|
34
34
|
}
|
|
35
|
-
&:hover{
|
|
35
|
+
&:hover {
|
|
36
36
|
@include -handy-sprite($hover_left, $hover_top, $width, $height);
|
|
37
37
|
}
|
|
38
38
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: handysass
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Doug Wollison
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2012-01-
|
|
11
|
+
date: 2012-01-28 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: compass
|