mindy 0.1.2 → 0.1.2.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.
- data/lib/mindy.rb +3 -3
- data/stylesheets/mindy/_mindy.scss +9 -8
- data/stylesheets/mindy/css3/_arrows.scss +111 -0
- data/stylesheets/mindy/utils/_reset.scss +2 -2
- metadata +4 -2
data/lib/mindy.rb
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
@import "utils/
|
|
1
|
+
@import "utils/_variables.scss";
|
|
2
2
|
|
|
3
|
-
@import "utils/
|
|
3
|
+
@import "utils/_mixins.scss";
|
|
4
4
|
|
|
5
5
|
//@import "utils/reset.scss";
|
|
6
6
|
//@import "css3/buttons";
|
|
7
|
-
@import "grid/
|
|
8
|
-
@import "grid/
|
|
7
|
+
@import "grid/_grid.scss";
|
|
8
|
+
@import "grid/_respond.scss";
|
|
9
9
|
//@import "css3/animate";
|
|
10
|
-
@import "css3/
|
|
11
|
-
@import "css3/
|
|
12
|
-
@import "css3/
|
|
10
|
+
@import "css3/_font-family.scss";
|
|
11
|
+
@import "css3/_arrows.scss";
|
|
12
|
+
@import "css3/_shadow.scss";
|
|
13
|
+
@import "css3/_formalize.scss";
|
|
13
14
|
|
|
14
15
|
//temporary and deprecated mixins and variables
|
|
15
|
-
@import "utils/
|
|
16
|
+
@import "utils/_deprecated.scss";
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
// ==========================================================================
|
|
2
|
+
// SASS ARROW CSS
|
|
3
|
+
// by Anderson Juhasc
|
|
4
|
+
// ==========================================================================
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
// @mixin sass-arrow-each
|
|
8
|
+
// ==========================================================================
|
|
9
|
+
|
|
10
|
+
//
|
|
11
|
+
// selecionador de propriedades
|
|
12
|
+
//
|
|
13
|
+
|
|
14
|
+
@mixin sass-arrow-each($prop, $cond, $value) {
|
|
15
|
+
$arrayPosition: "top", "right", "bottom", "left";
|
|
16
|
+
|
|
17
|
+
@each $prefix in $arrayPosition {
|
|
18
|
+
@if ( $prefix == $cond ) {
|
|
19
|
+
@if ($prop == positions) {
|
|
20
|
+
#{$prefix}: $value;
|
|
21
|
+
}
|
|
22
|
+
@else if ($prop == border) {
|
|
23
|
+
border-#{$prefix}-color: $value;
|
|
24
|
+
}
|
|
25
|
+
@else if ($prop == margin) {
|
|
26
|
+
margin-#{$prefix}: $value;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
// @mixin sass-arrow-create
|
|
34
|
+
// ==========================================================================
|
|
35
|
+
|
|
36
|
+
//
|
|
37
|
+
// cria arrow personalizada
|
|
38
|
+
//
|
|
39
|
+
|
|
40
|
+
@mixin sass-arrow-create($size, $color, $border-width, $border-color, $position1, $value1, $position2, $value2) {
|
|
41
|
+
position: relative;
|
|
42
|
+
background: $color;
|
|
43
|
+
border: $border-width solid $border-color;
|
|
44
|
+
|
|
45
|
+
&:after, &:before {
|
|
46
|
+
|
|
47
|
+
@include sass-arrow-each(positions, $position1, $value1);
|
|
48
|
+
|
|
49
|
+
border: solid transparent;
|
|
50
|
+
content: " ";
|
|
51
|
+
height: 0;
|
|
52
|
+
width: 0;
|
|
53
|
+
position: absolute;
|
|
54
|
+
pointer-events: none;
|
|
55
|
+
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&:after {
|
|
59
|
+
|
|
60
|
+
@include sass-arrow-each(border, $position1, $color);
|
|
61
|
+
|
|
62
|
+
border-width: $size;
|
|
63
|
+
|
|
64
|
+
@include sass-arrow-each(positions, $position2, $value2);
|
|
65
|
+
|
|
66
|
+
@include sass-arrow-each(margin, $position2, 0px - $size);
|
|
67
|
+
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
&:before {
|
|
71
|
+
|
|
72
|
+
@include sass-arrow-each(border, $position1, $border-color);
|
|
73
|
+
|
|
74
|
+
border-width: $size + round(1.41421356 * $border-width);
|
|
75
|
+
|
|
76
|
+
@include sass-arrow-each(positions, $position2, $value2);
|
|
77
|
+
|
|
78
|
+
@include sass-arrow-each(margin, $position2, 0px - ($size + round(1.41421356 * $border-width)));
|
|
79
|
+
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
// @mixin sass-arrow
|
|
85
|
+
// ==========================================================================
|
|
86
|
+
|
|
87
|
+
//
|
|
88
|
+
// cria arrow padronizada para as posicoes top, right, bottom e left
|
|
89
|
+
// modo de usar: sass-arrow(left, 12px, red, 1px, blue);
|
|
90
|
+
// faca o teste
|
|
91
|
+
//
|
|
92
|
+
|
|
93
|
+
@mixin sass-arrow($position, $size, $color, $border-width, $border-color){
|
|
94
|
+
|
|
95
|
+
@if ($position == top) {
|
|
96
|
+
@include sass-arrow-create($size, $color, $border-width, $border-color, bottom, 100%, left, 50%);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
@elseif ($position == right) {
|
|
100
|
+
@include sass-arrow-create($size, $color, $border-width, $border-color, left, 100%, top, 50%);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
@elseif ($position == bottom) {
|
|
104
|
+
@include sass-arrow-create($size, $color, $border-width, $border-color, top, 100%, left, 50%);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
@elseif ($position == left) {
|
|
108
|
+
@include sass-arrow-create($size, $color, $border-width, $border-color, right, 100%, top, 50%);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
}
|
metadata
CHANGED
|
@@ -6,7 +6,8 @@ version: !ruby/object:Gem::Version
|
|
|
6
6
|
- 0
|
|
7
7
|
- 1
|
|
8
8
|
- 2
|
|
9
|
-
|
|
9
|
+
- 1
|
|
10
|
+
version: 0.1.2.1
|
|
10
11
|
platform: ruby
|
|
11
12
|
authors:
|
|
12
13
|
- Falaleev Maxim
|
|
@@ -14,7 +15,7 @@ autorequire:
|
|
|
14
15
|
bindir: bin
|
|
15
16
|
cert_chain: []
|
|
16
17
|
|
|
17
|
-
date: 2012-
|
|
18
|
+
date: 2012-10-05 00:00:00 +04:00
|
|
18
19
|
default_executable:
|
|
19
20
|
dependencies:
|
|
20
21
|
- !ruby/object:Gem::Dependency
|
|
@@ -44,6 +45,7 @@ files:
|
|
|
44
45
|
- lib/mindy.rb
|
|
45
46
|
- stylesheets/mindy/_mindy.scss
|
|
46
47
|
- stylesheets/mindy/css3/_animate.scss
|
|
48
|
+
- stylesheets/mindy/css3/_arrows.scss
|
|
47
49
|
- stylesheets/mindy/css3/_buttons.scss
|
|
48
50
|
- stylesheets/mindy/css3/_buttons_refactor.scss
|
|
49
51
|
- stylesheets/mindy/css3/_font-family.scss
|