sigit.io/src/index.css

127 lines
2.0 KiB
CSS
Raw Normal View History

2024-02-27 14:03:15 +00:00
:root {
line-height: 1.5;
font-weight: 400;
color-scheme: light dark;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
2024-02-27 14:03:15 +00:00
}
2024-07-29 09:15:59 +00:00
* {
box-sizing: border-box;
2024-02-27 14:03:15 +00:00
}
body {
margin: 0;
min-width: 320px;
min-height: 100vh;
overflow-wrap: break-word;
2024-02-27 14:03:15 +00:00
}
h1 {
font-size: 3.2em;
line-height: 1.1;
}
button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: #1a1a1a;
cursor: pointer;
transition: border-color 0.25s;
}
.qrzap {
position: fixed;
top: 80px;
right: 20px;
z-index: 100;
2024-02-27 14:03:15 +00:00
}
#root {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.hide-mobile {
@media (max-width: 639px) {
display: none !important;
}
}
.hide-desktop {
@media (min-width: 639px) {
display: none !important;
}
}
/*
* when this class is assigned to a component, user will not be able to select and copy the content from that component
*/
.no-select {
-webkit-user-select: none;
user-select: none;
}
/* Style <pre> tag of markdown editor affected by prism theme */
pre[class*='language-'][class*='w-md-editor-text-pre'] {
padding: 0;
line-height: normal;
}
/* Style <code> tag of markdown editor affected by prism theme */
code[class*='language-'][class*='code-highlight'] {
color: #3e3e3e;
}
.bold-link {
color: inherit !important;
font-weight: bold;
}
button:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.dashed-field.Mui-focused fieldset {
border-color: unset !important;
}
.dashed-field fieldset {
border-style: dashed !important;
}
.pointer {
cursor: pointer;
}
.force-pointer {
cursor: pointer !important;
}
.inherit-color {
color: inherit;
}
.inherit-color-force {
color: inherit !important;
}
.profile-image {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
}