Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

initial commit

Browse source
This commit is contained in:
thislight 2024-07-14 20:28:44 +08:00
commit 4a80c8552b
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
46 changed files with 8309 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

65
src/material/material.module.css Normal file
View file

@ -0,0 +1,65 @@
.surface {
background-color: var(--tutu-color-surface);
color: var(--tutu-color-on-surface);
}
.touchTarget {
min-width: 44px;
min-height: 44px;
cursor: pointer;
}
.button {
composes: buttonText from './typography.module.css';
composes: touchTarget;
border: none;
background-color: transparent;
color: var(--tutu-color-primary);
font-family: inherit;
&:focus,&:hover,&:focus-visible {
background-color: var(--tutu-color-surface-dd);
}
&.pressed {
background-color: var(--tutu-color-surface-d);
}
&.raised {
background-color: var(--tutu-color-primary);
color: var(--tutu-color-on-primary);
}
&:disabled, &[aria-disabled]:not([aria-disabled="false"]) {
color: #9e9e9e;
&:focus,&:hover,&:focus-visible {
background-color: transparent;
}
}
.toolbar &, .appbar & {
height: 100%;
margin-block: 0;
padding-block: 0;
border-radius: 0;
}
.appbar & {
color: var(--tutu-color-on-primary);
&:focus,&:hover,&:focus-visible {
background-color: var(--tutu-color-primary-ll);
}
&.pressed {
background-color: var(--tutu-color-primary-l);
}
}
.toolbar & {
color: var(--tutu-color-on-surface);
}
}