shed-css
shed-css copied to clipboard
borders
Borders
Goal
To expose all aspects of borders to a user while also providing sane defaults for the most common use cases
Properties
-
border
- ~~
border-block-end
~~ - ~~
border-block-end-color
~~ - ~~
border-block-end-style
~~ - ~~
border-block-end-width
~~ - ~~
border-block-start
~~ - ~~
border-block-start-color
~~ - ~~
border-block-start-style
~~ - ~~
border-block-start-width
~~ -
border-bottom
-
border-bottom-color
- ~~
border-bottom-left-radius
~~ - ~~
border-bottom-right-radius
~~ -
border-bottom-style
-
border-bottom-width
- ~~
border-collapse
~~ -
border-color
- ~~
border-image
~~ - ~~
border-image-outset
~~ - ~~
border-image-repeat
~~ - ~~
border-image-slice
~~ - ~~
border-image-source
~~ - ~~
border-image-width
~~ - ~~
border-inline-end
~~ - ~~
border-inline-end-color
~~ - ~~
border-inline-end-style
~~ - ~~
border-inline-end-width
~~ - ~~
border-inline-start
~~ - ~~
border-inline-start-color
~~ - ~~
border-inline-start-style
~~ - ~~
border-inline-start-width
~~ -
border-left
-
border-left-color
-
border-left-style
-
border-left-width
- ~~
border-radius
~~ -
border-right
-
border-right-color
-
border-right-style
-
border-right-width
- ~~
border-spacing
~~ -
border-style
-
border-top
-
border-top-color
- ~~
border-top-left-radius
~~ - ~~
border-top-right-radius
~~ -
border-top-style
-
border-top-width
-
border-width
Proposal
Sane Defaults
.b:$color {
border: 1px solid $color;
}
…todo
Individual Properties
…todo