81 lines
1.8 KiB
SCSS
81 lines
1.8 KiB
SCSS
// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
|
|
|
|
/* Core > Borders */
|
|
|
|
/* Core > Borders > Enabling */
|
|
|
|
.b, .border {
|
|
border: 1px solid #{$color-border-default};
|
|
}
|
|
|
|
.bx {
|
|
border-left: 1px solid #{$color-border-default};
|
|
border-right: 1px solid #{$color-border-default};
|
|
}
|
|
|
|
.by {
|
|
border-top: 1px solid #{$color-border-default};
|
|
border-bottom: 1px solid #{$color-border-default};
|
|
}
|
|
|
|
@mixin border-maker-enable($side-key, $side-css-key) {
|
|
.b#{$side-key} {
|
|
border-#{$side-css-key}: 1px solid #{$color-border-default};
|
|
}
|
|
}
|
|
|
|
@include border-maker-enable("t", "top");
|
|
@include border-maker-enable("b", "bottom");
|
|
@include border-maker-enable("l", "left");
|
|
@include border-maker-enable("r", "right");
|
|
|
|
|
|
/* Core > Borders > Disabling */
|
|
|
|
.b-0 {
|
|
border: 0;
|
|
}
|
|
|
|
.bx-0 {
|
|
border-left: 0;
|
|
border-right: 0;
|
|
}
|
|
|
|
.by-0 {
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
@mixin border-maker-disable($side-key, $side-css-key) {
|
|
.b#{$side-key}-0 {
|
|
border-#{$side-css-key}: 0;
|
|
}
|
|
}
|
|
|
|
@include border-maker-disable("t", "top");
|
|
@include border-maker-disable("b", "bottom");
|
|
@include border-maker-disable("l", "left");
|
|
@include border-maker-disable("r", "right");
|
|
|
|
|
|
/* Core > Borders > Styles */
|
|
|
|
// TODO: Improve if per-side border styles are required.
|
|
|
|
@mixin border-style-maker($style-key, $style-css-value) {
|
|
.border-#{$style-key}, .b-#{$style-key} {
|
|
border-style: #{$style-css-value};
|
|
}
|
|
}
|
|
|
|
@include border-style-maker("none", "none");
|
|
@include border-style-maker("hidden", "hidden");
|
|
@include border-style-maker("dotted", "dotted");
|
|
@include border-style-maker("dashed", "dashed");
|
|
@include border-style-maker("solid", "solid");
|
|
@include border-style-maker("double", "double");
|
|
@include border-style-maker("groove", "groove");
|
|
@include border-style-maker("ridge", "ridge");
|
|
@include border-style-maker("inset", "inset");
|
|
@include border-style-maker("outset", "outset");
|