js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Document props and fix grid width

Browse Source
This commit is contained in:
Cory LaViska
2020-07-15 08:34:33 -04:00
parent c5b4ac867e
commit 547bf8af8a
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/color-picker/color-picker.scss
View File

@@ -1,5 +1,12 @@
@import 'component';
/**
* @prop --grid-width: The width of the color grid.
* @prop --grid-height: The height of the color grid.
* @prop --grid-handle-size: The size of the color grid's handle.
* @prop --slider-height: The height of the hue and alpha sliders.
* @prop --slider-handle-size: The diameter of the slider's handle.
*/
:host {
display: inline-block;
@@ -11,6 +18,7 @@
}
.color-picker {
width: var(--grid-width);
font-family: var(--sl-font-sans);
font-size: var(--sl-font-size-medium);
font-weight: var(--sl-font-weight-normal);
@@ -27,7 +35,6 @@
.color-picker__grid {
position: relative;
width: var(--grid-width);
height: var(--grid-height);
background-image: linear-gradient(
to bottom,