maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add crayon styles to c-color-picker (#18178)

Browse source
This commit is contained in:
Andrew Bone 2022-07-20 16:36:31 +01:00 • committed by GitHub
parent 427cec341c
commit 1162ddb88a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 37 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
app/assets/stylesheets/components/forms.scss
View file

@ -275,6 +275,43 @@ textarea.crayons-textfield.crayons-textfield--ghost {
&__popover {
min-width: min-content;
& .react-colorful {
padding: var(--su-2);
border-radius: var(--radius);
background: var(--card-bg);
box-shadow: var(--shadow-1);
width: 220px;
height: 160px;
&__pointer {
cursor: pointer;
}
&__saturation {
margin: 0 0 var(--su-2) 0;
border-radius: var(--radius);
}
&__saturation-pointer {
width: var(--fs-s);
height: var(--fs-s);
border: 2px solid var(--card-bg);
border-radius: 50%;
}
&__hue {
height: var(--fs-xs);
border-radius: var(--radius);
}
&__hue-pointer {
border: 2px solid var(--card-bg);
border-radius: 1px;
width: var(--fs-s);
height: calc(100% + 8px);
}
}
}
}