CSS-NibblePoker/scss/core/border.scss

65 lines
1.0 KiB
SCSS
Raw Normal View History

// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
/* Core > Borders */
.b, .border {
border: 1px solid #{$color-border-all};
}
.b-0 {
border: 0;
}
@mixin border-maker($side-key, $side-css-key) {
.b#{$side-key} {
border-#{$side-css-key}: 1px solid #{$color-border-all};
}
.b#{$side-key}-0 {
border-#{$side-css-key}: 0;
}
}
@include border-maker("t", "top");
@include border-maker("b", "bottom");
@include border-maker("l", "left");
@include border-maker("r", "right");
.bx {
border-left: 1px solid #{$color-border-all};
border-right: 1px solid #{$color-border-all};
}
.bx-0 {
border-left: 0;
border-right: 0;
}
.by {
border-top: 1px solid #{$color-border-all};
border-bottom: 1px solid #{$color-border-all};
}
.by-0 {
border-top: 0;
border-bottom: 0;
}
//.border {
// border: 1px solid;
//
// //&.b-light {
// // border: 1px solid #{$color-border-light};
// //}
//}
//main {
// .border {
// border: 1px solid #{$color-border-main};
// }
//}
//* {
// .dark-mode & {
// border-color: #{$color-border-all};
// }
//}