mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 10:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Dropdown component

Browse source
This commit is contained in:
Lucas Larroche 2022-01-23 17:03:03 +07:00
parent f1a6e50461
commit 45426dd4b3
9 changed files with 426 additions and 177 deletions
Download patch file Download diff file Expand all files Collapse all files

9
css/pico.slim.css
View file

@ -209,6 +209,9 @@ kbd {
0 0.125rem 2rem rgba(27, 40, 50, 0.08),
0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
--card-sectionning-background-color: #fbfbfc;
--dropdown-background-color: var(--card-background-color);
--dropdown-focus-background-color: #f6f8f9;
--dropdown-color: var(--form-element-color);
--modal-overlay-background-color: rgba(213, 220, 226, 0.8);
--progress-background-color: #d5dce2;
--progress-color: var(--primary);
@ -306,6 +309,9 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c;
--dropdown-background-color: var(--card-background-color);
--dropdown-focus-background-color: rgba(115, 130, 140, 0.05);
--dropdown-color: var(--form-element-color);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e;
--progress-color: var(--primary);
@ -402,6 +408,9 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c;
--dropdown-background-color: var(--card-background-color);
--dropdown-focus-background-color: rgba(115, 130, 140, 0.05);
--dropdown-color: var(--form-element-color);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e;
--progress-color: var(--primary);

9
css/themes/default.css
View file

@ -273,6 +273,9 @@ kbd {
0 0.125rem 2rem rgba(27, 40, 50, 0.08),
0 0 0 0.0625rem rgba(27, 40, 50, 0.024);
--card-sectionning-background-color: #fbfbfc;
--dropdown-background-color: var(--card-background-color);
--dropdown-focus-background-color: #f6f8f9;
--dropdown-color: var(--form-element-color);
--modal-overlay-background-color: rgba(213, 220, 226, 0.8);
--progress-background-color: #d5dce2;
--progress-color: var(--primary);
@ -370,6 +373,9 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c;
--dropdown-background-color: var(--card-background-color);
--dropdown-focus-background-color: rgba(115, 130, 140, 0.05);
--dropdown-color: var(--form-element-color);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e;
--progress-color: var(--primary);
@ -466,6 +472,9 @@ kbd {
0 0.125rem 2rem rgba(0, 0, 0, 0.12),
0 0 0 0.0625rem rgba(0, 0, 0, 0.036);
--card-sectionning-background-color: #18232c;
--dropdown-background-color: var(--card-background-color);
--dropdown-focus-background-color: rgba(115, 130, 140, 0.05);
--dropdown-color: var(--form-element-color);
--modal-overlay-background-color: rgba(36, 51, 62, 0.9);
--progress-background-color: #24333e;
--progress-color: var(--primary);