UNPKG

com.phloxui

Version:

PhloxUI Ng2+ Framework

19 lines (15 loc) • 960 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// Mixins lib for rounded corner style @import "../variables"; .phlox-rounded-corner(@boxSize, @percent: @DEFAULT_ROUNDED_CORNER_CIRCLE_PERCENT) { .rounded-corner-circle(@boxSize, @percent); } .phlox-rounded-corner-circle(@boxSize, @percent: @DEFAULT_ROUNDED_CORNER_CIRCLE_PERCENT) { border-radius: e(%("%a", floor(@boxSize * @percent / 100))); -moz-border-radius: e(%("%a", floor(@boxSize * @percent / 100))); -webkit-border-radius: e(%("%a", floor(@boxSize * @percent / 100))); } .phlox-rounded-corner-elliptic(@boxSize, @xPercent: @DEFAULT_ROUNDED_CORNER_ELLIPTIC_X_PERCENT, @yPercent: @DEFAULT_ROUNDED_CORNER_ELLIPTIC_Y_PERCENT) { border-radius: e(%("%a %a", floor(@boxSize * @xPercent / 100), floor(@boxSize * @yPercent / 100))); -moz-border-radius: e(%("%a/%a", floor(@boxSize * @xPercent / 100), floor(@boxSize * @yPercent / 100))); -webkit-border-radius: e(%("%a %a", floor(@boxSize * @xPercent / 100), floor(@boxSize * @yPercent / 100))); }