2017-12-23 09:43:23 +01:00
|
|
|
.border {
|
2020-06-01 23:02:51 +02:00
|
|
|
@include color('border-color','primary' );
|
2020-09-07 02:11:51 +02:00
|
|
|
border-style: solid;
|
|
|
|
border-width: 2px;
|
2017-12-23 09:43:23 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.border,
|
|
|
|
.border-1,
|
|
|
|
.child-borders>*:nth-child(6n+1) {
|
|
|
|
@include border-style(1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.border-2,
|
|
|
|
.child-borders>*:nth-child(6n+2) {
|
|
|
|
@include border-style(2);
|
|
|
|
}
|
|
|
|
|
|
|
|
.border-3,
|
|
|
|
.child-borders>*:nth-child(6n+3) {
|
|
|
|
@include border-style(3);
|
|
|
|
}
|
|
|
|
|
|
|
|
.border-4,
|
|
|
|
.child-borders>*:nth-child(6n+4) {
|
|
|
|
@include border-style(4);
|
|
|
|
}
|
|
|
|
|
|
|
|
.border-5,
|
|
|
|
.child-borders>*:nth-child(6n+5) {
|
|
|
|
@include border-style(5);
|
|
|
|
}
|
|
|
|
|
|
|
|
.border-6,
|
|
|
|
.child-borders>*:nth-child(6n+6) {
|
|
|
|
@include border-style(6);
|
2017-09-27 23:10:41 +02:00
|
|
|
}
|
2017-12-19 17:52:52 +01:00
|
|
|
|
|
|
|
.child-borders>* {
|
2020-08-26 00:36:52 +02:00
|
|
|
@include color('border-color', 'primary');
|
2020-09-07 02:11:51 +02:00
|
|
|
border-style: solid;
|
|
|
|
border-width: 2px;
|
2017-09-27 23:10:41 +02:00
|
|
|
}
|
2017-12-19 17:52:52 +01:00
|
|
|
|
2017-09-27 23:10:41 +02:00
|
|
|
.border-white {
|
2020-08-26 00:36:52 +02:00
|
|
|
@include color('border-color', 'white');
|
2017-10-31 18:18:52 +01:00
|
|
|
}
|
2017-12-19 17:52:52 +01:00
|
|
|
|
2017-10-31 18:18:52 +01:00
|
|
|
.border-dotted {
|
2017-12-19 17:52:52 +01:00
|
|
|
border-style: dotted;
|
2017-10-31 18:18:52 +01:00
|
|
|
}
|
2017-12-19 17:52:52 +01:00
|
|
|
|
2017-10-31 18:18:52 +01:00
|
|
|
.border-dashed {
|
2017-12-19 17:52:52 +01:00
|
|
|
border-style: dashed;
|
2017-10-31 18:18:52 +01:00
|
|
|
}
|
2017-12-19 17:52:52 +01:00
|
|
|
|
2017-10-31 18:18:52 +01:00
|
|
|
.border-thick {
|
2017-12-19 17:52:52 +01:00
|
|
|
border-width: 5px;
|
2017-11-01 16:37:52 +01:00
|
|
|
}
|
|
|
|
|
2017-12-19 17:52:33 +01:00
|
|
|
@each $colorName, $color in $colors {
|
|
|
|
.border-#{$colorName} {
|
2020-08-26 00:36:52 +02:00
|
|
|
@include color('border-color', #{$colorName});
|
2017-12-19 17:52:33 +01:00
|
|
|
}
|
2017-11-01 16:37:52 +01:00
|
|
|
}
|