js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

style touchup

Browse Source
This commit is contained in:
lindsaym-fa
2025-10-23 16:20:32 -04:00
parent a0356041f1
commit a46ed25ce4
1 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/webawesome/src/components/card/card.css
View File

@@ -76,21 +76,8 @@
}
}
/* Make these slots "full width" */
::slotted([slot='header']),
::slotted([slot='footer']) {
flex-grow: 1;
}
/* Push slots to sides when the action slots renders */
.has-actions {
display: flex;
justify-content: space-between;
}
.header {
display: block;
align-items: center;
border-block-end-style: inherit;
border-block-end-color: var(--wa-color-surface-border);
border-block-end-width: var(--wa-panel-border-width);
@@ -104,13 +91,19 @@
.footer {
display: block;
align-items: center;
border-block-start-style: inherit;
border-block-start-color: var(--wa-color-surface-border);
border-block-start-width: var(--wa-panel-border-width);
padding: var(--spacing);
}
/* Push slots to sides when the action slots renders */
.has-actions {
display: flex;
align-items: center;
justify-content: space-between;
}
:host(:not([with-header])) .header,
:host(:not([with-footer])) .footer,
:host(:not([with-media])) .media {
@@ -125,7 +118,12 @@
border-start-start-radius: var(--inner-border-radius);
border-end-start-radius: var(--inner-border-radius);
border-start-end-radius: 0;
object-fit: cover;
&::slotted(*) {
block-size: 100%;
inline-size: 100%;
object-fit: cover;
}
}
}