Skip to content

Commit 32e98b1

Browse files
committed
Bower register
2 parents ea76c67 + 4a66913 commit 32e98b1

File tree

2 files changed

+87
-20
lines changed

2 files changed

+87
-20
lines changed

README.md

Lines changed: 29 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,10 @@ A collection of [SASS](http://sass-lang.com/ "SASS") mixins for your project.
1010
* [Opacity](#opacity)
1111
* [Clearfix](#clearfix)
1212
* [Border radius](#border-radius)
13+
* [Border top radius](#border-top-radius)
14+
* [Border bottom radius](#border-bottom-radius)
15+
* [Border left radius](#border-left-radius)
16+
* [Border right radius](#border-right-radius)
1317
* [Box-sizing](#box-sizing)
1418
* [Transition](#transition)
1519
* [Columns](#columns)
@@ -23,7 +27,7 @@ A collection of [SASS](http://sass-lang.com/ "SASS") mixins for your project.
2327
* [Rotate](#rotate)
2428
* [Transform-origin](#transform-origin)
2529
* [Gradients](#gradients)
26-
* [Linear Horizonta (simple)](#linear-horizontal-simple)
30+
* [Linear Horizontal (simple)](#linear-horizontal-simple)
2731
* [Linear Horizontal (multiple)](#linear-horizontal-multiple)
2832
* [Linear Vertical (simple)](#linear-vertical-simple)
2933
* [Linear Vertical (multiple)](#linear-vertical-multiple)
@@ -73,6 +77,29 @@ A collection of [SASS](http://sass-lang.com/ "SASS") mixins for your project.
7377
.class { @include border-radius(10px); }
7478
```
7579

80+
### Border-top-Radius
81+
82+
```scss
83+
.class { @include border-top-radius(10px); }
84+
```
85+
86+
### Border-bottom-Radius
87+
88+
```scss
89+
.class { @include border-bottom-radius(10px); }
90+
```
91+
92+
### Border-left-Radius
93+
94+
```scss
95+
.class { @include border-left-radius(10px); }
96+
```
97+
98+
### Border-right-Radius
99+
100+
```scss
101+
.class { @include border-right-radius(10px); }
102+
```
76103
## Box-sizing
77104

78105
```scss
@@ -186,4 +213,4 @@ The first color is the background color and the other are steps of gradient.
186213

187214
```scss
188215
.class { @include font-face("helvetica","../font/helvetica"); }
189-
```
216+
```

_mixins.scss

Lines changed: 58 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -18,25 +18,25 @@
1818
/* Opacity
1919
========================================================================== */
2020
@mixin opacity($value) {
21-
$ie: $value * 100;
22-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ie)";
23-
filter: alpha(opacity=$ie);
24-
-khtml-opacity: $value;
25-
-moz-opacity: $value;
26-
opacity: $value;
21+
$ie: $value * 100;
22+
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$ie)";
23+
filter: alpha(opacity=$ie);
24+
-khtml-opacity: $value;
25+
-moz-opacity: $value;
26+
opacity: $value;
2727
}
2828

2929
/* Clearfix
3030
========================================================================== */
3131
@mixin cf {
32-
*zoom: 1;
33-
&:before, &:after {
34-
content: "";
35-
display: table;
36-
}
37-
&:after {
38-
clear: both;
39-
}
32+
*zoom: 1;
33+
&:before, &:after {
34+
content: "";
35+
display: table;
36+
}
37+
&:after {
38+
clear: both;
39+
}
4040
}
4141

4242
/* Absolute center
@@ -62,9 +62,49 @@
6262
/* Border radius
6363
========================================================================== */
6464
@mixin border-radius($foo) {
65-
-webkit-border-radius: $foo;
66-
-moz-border-radius: $foo;
67-
border-radius: $foo;
65+
-webkit-border-radius: $foo;
66+
-moz-border-radius: $foo;
67+
border-radius: $foo;
68+
}
69+
70+
@mixin border-top-radius($foo) {
71+
-webkit-border-top-left-radius: $foo;
72+
-moz-border-top-left-radius: $foo;
73+
border-top-left-radius: $foo;
74+
75+
-webkit-border-top-right-radius: $foo;
76+
-moz-border-top-right-radius: $foo;
77+
border-top-right-radius: $foo;
78+
}
79+
80+
@mixin border-bottom-radius($foo) {
81+
-webkit-border-bottom-left-radius: $foo;
82+
-moz-border-bottom-left-radius: $foo;
83+
border-bottom-left-radius: $foo;
84+
85+
-webkit-border-bottom-right-radius: $foo;
86+
-moz-border-bottom-right-radius: $foo;
87+
border-bottom-right-radius: $foo;
88+
}
89+
90+
@mixin border-left-radius($foo) {
91+
-webkit-border-top-left-radius: $foo;
92+
-moz-border-top-left-radius: $foo;
93+
border-top-left-radius: $foo;
94+
95+
-webkit-border-bottom-left-radius: $foo;
96+
-moz-border-bottom-left-radius: $foo;
97+
border-bottom-left-radius: $foo;
98+
}
99+
100+
@mixin border-right-radius($foo) {
101+
-webkit-border-top-right-radius: $foo;
102+
-moz-border-top-right-radius: $foo;
103+
border-top-right-radius: $foo;
104+
105+
-webkit-border-bottom-right-radius: $foo;
106+
-moz-border-bottom-right-radius: $foo;
107+
border-bottom-right-radius: $foo;
68108
}
69109

70110
/* Box-sizing
@@ -263,4 +303,4 @@
263303
background: -o-linear-gradient(left, $colors) $bgColor;
264304
background: -ms-linear-gradient(left, $colors) $bgColor;
265305
background: linear-gradient(to right, $colors) $bgColor;
266-
}
306+
}

0 commit comments

Comments
 (0)