Jason Zimdars
a3b81af1da
* main: (284 commits) Polish closed stamp Add new card button to considering column Let's leave inside the menu for now Improve terminal history behavior More space between Add a navigation hint, make "All collections" link navigate like the others Reorder methods Fix: dismiss notifications from comments Fix card icons Filter collections menus, add keyboard shortcuts Style Space between Remove debug Consistent sizing Configure deployment for load balancing Configure the autoclose period at the collection level Rename to avoid using the same name Add brakeman rule Collections can be private now too Not used outside the class anymore ...
131 lines
2.9 KiB
CSS
131 lines
2.9 KiB
CSS
@layer base {
|
|
html {
|
|
font-size: 100%;
|
|
|
|
@media (min-width: 100ch) {
|
|
font-size: 1.1875rem;
|
|
}
|
|
}
|
|
|
|
body {
|
|
--font-sans: system-ui;
|
|
--font-serif: ui-serif, serif;
|
|
--font-mono: ui-monospace, monospace;
|
|
--hover-color: var(--color-ink-medium);
|
|
--hover-size: 0.15rem;
|
|
--hover-filter: brightness(1);
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-font-smoothing: antialiased;
|
|
-webkit-text-size-adjust: none;
|
|
background: var(--color-canvas);
|
|
color: var(--color-ink);
|
|
font-family: var(--font-sans);
|
|
interpolate-size: allow-keywords;
|
|
line-height: 1.375;
|
|
overflow: unset;
|
|
scroll-behavior: auto;
|
|
text-rendering: optimizeLegibility;
|
|
text-size-adjust: none;
|
|
}
|
|
|
|
a:not([class]) {
|
|
--hover-size: 0;
|
|
|
|
color: var(--color-link);
|
|
text-decoration: underline;
|
|
text-decoration-skip-ink: auto;
|
|
}
|
|
|
|
:is(a, button, input, textarea, .switch, .btn) {
|
|
--outline-size: max(2px, 0.08em);
|
|
|
|
caret-color: var(--color-link);
|
|
text-decoration: none;
|
|
touch-action: manipulation;
|
|
transition: box-shadow 150ms ease, outline-offset 150ms ease, background-color 150ms ease, opacity 150ms ease, filter 150ms ease;
|
|
|
|
/* Hover */
|
|
@media (any-hover: hover) {
|
|
&:where(:not(:active):hover) {
|
|
box-shadow: 0 0 0 var(--hover-size) var(--hover-color);
|
|
}
|
|
}
|
|
|
|
/* Keyboard navigation */
|
|
&:where(:not(:active)):focus-visible {
|
|
outline-width: var(--outline-size);
|
|
outline-color: var(--outline-color, currentColor);
|
|
outline-offset: var(--outline-offset, calc(var(--outline-size) * 2));
|
|
}
|
|
|
|
&:where(:focus-visible):active {
|
|
outline: 0;
|
|
}
|
|
|
|
/* Pressing */
|
|
&:focus:not(:focus-visible) {
|
|
--outline-offset: 0;
|
|
}
|
|
|
|
/* Disabled */
|
|
&:where([disabled]):not(:hover):not(:active) {
|
|
cursor: not-allowed;
|
|
filter: brightness(0.75);
|
|
}
|
|
}
|
|
|
|
::selection {
|
|
background-color: var(--color-selected);
|
|
}
|
|
|
|
:where(ul, ol):where([role="list"]) {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
kbd {
|
|
border: 1px solid;
|
|
border-radius: .3em;
|
|
box-shadow: 0 0.1em 0 currentColor;
|
|
font-family: var(--font-mono);
|
|
font-size: var(--text-x-small);
|
|
font-weight: 600;
|
|
opacity: 0.7;
|
|
padding: 0em 0.4em;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
video {
|
|
max-inline-size: 100%;
|
|
}
|
|
|
|
/* Printing */
|
|
@page {
|
|
margin: 1in;
|
|
}
|
|
|
|
@media print {
|
|
.no-print {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* Turbo */
|
|
turbo-frame {
|
|
display: contents;
|
|
}
|
|
|
|
/* Nicer scrollbars on Chrome 29+. This is intended for Windows machines, but */
|
|
/* there's not a way to target Windows using CSS, so Chrome on Mac will have */
|
|
/* slightly thinner scrollbars than normal. #C1C1C1 is the default color on Macs. */
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
|
|
* {
|
|
scrollbar-color: #C1C1C1 transparent;
|
|
scrollbar-width: thin;
|
|
}
|
|
}
|
|
}
|