juliana 0.0.2 → 0.0.4
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/sass/_juliana.scss +1 -0
- data/sass/juliana/_mixins.scss +44 -25
- data/sass/juliana/_settings.scss +3 -0
- metadata +3 -2
data/sass/_juliana.scss
CHANGED
data/sass/juliana/_mixins.scss
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
//**
|
|
2
2
|
//* Sets the width and height.
|
|
3
3
|
//*
|
|
4
|
-
//* @param string $width
|
|
5
|
-
//*
|
|
4
|
+
//* @param string $width
|
|
5
|
+
//* The width of the element
|
|
6
|
+
//* @param string|boolean $height
|
|
7
|
+
//* The height of the element, or false if it is the same as the width
|
|
6
8
|
//*/
|
|
7
9
|
@mixin size( $width, $height: false ) {
|
|
8
10
|
width: $width;
|
|
@@ -18,55 +20,72 @@
|
|
|
18
20
|
//**
|
|
19
21
|
//* Sets a box-shadow
|
|
20
22
|
//*
|
|
21
|
-
//* @param string $params
|
|
23
|
+
//* @param string $params
|
|
24
|
+
//* The parameters of your box-shadow
|
|
22
25
|
//*/
|
|
23
|
-
@mixin box-shadow( $
|
|
24
|
-
-
|
|
25
|
-
|
|
26
|
-
box-shadow: $params;
|
|
26
|
+
@mixin box-shadow($shadow-1, $shadow-2: false, $shadow-3: false, $shadow-4: false, $shadow-5: false, $shadow-6: false, $shadow-7: false, $shadow-8: false, $shadow-9: false, $shadow-10: false) {
|
|
27
|
+
$shadow: compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
|
|
28
|
+
@include experimental(box-shadow, $shadow, -webkit, -moz, not -o, not -ms, not -khtml, official);
|
|
27
29
|
}
|
|
28
30
|
|
|
29
31
|
//**
|
|
30
32
|
//* Sets a border-radius
|
|
31
33
|
//*
|
|
32
|
-
//* @param string $
|
|
34
|
+
//* @param string $radii
|
|
35
|
+
//* The radii values of your border
|
|
33
36
|
//*/
|
|
34
|
-
@mixin border-radius( $
|
|
35
|
-
-moz-border-radius: $
|
|
36
|
-
border-radius: $
|
|
37
|
+
@mixin border-radius( $radii ) {
|
|
38
|
+
-moz-border-radius: $radii;
|
|
39
|
+
border-radius: $radii;
|
|
37
40
|
}
|
|
38
41
|
|
|
39
42
|
//**
|
|
40
43
|
//* Sets opacity
|
|
41
44
|
//*
|
|
42
|
-
//* @param number $opacity
|
|
45
|
+
//* @param number $opacity
|
|
46
|
+
//* A number between 0 and 1, where 0 is transparent and 1 is opaque.
|
|
43
47
|
//*/
|
|
44
48
|
@mixin opacity( $opacity ) {
|
|
45
49
|
opacity: $opacity;
|
|
46
50
|
filter:alpha(opacity=$opacity * 100);
|
|
47
51
|
}
|
|
48
52
|
|
|
49
|
-
//**
|
|
50
|
-
//* Defines a transition
|
|
51
|
-
//*
|
|
52
|
-
//* @param string $params The parameters of your transition
|
|
53
|
-
//*/
|
|
54
|
-
@mixin transition( $params ) {
|
|
55
|
-
-webkit-transition: $params;
|
|
56
|
-
-moz-transition: $params;
|
|
57
|
-
-o-transition: $params;
|
|
58
|
-
transition: $params;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
53
|
//**
|
|
62
54
|
//* Sets rotation values
|
|
63
55
|
//*
|
|
64
56
|
//* @param string $params The parameters of your rotate
|
|
65
57
|
//*/
|
|
66
|
-
@mixin rotate
|
|
58
|
+
@mixin rotate( $params ) {
|
|
67
59
|
-webkit-transform: rotate( $params );
|
|
68
60
|
-moz-transform: rotate( $params );
|
|
69
61
|
-ms-transform: rotate( $params );
|
|
70
62
|
-o-transform: rotate( $params );
|
|
71
63
|
transform: rotate( $params );
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
//**
|
|
67
|
+
//* Creates content and rules for a pseudo-element
|
|
68
|
+
//*
|
|
69
|
+
//* @param string [$display] The display value of your pseudo-element. Defaults to inline-block
|
|
70
|
+
//* @param string [$content] The content value of your pseudo-element. Defaults to an empty string
|
|
71
|
+
//* @param string [$position] The position value of your pseudo-element. Defaults to false, which does not set a position
|
|
72
|
+
//*/
|
|
73
|
+
@mixin pseudo( $display: inline-block, $content: "", $position: false ) {
|
|
74
|
+
display: $display;
|
|
75
|
+
content: $content;
|
|
76
|
+
|
|
77
|
+
@if $position {
|
|
78
|
+
position: $position;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
//**
|
|
83
|
+
//* Sets the box-sizing.
|
|
84
|
+
//*
|
|
85
|
+
//* @param string [$sizing] The type of box-sizing you want to use. Defaults to border-box.
|
|
86
|
+
//*/
|
|
87
|
+
@mixin box-sizing( $sizing: border-box ) {
|
|
88
|
+
-webkit-box-sizing: $sizing;
|
|
89
|
+
-moz-box-sizing: $sizing;
|
|
90
|
+
box-sizing: $sizing;
|
|
72
91
|
}
|
metadata
CHANGED
|
@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
|
|
|
5
5
|
segments:
|
|
6
6
|
- 0
|
|
7
7
|
- 0
|
|
8
|
-
-
|
|
9
|
-
version: 0.0.
|
|
8
|
+
- 4
|
|
9
|
+
version: 0.0.4
|
|
10
10
|
platform: ruby
|
|
11
11
|
authors:
|
|
12
12
|
- Jackie, Jess, John
|
|
@@ -30,6 +30,7 @@ files:
|
|
|
30
30
|
- lib/juliana.rb
|
|
31
31
|
- sass/_juliana.scss
|
|
32
32
|
- sass/juliana/_mixins.scss
|
|
33
|
+
- sass/juliana/_settings.scss
|
|
33
34
|
has_rdoc: true
|
|
34
35
|
homepage: http://be.net
|
|
35
36
|
licenses: []
|