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

Allow use of card component with role="article"

Browse source
This commit is contained in:
Lukas Kasticky 2024-05-25 11:15:47 +00:00
parent 6dc6489e69
commit 455339f7fa
2 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
scss/_index.scss
View file

@ -35,7 +35,7 @@
// Components // Components
@use "components/accordion"; // details, summary @use "components/accordion"; // details, summary
@use "components/card"; // article @use "components/card"; // article, role="article"
@use "components/dropdown"; // details.dropdown @use "components/dropdown"; // details.dropdown
@use "components/group"; // role="group" @use "components/group"; // role="group"
@use "components/loading"; // aria-busy=true @use "components/loading"; // aria-busy=true

5
scss/components/_card.scss
View file

@ -3,10 +3,11 @@
@if map.get($modules, "components/card") { @if map.get($modules, "components/card") {
/** /**
* Card (<article>) * Card (<article>, role="article")
*/ */
#{$parent-selector} article { #{$parent-selector} article,
#{$parent-selector} [role="article"] {
margin-bottom: var(#{$css-var-prefix}block-spacing-vertical); margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);
padding: var(#{$css-var-prefix}block-spacing-vertical) padding: var(#{$css-var-prefix}block-spacing-vertical)
var(#{$css-var-prefix}block-spacing-horizontal); var(#{$css-var-prefix}block-spacing-horizontal);