juliana 0.0.7 → 0.0.8
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/_mixins.scss +29 -12
- data/sass/juliana/_settings.scss +2 -1
- metadata +1 -1
data/sass/juliana/_mixins.scss
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
//**
|
|
2
2
|
//* Sets the width and height.
|
|
3
3
|
//*
|
|
4
|
-
//* @param string $width
|
|
5
|
-
//*
|
|
6
|
-
//* @param string|boolean $height
|
|
7
|
-
//* The height of the element, or false if it is the same as the width
|
|
4
|
+
//* @param string [$width] The width of the element
|
|
5
|
+
//* @param string|boolean [$height] The height of the element, or false if it is the same as the width
|
|
8
6
|
//*/
|
|
9
7
|
@mixin size( $width, $height: false ) {
|
|
10
8
|
width: $width;
|
|
@@ -20,8 +18,7 @@
|
|
|
20
18
|
//**
|
|
21
19
|
//* Sets a box-shadow
|
|
22
20
|
//*
|
|
23
|
-
//* @param string $params
|
|
24
|
-
//* The parameters of your box-shadow
|
|
21
|
+
//* @param string [$params] The parameters of your box-shadow
|
|
25
22
|
//*/
|
|
26
23
|
@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
24
|
$shadow: compact($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10);
|
|
@@ -31,8 +28,7 @@
|
|
|
31
28
|
//**
|
|
32
29
|
//* Sets a border-radius
|
|
33
30
|
//*
|
|
34
|
-
//* @param string $radii
|
|
35
|
-
//* The radii values of your border
|
|
31
|
+
//* @param string [$radii] The radii values of your border
|
|
36
32
|
//*/
|
|
37
33
|
@mixin border-radius( $radii ) {
|
|
38
34
|
-moz-border-radius: $radii;
|
|
@@ -42,8 +38,7 @@
|
|
|
42
38
|
//**
|
|
43
39
|
//* Sets opacity
|
|
44
40
|
//*
|
|
45
|
-
//* @param number $opacity
|
|
46
|
-
//* A number between 0 and 1, where 0 is transparent and 1 is opaque.
|
|
41
|
+
//* @param number [$opacity] A number between 0 and 1, where 0 is transparent and 1 is opaque.
|
|
47
42
|
//*/
|
|
48
43
|
@mixin opacity( $opacity ) {
|
|
49
44
|
opacity: $opacity;
|
|
@@ -53,7 +48,7 @@
|
|
|
53
48
|
//**
|
|
54
49
|
//* Sets rotation values
|
|
55
50
|
//*
|
|
56
|
-
//* @param string $params The parameters of your rotate
|
|
51
|
+
//* @param string [$params] The parameters of your rotate
|
|
57
52
|
//*/
|
|
58
53
|
@mixin rotate( $params ) {
|
|
59
54
|
-webkit-transform: rotate( $params );
|
|
@@ -88,4 +83,26 @@
|
|
|
88
83
|
-webkit-box-sizing: $sizing;
|
|
89
84
|
-moz-box-sizing: $sizing;
|
|
90
85
|
box-sizing: $sizing;
|
|
91
|
-
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
//**
|
|
89
|
+
//* Sets the background gradient.
|
|
90
|
+
//*
|
|
91
|
+
//* @param color [$color1] The first color of the gradient. Can be a hex code or RGBA value.
|
|
92
|
+
//* @param color [$color2] The second color of the gradient. Can be a hex code or RGBA value.
|
|
93
|
+
//* @param color [$bgcolor] The color you want background-color to be. If not specified, the middle-value of the two color stops will be calculated and used.
|
|
94
|
+
//*/
|
|
95
|
+
@mixin gradient( $color1, $color2, $bgcolor: false ) {
|
|
96
|
+
|
|
97
|
+
@if $bgcolor {
|
|
98
|
+
background: $bgcolor;
|
|
99
|
+
}
|
|
100
|
+
@else {
|
|
101
|
+
background: opacify( mix($color1, $color2, 50%), 1 );
|
|
102
|
+
}
|
|
103
|
+
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( $color1 ), to( $color2 ));
|
|
104
|
+
background: -webkit-linear-gradient( 0% 0%, 0% 100%, from( $color1 ), to( $color2 ));
|
|
105
|
+
background: -moz-linear-gradient(center top, $color1, $color2 );
|
|
106
|
+
background: linear-gradient( $color1, $color2 );
|
|
107
|
+
|
|
108
|
+
} // gradient
|
data/sass/juliana/_settings.scss
CHANGED