doryan/material-you-react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

COMPLETED: Card sub-components

Browse Source 
TODO: fixed styles for :active state
This commit is contained in:
doryan04
2024-02-04 02:58:56 +04:00
committed by doryan
parent 9ee845fbba
commit 263856baf1
4 changed files with 74 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/styles/generics.css
View File

@@ -3,11 +3,12 @@
@import "./themes/typography.module.css";
@import "./themes/theme.dark.css" (prefers-color-scheme: dark);
@import "./themes/theme.light.css" (prefers-color-scheme: light);
.m3:not(:first-child):is(.m3-card) {
padding: 16px;
div.m3.m3-card > .m3-card-media:first-child {
padding: 0px;
border-radius: 12px !important;
}
:is(div.m3-card-footer, header.m3-card-header, section.m3-card-body).m3 {
:is(div.m3-card-footer, header.m3-card-header, section.m3-card-body, img.m3-card-media).m3 {
padding: 16px;
display: block;
box-sizing: border-box;
@@ -15,14 +16,13 @@
.m3.m3-card-media {
width: 100%;
height: 100%;
display: block;
contain: content;
position: relative;
box-sizing: border-box;
}
.m3.m3-card-media.m3-rounded {
border-radius: 12px;
border-radius: 28px;
}
div.m3.m3-card-action-area {