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

refactor: group CSS vars

Browse source
This commit is contained in:
Lucas Larroche 2023-04-10 10:48:10 +07:00
parent 4f2f597f9f
commit 1dfbf84833
10 changed files with 26 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

9
css/pico.classless.css
View file

@ -22,6 +22,9 @@
--pico-block-spacing-horizontal: var(--pico-spacing); --pico-block-spacing-horizontal: var(--pico-spacing);
--pico-form-element-spacing-vertical: 0.75rem; --pico-form-element-spacing-vertical: 0.75rem;
--pico-form-element-spacing-horizontal: 1rem; --pico-form-element-spacing-horizontal: 1rem;
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
--pico-modal-overlay-backdrop-filter: blur(0.375rem); --pico-modal-overlay-backdrop-filter: blur(0.375rem);
--pico-nav-element-spacing-vertical: 1rem; --pico-nav-element-spacing-vertical: 1rem;
--pico-nav-element-spacing-horizontal: 0.5rem; --pico-nav-element-spacing-horizontal: 0.5rem;
@ -254,12 +257,6 @@ input:not([type=submit],
--pico-border-radius: 5rem; --pico-border-radius: 5rem;
} }
[role=search],
[role=group] {
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
}
[role=search] button, [role=search] button,
[role=search] [type=submit], [role=search] [type=submit],
[role=search] [type=button], [role=search] [type=button],

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

9
css/pico.css
View file

@ -24,6 +24,9 @@
--pico-grid-row-gap: var(--pico-spacing); --pico-grid-row-gap: var(--pico-spacing);
--pico-form-element-spacing-vertical: 0.75rem; --pico-form-element-spacing-vertical: 0.75rem;
--pico-form-element-spacing-horizontal: 1rem; --pico-form-element-spacing-horizontal: 1rem;
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
--pico-modal-overlay-backdrop-filter: blur(0.375rem); --pico-modal-overlay-backdrop-filter: blur(0.375rem);
--pico-nav-element-spacing-vertical: 1rem; --pico-nav-element-spacing-vertical: 1rem;
--pico-nav-element-spacing-horizontal: 0.5rem; --pico-nav-element-spacing-horizontal: 0.5rem;
@ -264,12 +267,6 @@ nav details.dropdown summary:focus-visible {
--pico-border-radius: 5rem; --pico-border-radius: 5rem;
} }
[role=search],
[role=group] {
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
}
[role=search]:has(button.secondary:focus, [role=search]:has(button.secondary:focus,
[type=submit].secondary:focus, [type=submit].secondary:focus,
[type=button].secondary:focus, [type=button].secondary:focus,

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

9
css/pico.fluid.classless.css
View file

@ -22,6 +22,9 @@
--pico-block-spacing-horizontal: var(--pico-spacing); --pico-block-spacing-horizontal: var(--pico-spacing);
--pico-form-element-spacing-vertical: 0.75rem; --pico-form-element-spacing-vertical: 0.75rem;
--pico-form-element-spacing-horizontal: 1rem; --pico-form-element-spacing-horizontal: 1rem;
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
--pico-modal-overlay-backdrop-filter: blur(0.375rem); --pico-modal-overlay-backdrop-filter: blur(0.375rem);
--pico-nav-element-spacing-vertical: 1rem; --pico-nav-element-spacing-vertical: 1rem;
--pico-nav-element-spacing-horizontal: 0.5rem; --pico-nav-element-spacing-horizontal: 0.5rem;
@ -254,12 +257,6 @@ input:not([type=submit],
--pico-border-radius: 5rem; --pico-border-radius: 5rem;
} }
[role=search],
[role=group] {
--pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
--pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
}
[role=search] button, [role=search] button,
[role=search] [type=submit], [role=search] [type=submit],
[role=search] [type=button], [role=search] [type=button],

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

19
scss/themes/default/_styles.scss
View file

@ -71,6 +71,17 @@
#{$✨}form-label-font-weight: var(#{$✨}font-weight); #{$✨}form-label-font-weight: var(#{$✨}font-weight);
} }
// Group (role="group")
@if map.get($modules, "components/group") {
#{$✨}group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
#{$✨}group-box-shadow-focus-with-button: 0
0
0
var(#{$✨}outline-width)
var(#{$✨}primary-focus);
#{$✨}group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(#{$✨}form-element-border-color);
}
// Modal (<dialog>) // Modal (<dialog>)
@if map.get($modules, "components/modal") { @if map.get($modules, "components/modal") {
#{$✨}modal-overlay-backdrop-filter: blur(0.375rem); #{$✨}modal-overlay-backdrop-filter: blur(0.375rem);
@ -382,14 +393,6 @@
[role="search"], [role="search"],
[role="group"] { [role="group"] {
#{$✨}group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
#{$✨}group-box-shadow-focus-with-button: 0
0
0
var(#{$✨}outline-width)
var(#{$✨}primary-focus);
#{$✨}group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(#{$✨}form-element-border-color);
@if $enable-classes { @if $enable-classes {
&:has( &:has(
button.secondary:focus, button.secondary:focus,