mirror of
https://github.com/picocss/pico.git
synced 2025-04-22 01:26:13 -04:00
Improve scss: [type="color"]
This commit is contained in:
parent
6ffe09837b
commit
10ae20608a
1 changed files with 12 additions and 5 deletions
|
@ -7,23 +7,30 @@
|
||||||
[type="color"] {
|
[type="color"] {
|
||||||
|
|
||||||
// Wrapper
|
// Wrapper
|
||||||
&::-webkit-color-swatch-wrapper {
|
@mixin color-wrapper {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&::-webkit-color-swatch-wrapper {
|
||||||
|
@include color-wrapper;
|
||||||
|
}
|
||||||
|
|
||||||
&::-moz-focus-inner {
|
&::-moz-focus-inner {
|
||||||
padding: 0;
|
@include color-wrapper;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Swatch
|
// Swatch
|
||||||
&::-webkit-color-swatch {
|
@mixin color-swatch {
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: calc(var(--border-radius) * 0.5);
|
border-radius: calc(var(--border-radius) * 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&::-webkit-color-swatch {
|
||||||
|
@include color-swatch;
|
||||||
|
}
|
||||||
|
|
||||||
&::-moz-color-swatch {
|
&::-moz-color-swatch {
|
||||||
border: none;
|
@include color-swatch;
|
||||||
border-radius: calc(var(--border-radius) * 0.5);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue