illusion 0.3.0 → 0.4.0
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/sass/_basics.scss +153 -0
- data/sass/_illusion.scss +2 -1
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ab4d711bbeec8120f8d9ca41f59adbf66e30a026
|
|
4
|
+
data.tar.gz: 5411ad4c5db0ba23c0e33ee80931d39d6c1c1fcd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d7c98f3cca3b04d82ca3eca9cd0e38ed02074a623547b300a822ed72e8e6e4c11e2a432be5224d9c06d612b16453c8795599da9d373e672ae36160a0ee59249b
|
|
7
|
+
data.tar.gz: 22026d1a5f567db7a99efdaa07261097cf613361d5203117a4e4dd2ee82fbb6af773cc092e6ab3e5b4e1fab3a3015b63a6892d2c8231e8aedcd66d5dd51d1ca4
|
data/sass/_basics.scss
ADDED
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
@mixin column-count($count) {
|
|
2
|
+
-webkit-column-count: $count;
|
|
3
|
+
-moz-column-count: $count;
|
|
4
|
+
column-count: $count;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
// Clearfix
|
|
8
|
+
// --------
|
|
9
|
+
// For clearing floats like a boss h5bp.com/q
|
|
10
|
+
@mixin clearfix {
|
|
11
|
+
*zoom: 1;
|
|
12
|
+
&:before,
|
|
13
|
+
&:after {
|
|
14
|
+
display: table;
|
|
15
|
+
content: "";
|
|
16
|
+
// Fixes Opera/contenteditable bug:
|
|
17
|
+
// http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
|
|
18
|
+
line-height: 0;
|
|
19
|
+
}
|
|
20
|
+
&:after {
|
|
21
|
+
clear: both;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
// IE7 inline-block
|
|
26
|
+
// ----------------
|
|
27
|
+
@mixin ie7-inline-block() {
|
|
28
|
+
*display: inline; /* IE7 inline-block hack */
|
|
29
|
+
*zoom: 1;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
// Webkit-style focus
|
|
33
|
+
// ------------------
|
|
34
|
+
@mixin tab-focus() {
|
|
35
|
+
// Default
|
|
36
|
+
outline: thin dotted #333;
|
|
37
|
+
// Webkit
|
|
38
|
+
outline: 5px auto -webkit-focus-ring-color;
|
|
39
|
+
outline-offset: -2px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// Border Radius
|
|
43
|
+
@mixin border-radius($radius) {
|
|
44
|
+
-webkit-border-radius: $radius;
|
|
45
|
+
-moz-border-radius: $radius;
|
|
46
|
+
border-radius: $radius;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
// Box sizing
|
|
50
|
+
@mixin box-sizing($boxmodel) {
|
|
51
|
+
-webkit-box-sizing: $boxmodel;
|
|
52
|
+
-moz-box-sizing: $boxmodel;
|
|
53
|
+
box-sizing: $boxmodel;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
// Drop shadows
|
|
57
|
+
@mixin box-shadow($shadow...) {
|
|
58
|
+
-webkit-box-shadow: $shadow;
|
|
59
|
+
-moz-box-shadow: $shadow;
|
|
60
|
+
box-shadow: $shadow;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
// Transitions
|
|
64
|
+
@mixin transition($transition...) {
|
|
65
|
+
-webkit-transition: $transition;
|
|
66
|
+
-moz-transition: $transition;
|
|
67
|
+
-o-transition: $transition;
|
|
68
|
+
transition: $transition;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
@mixin transition-delay($transition-delay) {
|
|
72
|
+
-webkit-transition-delay: $transition-delay;
|
|
73
|
+
-moz-transition-delay: $transition-delay;
|
|
74
|
+
-o-transition-delay: $transition-delay;
|
|
75
|
+
transition-delay: $transition-delay;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@mixin transition-duration($transition-duration) {
|
|
79
|
+
-webkit-transition-duration: $transition-duration;
|
|
80
|
+
-moz-transition-duration: $transition-duration;
|
|
81
|
+
-o-transition-duration: $transition-duration;
|
|
82
|
+
transition-duration: $transition-duration;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
// Opacity
|
|
86
|
+
@mixin opacity($opacity) {
|
|
87
|
+
opacity: $opacity / 100;
|
|
88
|
+
filter: alpha(opacity=$opacity);
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@mixin font-shorthand($size: $base-font-size, $weight: normal, $lineHeight: $baseLineHeight) {
|
|
92
|
+
font-size: $size;
|
|
93
|
+
font-weight: $weight;
|
|
94
|
+
line-height: $lineHeight;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
// Placeholder text
|
|
98
|
+
// -------------------------
|
|
99
|
+
@mixin placeholder($color: $placeholderText) {
|
|
100
|
+
&:-moz-placeholder {
|
|
101
|
+
color: $color;
|
|
102
|
+
}
|
|
103
|
+
&:-ms-input-placeholder {
|
|
104
|
+
color: $color;
|
|
105
|
+
}
|
|
106
|
+
&::-webkit-input-placeholder {
|
|
107
|
+
color: $color;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
// Hide element while at the same time make it accessible
|
|
112
|
+
@mixin visually-hidden() {
|
|
113
|
+
margin: -1px;
|
|
114
|
+
padding: 0;
|
|
115
|
+
width: 1px;
|
|
116
|
+
height: 1px;
|
|
117
|
+
overflow: hidden;
|
|
118
|
+
clip: rect(0 0 0 0);
|
|
119
|
+
clip: rect(0, 0, 0, 0);
|
|
120
|
+
position: absolute;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
@mixin visually-shown() {
|
|
124
|
+
margin: 0;
|
|
125
|
+
padding: 0;
|
|
126
|
+
width: auto;
|
|
127
|
+
height: auto;
|
|
128
|
+
overflow: auto;
|
|
129
|
+
clip: auto;
|
|
130
|
+
position: static;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
|
|
134
|
+
// Color the label and help text
|
|
135
|
+
.form__label {
|
|
136
|
+
color: $text-color;
|
|
137
|
+
}
|
|
138
|
+
// Set the border and box shadow on specific inputs to match
|
|
139
|
+
.form__input,
|
|
140
|
+
.select2-default {
|
|
141
|
+
border-color: $border-color;
|
|
142
|
+
@include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work
|
|
143
|
+
&:focus {
|
|
144
|
+
border-color: darken($border-color, 10%);
|
|
145
|
+
$shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten($border-color, 20%);
|
|
146
|
+
@include box-shadow($shadow);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
// Optional feedback icon
|
|
150
|
+
.form__feedback {
|
|
151
|
+
color: $text-color;
|
|
152
|
+
}
|
|
153
|
+
}
|
data/sass/_illusion.scss
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@import "ie";
|
|
1
|
+
@import "ie";
|
|
2
|
+
@import "basics";
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: illusion
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.4.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Tom Janssens
|
|
@@ -91,6 +91,7 @@ files:
|
|
|
91
91
|
- LICENSE.txt
|
|
92
92
|
- README.rdoc
|
|
93
93
|
- lib/illusion.rb
|
|
94
|
+
- sass/_basics.scss
|
|
94
95
|
- sass/_ie.scss
|
|
95
96
|
- sass/_illusion.scss
|
|
96
97
|
homepage: http://github.com/timble/illusion
|
|
@@ -113,7 +114,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
113
114
|
version: '0'
|
|
114
115
|
requirements: []
|
|
115
116
|
rubyforge_project:
|
|
116
|
-
rubygems_version: 2.
|
|
117
|
+
rubygems_version: 2.2.2
|
|
117
118
|
signing_key:
|
|
118
119
|
specification_version: 4
|
|
119
120
|
summary: Sass mixins.
|