mirror of
https://github.com/th-ch/youtube-music.git
synced 2026-01-09 01:31:46 +00:00
9b8daac28c
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: JellyBrick <shlee1503@naver.com>
608 lines
19 KiB
CSS
608 lines
19 KiB
CSS
:root {
|
|
--mdui-breakpoint-xs: 0px;
|
|
--mdui-breakpoint-sm: 600px;
|
|
--mdui-breakpoint-md: 840px;
|
|
--mdui-breakpoint-lg: 1080px;
|
|
--mdui-breakpoint-xl: 1440px;
|
|
--mdui-breakpoint-xxl: 1920px;
|
|
}
|
|
|
|
:root {
|
|
--mdui-color-primary-light: 103, 80, 164;
|
|
--mdui-color-primary-container-light: 234, 221, 255;
|
|
--mdui-color-on-primary-light: 255, 255, 255;
|
|
--mdui-color-on-primary-container-light: 33, 0, 94;
|
|
--mdui-color-inverse-primary-light: 208, 188, 255;
|
|
--mdui-color-secondary-light: 98, 91, 113;
|
|
--mdui-color-secondary-container-light: 232, 222, 248;
|
|
--mdui-color-on-secondary-light: 255, 255, 255;
|
|
--mdui-color-on-secondary-container-light: 30, 25, 43;
|
|
--mdui-color-tertiary-light: 125, 82, 96;
|
|
--mdui-color-tertiary-container-light: 255, 216, 228;
|
|
--mdui-color-on-tertiary-light: 255, 255, 255;
|
|
--mdui-color-on-tertiary-container-light: 55, 11, 30;
|
|
--mdui-color-surface-light: 254, 247, 255;
|
|
--mdui-color-surface-dim-light: 222, 216, 225;
|
|
--mdui-color-surface-bright-light: 254, 247, 255;
|
|
--mdui-color-surface-container-lowest-light: 255, 255, 255;
|
|
--mdui-color-surface-container-low-light: 247, 242, 250;
|
|
--mdui-color-surface-container-light: 243, 237, 247;
|
|
--mdui-color-surface-container-high-light: 236, 230, 240;
|
|
--mdui-color-surface-container-highest-light: 230, 224, 233;
|
|
--mdui-color-surface-variant-light: 231, 224, 236;
|
|
--mdui-color-on-surface-light: 28, 27, 31;
|
|
--mdui-color-on-surface-variant-light: 73, 69, 78;
|
|
--mdui-color-inverse-surface-light: 49, 48, 51;
|
|
--mdui-color-inverse-on-surface-light: 244, 239, 244;
|
|
--mdui-color-background-light: 254, 247, 255;
|
|
--mdui-color-on-background-light: 28, 27, 31;
|
|
--mdui-color-error-light: 179, 38, 30;
|
|
--mdui-color-error-container-light: 249, 222, 220;
|
|
--mdui-color-on-error-light: 255, 255, 255;
|
|
--mdui-color-on-error-container-light: 65, 14, 11;
|
|
--mdui-color-outline-light: 121, 116, 126;
|
|
--mdui-color-outline-variant-light: 196, 199, 197;
|
|
--mdui-color-shadow-light: 0, 0, 0;
|
|
--mdui-color-surface-tint-color-light: 103, 80, 164;
|
|
--mdui-color-scrim-light: 0, 0, 0;
|
|
--mdui-color-primary-dark: 208, 188, 255;
|
|
--mdui-color-primary-container-dark: 79, 55, 139;
|
|
--mdui-color-on-primary-dark: 55, 30, 115;
|
|
--mdui-color-on-primary-container-dark: 234, 221, 255;
|
|
--mdui-color-inverse-primary-dark: 103, 80, 164;
|
|
--mdui-color-secondary-dark: 204, 194, 220;
|
|
--mdui-color-secondary-container-dark: 74, 68, 88;
|
|
--mdui-color-on-secondary-dark: 51, 45, 65;
|
|
--mdui-color-on-secondary-container-dark: 232, 222, 248;
|
|
--mdui-color-tertiary-dark: 239, 184, 200;
|
|
--mdui-color-tertiary-container-dark: 99, 59, 72;
|
|
--mdui-color-on-tertiary-dark: 73, 37, 50;
|
|
--mdui-color-on-tertiary-container-dark: 255, 216, 228;
|
|
--mdui-color-surface-dark: 20, 18, 24;
|
|
--mdui-color-surface-dim-dark: 20, 18, 24;
|
|
--mdui-color-surface-bright-dark: 59, 56, 62;
|
|
--mdui-color-surface-container-lowest-dark: 15, 13, 19;
|
|
--mdui-color-surface-container-low-dark: 29, 27, 32;
|
|
--mdui-color-surface-container-dark: 33, 31, 38;
|
|
--mdui-color-surface-container-high-dark: 43, 41, 48;
|
|
--mdui-color-surface-container-highest-dark: 54, 52, 59;
|
|
--mdui-color-surface-variant-dark: 73, 69, 79;
|
|
--mdui-color-on-surface-dark: 230, 225, 229;
|
|
--mdui-color-on-surface-variant-dark: 202, 196, 208;
|
|
--mdui-color-inverse-surface-dark: 230, 225, 229;
|
|
--mdui-color-inverse-on-surface-dark: 49, 48, 51;
|
|
--mdui-color-background-dark: 20, 18, 24;
|
|
--mdui-color-on-background-dark: 230, 225, 229;
|
|
--mdui-color-error-dark: 242, 184, 181;
|
|
--mdui-color-error-container-dark: 140, 29, 24;
|
|
--mdui-color-on-error-dark: 96, 20, 16;
|
|
--mdui-color-on-error-container-dark: 249, 222, 220;
|
|
--mdui-color-outline-dark: 147, 143, 153;
|
|
--mdui-color-outline-variant-dark: 68, 71, 70;
|
|
--mdui-color-shadow-dark: 0, 0, 0;
|
|
--mdui-color-surface-tint-color-dark: 208, 188, 255;
|
|
--mdui-color-scrim-dark: 0, 0, 0;
|
|
}
|
|
|
|
.mdui-theme-dark,
|
|
:root {
|
|
color-scheme: dark;
|
|
--mdui-color-primary: var(--mdui-color-primary-dark);
|
|
--mdui-color-primary-container: var(--mdui-color-primary-container-dark);
|
|
--mdui-color-on-primary: var(--mdui-color-on-primary-dark);
|
|
--mdui-color-on-primary-container: var(
|
|
--mdui-color-on-primary-container-dark
|
|
);
|
|
--mdui-color-inverse-primary: var(--mdui-color-inverse-primary-dark);
|
|
--mdui-color-secondary: var(--mdui-color-secondary-dark);
|
|
--mdui-color-secondary-container: var(--mdui-color-secondary-container-dark);
|
|
--mdui-color-on-secondary: var(--mdui-color-on-secondary-dark);
|
|
--mdui-color-on-secondary-container: var(
|
|
--mdui-color-on-secondary-container-dark
|
|
);
|
|
--mdui-color-tertiary: var(--mdui-color-tertiary-dark);
|
|
--mdui-color-tertiary-container: var(--mdui-color-tertiary-container-dark);
|
|
--mdui-color-on-tertiary: var(--mdui-color-on-tertiary-dark);
|
|
--mdui-color-on-tertiary-container: var(
|
|
--mdui-color-on-tertiary-container-dark
|
|
);
|
|
--mdui-color-surface: var(--mdui-color-surface-dark);
|
|
--mdui-color-surface-dim: var(--mdui-color-surface-dim-dark);
|
|
--mdui-color-surface-bright: var(--mdui-color-surface-bright-dark);
|
|
--mdui-color-surface-container-lowest: var(
|
|
--mdui-color-surface-container-lowest-dark
|
|
);
|
|
--mdui-color-surface-container-low: var(
|
|
--mdui-color-surface-container-low-dark
|
|
);
|
|
--mdui-color-surface-container: var(--mdui-color-surface-container-dark);
|
|
--mdui-color-surface-container-high: var(
|
|
--mdui-color-surface-container-high-dark
|
|
);
|
|
--mdui-color-surface-container-highest: var(
|
|
--mdui-color-surface-container-highest-dark
|
|
);
|
|
--mdui-color-surface-variant: var(--mdui-color-surface-variant-dark);
|
|
--mdui-color-on-surface: var(--mdui-color-on-surface-dark);
|
|
--mdui-color-on-surface-variant: var(--mdui-color-on-surface-variant-dark);
|
|
--mdui-color-inverse-surface: var(--mdui-color-inverse-surface-dark);
|
|
--mdui-color-inverse-on-surface: var(--mdui-color-inverse-on-surface-dark);
|
|
--mdui-color-background: var(--mdui-color-background-dark);
|
|
--mdui-color-on-background: var(--mdui-color-on-background-dark);
|
|
--mdui-color-error: var(--mdui-color-error-dark);
|
|
--mdui-color-error-container: var(--mdui-color-error-container-dark);
|
|
--mdui-color-on-error: var(--mdui-color-on-error-dark);
|
|
--mdui-color-on-error-container: var(--mdui-color-on-error-container-dark);
|
|
--mdui-color-outline: var(--mdui-color-outline-dark);
|
|
--mdui-color-outline-variant: var(--mdui-color-outline-variant-dark);
|
|
--mdui-color-shadow: var(--mdui-color-shadow-dark);
|
|
--mdui-color-surface-tint-color: var(--mdui-color-surface-tint-color-dark);
|
|
--mdui-color-scrim: var(--mdui-color-scrim-dark);
|
|
color: rgb(var(--mdui-color-on-background));
|
|
background-color: rgb(var(--mdui-color-background));
|
|
}
|
|
|
|
:root {
|
|
--mdui-elevation-level0: none;
|
|
--mdui-elevation-level1: 0 0.5px 1.5px 0 rgba(var(--mdui-color-shadow), 19%),
|
|
0 0 1px 0 rgba(var(--mdui-color-shadow), 3.9%);
|
|
--mdui-elevation-level2: 0 0.85px 3px 0 rgba(var(--mdui-color-shadow), 19%),
|
|
0 0.25px 1px 0 rgba(var(--mdui-color-shadow), 3.9%);
|
|
--mdui-elevation-level3: 0 1.25px 5px 0 rgba(var(--mdui-color-shadow), 19%),
|
|
0 0.3333px 1.5px 0 rgba(var(--mdui-color-shadow), 3.9%);
|
|
--mdui-elevation-level4: 0 1.85px 6.25px 0 rgba(var(--mdui-color-shadow), 19%),
|
|
0 0.5px 1.75px 0 rgba(var(--mdui-color-shadow), 3.9%);
|
|
--mdui-elevation-level5: 0 2.75px 9px 0 rgba(var(--mdui-color-shadow), 19%),
|
|
0 0.25px 3px 0 rgba(var(--mdui-color-shadow), 3.9%);
|
|
}
|
|
|
|
:root {
|
|
--mdui-motion-easing-linear: cubic-bezier(0, 0, 1, 1);
|
|
--mdui-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
|
|
--mdui-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
|
|
--mdui-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
|
|
--mdui-motion-easing-emphasized: var(--mdui-motion-easing-standard);
|
|
--mdui-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
|
|
--mdui-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
|
|
--mdui-motion-duration-short1: 50ms;
|
|
--mdui-motion-duration-short2: 100ms;
|
|
--mdui-motion-duration-short3: 150ms;
|
|
--mdui-motion-duration-short4: 200ms;
|
|
--mdui-motion-duration-medium1: 250ms;
|
|
--mdui-motion-duration-medium2: 300ms;
|
|
--mdui-motion-duration-medium3: 350ms;
|
|
--mdui-motion-duration-medium4: 400ms;
|
|
--mdui-motion-duration-long1: 450ms;
|
|
--mdui-motion-duration-long2: 500ms;
|
|
--mdui-motion-duration-long3: 550ms;
|
|
--mdui-motion-duration-long4: 600ms;
|
|
--mdui-motion-duration-extra-long1: 700ms;
|
|
--mdui-motion-duration-extra-long2: 800ms;
|
|
--mdui-motion-duration-extra-long3: 900ms;
|
|
--mdui-motion-duration-extra-long4: 1000ms;
|
|
}
|
|
|
|
.mdui-prose {
|
|
line-height: 1.75;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.mdui-prose :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.mdui-prose :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mdui-prose code,
|
|
.mdui-prose kbd,
|
|
.mdui-prose pre,
|
|
.mdui-prose pre tt,
|
|
.mdui-prose samp {
|
|
font-family: Consolas, Courier, 'Courier New', monospace;
|
|
}
|
|
|
|
.mdui-prose caption {
|
|
text-align: left;
|
|
}
|
|
.mdui-prose [draggable='true'],
|
|
.mdui-prose [draggable] {
|
|
cursor: move;
|
|
}
|
|
.mdui-prose [draggable='false'] {
|
|
cursor: inherit;
|
|
}
|
|
.mdui-prose dl,
|
|
.mdui-prose form,
|
|
.mdui-prose ol,
|
|
.mdui-prose p,
|
|
.mdui-prose ul {
|
|
margin-top: 1.25em;
|
|
margin-bottom: 1.25em;
|
|
}
|
|
.mdui-prose a {
|
|
text-decoration: none;
|
|
outline: 0;
|
|
color: rgb(var(--mdui-color-primary));
|
|
}
|
|
.mdui-prose a:focus,
|
|
.mdui-prose a:hover {
|
|
border-bottom: 0.0625rem solid rgb(var(--mdui-color-primary));
|
|
}
|
|
.mdui-prose small {
|
|
font-size: 0.875em;
|
|
}
|
|
.mdui-prose strong {
|
|
font-weight: 600;
|
|
}
|
|
.mdui-prose blockquote {
|
|
margin: 1.6em 2em;
|
|
padding-left: 1em;
|
|
border-left: 0.25rem solid rgb(var(--mdui-color-surface-variant));
|
|
}
|
|
@media only screen and (max-width: 599.98px) {
|
|
.mdui-prose blockquote {
|
|
margin: 1.6em 0;
|
|
}
|
|
}
|
|
.mdui-prose blockquote footer {
|
|
font-size: 86%;
|
|
color: rgb(var(--mdui-color-on-surface-variant));
|
|
}
|
|
.mdui-prose mark {
|
|
color: inherit;
|
|
background-color: rgb(var(--mdui-color-secondary-container));
|
|
border-bottom: 0.0625rem solid rgb(var(--mdui-color-secondary));
|
|
margin: 0 0.375rem;
|
|
padding: 0.125rem;
|
|
}
|
|
.mdui-prose h1,
|
|
.mdui-prose h2,
|
|
.mdui-prose h3,
|
|
.mdui-prose h4,
|
|
.mdui-prose h5,
|
|
.mdui-prose h6 {
|
|
font-weight: 400;
|
|
}
|
|
.mdui-prose h1 small,
|
|
.mdui-prose h2 small,
|
|
.mdui-prose h3 small,
|
|
.mdui-prose h4 small,
|
|
.mdui-prose h5 small,
|
|
.mdui-prose h6 small {
|
|
font-weight: inherit;
|
|
font-size: 65%;
|
|
color: rgb(var(--mdui-color-on-surface-variant));
|
|
}
|
|
.mdui-prose h1 strong,
|
|
.mdui-prose h2 strong,
|
|
.mdui-prose h3 strong,
|
|
.mdui-prose h4 strong,
|
|
.mdui-prose h5 strong,
|
|
.mdui-prose h6 strong {
|
|
font-weight: 600;
|
|
}
|
|
.mdui-prose h1 {
|
|
font-size: 2.5em;
|
|
margin-top: 0;
|
|
margin-bottom: 1.25em;
|
|
line-height: 1.1111;
|
|
}
|
|
.mdui-prose h2 {
|
|
font-size: 1.875em;
|
|
margin-top: 2.25em;
|
|
margin-bottom: 1.125em;
|
|
line-height: 1.3333;
|
|
}
|
|
.mdui-prose h3 {
|
|
font-size: 1.5em;
|
|
margin-top: 2em;
|
|
margin-bottom: 1em;
|
|
line-height: 1.6;
|
|
}
|
|
.mdui-prose h4 {
|
|
font-size: 1.25em;
|
|
margin-top: 1.875em;
|
|
margin-bottom: 0.875em;
|
|
line-height: 1.5;
|
|
}
|
|
.mdui-prose h2 + *,
|
|
.mdui-prose h3 + *,
|
|
.mdui-prose h4 + *,
|
|
.mdui-prose hr + * {
|
|
margin-top: 0;
|
|
}
|
|
.mdui-prose code,
|
|
.mdui-prose kbd {
|
|
font-size: 0.875em;
|
|
color: rgb(var(--mdui-color-on-surface-container));
|
|
background-color: rgba(var(--mdui-color-surface-variant), 0.28);
|
|
padding: 0.125rem 0.375rem;
|
|
border-radius: var(--mdui-shape-corner-extra-small);
|
|
}
|
|
.mdui-prose kbd {
|
|
font-size: 0.9em;
|
|
}
|
|
.mdui-prose abbr[title] {
|
|
text-decoration: none;
|
|
cursor: help;
|
|
border-bottom: 0.0625rem dotted rgb(var(--mdui-color-on-surface-variant));
|
|
}
|
|
.mdui-prose ins,
|
|
.mdui-prose u {
|
|
text-decoration: none;
|
|
border-bottom: 0.0625rem solid rgb(var(--mdui-color-on-surface-variant));
|
|
}
|
|
.mdui-prose del {
|
|
text-decoration: line-through;
|
|
}
|
|
.mdui-prose hr {
|
|
margin-top: 3em;
|
|
margin-bottom: 3em;
|
|
border: none;
|
|
border-bottom: 0.0625rem solid rgb(var(--mdui-color-surface-variant));
|
|
}
|
|
.mdui-prose pre {
|
|
margin-top: 1.7143em;
|
|
margin-bottom: 1.7143em;
|
|
}
|
|
.mdui-prose pre code {
|
|
padding: 0.8571em 1.1429em;
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
background-color: rgb(var(--mdui-color-surface-container));
|
|
color: rgb(var(--mdui-color-on-surface-container));
|
|
border-radius: var(--mdui-shape-corner-extra-small);
|
|
}
|
|
.mdui-prose ol,
|
|
.mdui-prose ul {
|
|
padding-left: 1.625em;
|
|
}
|
|
.mdui-prose ul {
|
|
list-style-type: disc;
|
|
}
|
|
.mdui-prose ol {
|
|
list-style-type: decimal;
|
|
}
|
|
.mdui-prose ol[type='A'] {
|
|
list-style-type: upper-alpha;
|
|
}
|
|
.mdui-prose ol[type='a'] {
|
|
list-style-type: lower-alpha;
|
|
}
|
|
.mdui-prose ol[type='I'] {
|
|
list-style-type: upper-roman;
|
|
}
|
|
.mdui-prose ol[type='i'] {
|
|
list-style-type: lower-roman;
|
|
}
|
|
.mdui-prose ol[type='1'] {
|
|
list-style-type: decimal;
|
|
}
|
|
.mdui-prose li {
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.mdui-prose ol > li,
|
|
.mdui-prose ul > li {
|
|
padding-left: 0.375em;
|
|
}
|
|
.mdui-prose ol > li > p,
|
|
.mdui-prose ul > li > p {
|
|
margin-top: 0.75em;
|
|
margin-bottom: 0.75em;
|
|
}
|
|
.mdui-prose ol > li > :first-child,
|
|
.mdui-prose ul > li > :first-child {
|
|
margin-top: 1.25em;
|
|
}
|
|
.mdui-prose ol > li > :last-child,
|
|
.mdui-prose ul > li > :last-child {
|
|
margin-bottom: 1.25em;
|
|
}
|
|
.mdui-prose ol > li::marker {
|
|
font-weight: 400;
|
|
color: rgb(var(--mdui-color-on-surface-variant));
|
|
}
|
|
.mdui-prose ul > li::marker {
|
|
color: rgb(var(--mdui-color-on-surface-variant));
|
|
}
|
|
.mdui-prose ol ol,
|
|
.mdui-prose ol ul,
|
|
.mdui-prose ul ol,
|
|
.mdui-prose ul ul {
|
|
margin-top: 0.75em;
|
|
margin-bottom: 0.75em;
|
|
}
|
|
.mdui-prose fieldset,
|
|
.mdui-prose img {
|
|
border: none;
|
|
}
|
|
.mdui-prose figure,
|
|
.mdui-prose img,
|
|
.mdui-prose video {
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
max-width: 100%;
|
|
}
|
|
.mdui-prose figure > * {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.mdui-prose figcaption {
|
|
font-size: 0.875em;
|
|
line-height: 1.4286;
|
|
margin-top: 0.8571em;
|
|
color: rgb(var(--mdui-color-on-surface-variant));
|
|
}
|
|
.mdui-prose figcaption:empty::before {
|
|
z-index: -1;
|
|
cursor: text;
|
|
content: attr(placeholder);
|
|
color: rgb(var(--mdui-color-on-surface-variant));
|
|
}
|
|
.mdui-prose table {
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
border: 0.0625rem solid rgb(var(--mdui-color-surface-variant));
|
|
border-radius: var(--mdui-shape-corner-large);
|
|
}
|
|
.mdui-table {
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
border: 0.0625rem solid rgb(var(--mdui-color-surface-variant));
|
|
border-radius: var(--mdui-shape-corner-large);
|
|
}
|
|
.mdui-table table {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.mdui-prose table,
|
|
.mdui-table table {
|
|
width: 100%;
|
|
text-align: left;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
.mdui-prose td,
|
|
.mdui-prose th,
|
|
.mdui-table td,
|
|
.mdui-table th {
|
|
border-top: 0.0625rem solid rgb(var(--mdui-color-surface-variant));
|
|
}
|
|
.mdui-prose td:not(:first-child),
|
|
.mdui-prose th:not(:first-child),
|
|
.mdui-table td:not(:first-child),
|
|
.mdui-table th:not(:first-child) {
|
|
border-left: 0.0625rem solid rgb(var(--mdui-color-surface-variant));
|
|
}
|
|
.mdui-prose td:not(:last-child),
|
|
.mdui-prose th:not(:last-child),
|
|
.mdui-table td:not(:last-child),
|
|
.mdui-table th:not(:last-child) {
|
|
border-right: 0.0625rem solid rgb(var(--mdui-color-surface-variant));
|
|
}
|
|
.mdui-prose tfoot td,
|
|
.mdui-prose tfoot th,
|
|
.mdui-prose thead td,
|
|
.mdui-prose thead th,
|
|
.mdui-table tfoot td,
|
|
.mdui-table tfoot th,
|
|
.mdui-table thead td,
|
|
.mdui-table thead th {
|
|
position: relative;
|
|
vertical-align: middle;
|
|
padding: 1.125rem 1rem;
|
|
font-weight: var(--mdui-typescale-title-medium-weight);
|
|
letter-spacing: var(--mdui-typescale-title-medium-tracking);
|
|
line-height: var(--mdui-typescale-title-medium-line-height);
|
|
color: rgb(var(--mdui-color-on-surface-variant));
|
|
box-shadow: var(--mdui-elevation-level1);
|
|
}
|
|
.mdui-prose tbody td,
|
|
.mdui-prose tbody th,
|
|
.mdui-table tbody td,
|
|
.mdui-table tbody th {
|
|
padding: 0.875rem 1rem;
|
|
}
|
|
.mdui-prose tbody th,
|
|
.mdui-table tbody th {
|
|
vertical-align: middle;
|
|
font-weight: inherit;
|
|
}
|
|
.mdui-prose tbody td,
|
|
.mdui-table tbody td {
|
|
vertical-align: baseline;
|
|
}
|
|
.mdui-prose tbody:first-child tr:first-child td,
|
|
.mdui-prose thead:first-child tr:first-child th,
|
|
.mdui-table tbody:first-child tr:first-child td,
|
|
.mdui-table thead:first-child tr:first-child th {
|
|
border-top: 0;
|
|
}
|
|
:root {
|
|
--mdui-shape-corner-none: 0;
|
|
--mdui-shape-corner-extra-small: 0.25rem;
|
|
--mdui-shape-corner-small: 0.5rem;
|
|
--mdui-shape-corner-medium: 0.75rem;
|
|
--mdui-shape-corner-large: 1rem;
|
|
--mdui-shape-corner-extra-large: 1.75rem;
|
|
--mdui-shape-corner-full: 1000rem;
|
|
}
|
|
:root {
|
|
--mdui-state-layer-hover: 0.08;
|
|
--mdui-state-layer-focus: 0.12;
|
|
--mdui-state-layer-pressed: 0.12;
|
|
--mdui-state-layer-dragged: 0.16;
|
|
}
|
|
:root {
|
|
--mdui-typescale-display-large-weight: 400;
|
|
--mdui-typescale-display-medium-weight: 400;
|
|
--mdui-typescale-display-small-weight: 400;
|
|
--mdui-typescale-display-large-line-height: 4rem;
|
|
--mdui-typescale-display-medium-line-height: 3.25rem;
|
|
--mdui-typescale-display-small-line-height: 2.75rem;
|
|
--mdui-typescale-display-large-size: 3.5625rem;
|
|
--mdui-typescale-display-medium-size: 2.8125rem;
|
|
--mdui-typescale-display-small-size: 2.25rem;
|
|
--mdui-typescale-display-large-tracking: 0rem;
|
|
--mdui-typescale-display-medium-tracking: 0rem;
|
|
--mdui-typescale-display-small-tracking: 0rem;
|
|
--mdui-typescale-headline-large-weight: 400;
|
|
--mdui-typescale-headline-medium-weight: 400;
|
|
--mdui-typescale-headline-small-weight: 400;
|
|
--mdui-typescale-headline-large-line-height: 2.5rem;
|
|
--mdui-typescale-headline-medium-line-height: 2.25rem;
|
|
--mdui-typescale-headline-small-line-height: 2rem;
|
|
--mdui-typescale-headline-large-size: 2rem;
|
|
--mdui-typescale-headline-medium-size: 1.75rem;
|
|
--mdui-typescale-headline-small-size: 1.5rem;
|
|
--mdui-typescale-headline-large-tracking: 0rem;
|
|
--mdui-typescale-headline-medium-tracking: 0rem;
|
|
--mdui-typescale-headline-small-tracking: 0rem;
|
|
--mdui-typescale-title-large-weight: 400;
|
|
--mdui-typescale-title-medium-weight: 500;
|
|
--mdui-typescale-title-small-weight: 500;
|
|
--mdui-typescale-title-large-line-height: 1.75rem;
|
|
--mdui-typescale-title-medium-line-height: 1.5rem;
|
|
--mdui-typescale-title-small-line-height: 1.25rem;
|
|
--mdui-typescale-title-large-size: 1.375rem;
|
|
--mdui-typescale-title-medium-size: 1rem;
|
|
--mdui-typescale-title-small-size: 0.875rem;
|
|
--mdui-typescale-title-large-tracking: 0rem;
|
|
--mdui-typescale-title-medium-tracking: 0.009375rem;
|
|
--mdui-typescale-title-small-tracking: 0.00625rem;
|
|
--mdui-typescale-label-large-weight: 500;
|
|
--mdui-typescale-label-medium-weight: 500;
|
|
--mdui-typescale-label-small-weight: 500;
|
|
--mdui-typescale-label-large-line-height: 1.25rem;
|
|
--mdui-typescale-label-medium-line-height: 1rem;
|
|
--mdui-typescale-label-small-line-height: 0.375rem;
|
|
--mdui-typescale-label-large-size: 0.875rem;
|
|
--mdui-typescale-label-medium-size: 0.75rem;
|
|
--mdui-typescale-label-small-size: 0.6875rem;
|
|
--mdui-typescale-label-large-tracking: 0.00625rem;
|
|
--mdui-typescale-label-medium-tracking: 0.03125rem;
|
|
--mdui-typescale-label-small-tracking: 0.03125rem;
|
|
--mdui-typescale-body-large-weight: 400;
|
|
--mdui-typescale-body-medium-weight: 400;
|
|
--mdui-typescale-body-small-weight: 400;
|
|
--mdui-typescale-body-large-line-height: 1.5rem;
|
|
--mdui-typescale-body-medium-line-height: 1.25rem;
|
|
--mdui-typescale-body-small-line-height: 1rem;
|
|
--mdui-typescale-body-large-size: 1rem;
|
|
--mdui-typescale-body-medium-size: 0.875rem;
|
|
--mdui-typescale-body-small-size: 0.75rem;
|
|
--mdui-typescale-body-large-tracking: 0.009375rem;
|
|
--mdui-typescale-body-medium-tracking: 0.015625rem;
|
|
--mdui-typescale-body-small-tracking: 0.025rem;
|
|
}
|
|
.mdui-lock-screen {
|
|
overflow: hidden !important;
|
|
}
|