mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-03 20:39:07 +08:00
73 lines
2.2 KiB
SCSS
73 lines
2.2 KiB
SCSS
/*!markdown
|
|
|
|
---
|
|
title: 边框宽度
|
|
---
|
|
|
|
| Class | Properties |
|
|
| ----------- | ------------------------ |
|
|
| border | border-width: 1px |
|
|
| border-0 | border-width: 0px |
|
|
| border-2 | border-width: 2px |
|
|
| border-4 | border-width: 4px |
|
|
| border-8 | border-width: 8px |
|
|
| border-t | border-top-width: 1px |
|
|
| border-r | border-right-width: 1px |
|
|
| border-b | border-bottom-width: 1px |
|
|
| border-l | border-left-width: 1px |
|
|
| border-t-0 | border-top-width: 0px |
|
|
| border-r-0 | border-right-width: 0px |
|
|
| border-b-0 | border-bottom-width: 0px |
|
|
| border-l-0 | border-left-width: 0px |
|
|
| border-t-2 | border-top-width: 2px |
|
|
| border-r-2 | border-right-width: 2px |
|
|
| border-b-2 | border-bottom-width: 2px |
|
|
| border-l-2 | border-left-width: 2px |
|
|
| border-t-4 | border-top-width: 4px |
|
|
| border-r-4 | border-right-width: 4px |
|
|
| border-b-4 | border-bottom-width: 4px |
|
|
| border-l-4 | border-left-width: 4px |
|
|
| border-t-8 | border-top-width: 8px |
|
|
| border-r-8 | border-right-width: 8px |
|
|
| border-b-8 | border-bottom-width: 8px |
|
|
| border-l-8 | border-left-width: 8px |
|
|
|
|
|
|
*/
|
|
|
|
@mixin border-widths($prefix: '.', $suffix: '') {
|
|
@each $name, $value in $borderWidths {
|
|
#{$prefix}border#{suffixName($name)}#{$suffix} {
|
|
border-width: $value;
|
|
}
|
|
}
|
|
|
|
@each $name, $value in $borderWidths {
|
|
#{$prefix}border-t#{suffixName($name)}#{$suffix} {
|
|
border-top-width: $value;
|
|
}
|
|
#{$prefix}border-r#{suffixName($name)}#{$suffix} {
|
|
border-right-width: $value;
|
|
}
|
|
#{$prefix}border-b#{suffixName($name)}#{$suffix} {
|
|
border-bottom-width: $value;
|
|
}
|
|
#{$prefix}border-l#{suffixName($name)}#{$suffix} {
|
|
border-left-width: $value;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include border-widths();
|
|
@each $deivce in map-keys($devices) {
|
|
@include media-device($deivce) {
|
|
@include border-widths('.' + selector-escape($deivce + ':'));
|
|
}
|
|
}
|
|
|
|
// @include border-radius('.' + selector-escape('hover:'), ':hover');
|
|
// @include border-radius('.' + selector-escape('active:'), '.is-active');
|
|
// @include border-radius('.' + selector-escape('focus:'), ':focus');
|
|
// @include border-radius('.' + selector-escape('disabled:'), '.is-disabled');
|
|
// @include border-radius('.group:hover .' + selector-escape('group-hover:'));
|