12
12
// }
13
13
$global-border-box : false !default ;
14
14
15
- @mixin borderbox ($dimensions , $padding , $border : false) {
15
+ @mixin borderbox ($dimensions , $padding : false , $border : false) {
16
16
@if not $global-border-box {
17
17
@include box-sizing (border-box );
18
18
}
@@ -25,6 +25,29 @@ $global-border-box: false !default;
25
25
$height : nth ($dimensions , 2 );
26
26
}
27
27
28
+ // Extract padding values
29
+ $padding-length : length ($padding );
30
+ $padding-y : 0 ;
31
+ $padding-x : 0 ;
32
+
33
+ @if $padding {
34
+ padding : $padding ;
35
+
36
+ @if $padding-length == 4 {
37
+ $padding-y : nth ($padding , 1 ) + nth ($padding , 3 );
38
+ $padding-x : nth ($padding , 2 ) + nth ($padding , 4 );
39
+ } @else if $padding-length == 3 {
40
+ $padding-y : nth ($padding , 1 ) + nth ($padding , 3 );
41
+ $padding-x : nth ($padding , 2 ) * 2 ;
42
+ } @else if $padding-length == 2 {
43
+ $padding-y : nth ($padding , 1 ) * 2 ;
44
+ $padding-x : nth ($padding , 2 ) * 2 ;
45
+ } @else if $padding-length == 1 {
46
+ $padding-y : $padding * 2 ;
47
+ $padding-x : $padding * 2 ;
48
+ }
49
+ }
50
+
28
51
// Extract border values
29
52
$use-border-shorthand : false;
30
53
$border-width : false;
@@ -40,32 +63,11 @@ $global-border-box: false !default;
40
63
$use-border-shorthand : true;
41
64
}
42
65
}
43
-
44
- // Extract padding values
45
- padding : $padding ;
46
-
47
- $padding-length : length ($padding );
48
- $padding-y : 0 ;
49
- $padding-x : 0 ;
50
-
66
+
51
67
$border-length : length ($border-width );
52
68
$border-y : 0 ;
53
69
$border-x : 0 ;
54
70
55
- @if $padding-length == 4 {
56
- $padding-y : nth ($padding , 1 ) + nth ($padding , 3 );
57
- $padding-x : nth ($padding , 2 ) + nth ($padding , 4 );
58
- } @else if $padding-length == 3 {
59
- $padding-y : nth ($padding , 1 ) + nth ($padding , 3 );
60
- $padding-x : nth ($padding , 2 ) * 2 ;
61
- } @else if $padding-length == 2 {
62
- $padding-y : nth ($padding , 1 ) * 2 ;
63
- $padding-x : nth ($padding , 2 ) * 2 ;
64
- } @else if $padding-length == 1 {
65
- $padding-y : $padding * 2 ;
66
- $padding-x : $padding * 2 ;
67
- }
68
-
69
71
@if $border {
70
72
@if $use-border-shorthand {
71
73
border : $border ;
0 commit comments