mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-26 13:35:16 +03:00
3ef8b53fad
refs. https://linear.app/tryghost/issue/DES-21/empty-screen-is-missing-for-search-in-settings - Search is one of the most useful functions in Settings and currently the screen when there's no result for a searchterm is just a plain white screen. Very non user-friendly. - This update gives us an opportunity to improve the overall visual hierarchy and focus of Settings in general. --------- Co-authored-by: Ronald Langeveld <hi@ronaldlangeveld.com>
99 lines
1.9 KiB
CSS
99 lines
1.9 KiB
CSS
@import './preflight.css';
|
|
|
|
@import 'tailwindcss/base';
|
|
@import 'tailwindcss/components';
|
|
@import 'tailwindcss/utilities';
|
|
|
|
/* Defaults */
|
|
@layer base {
|
|
/* This just serves as a placeholder; we actually load Inter from a font file in Ember admin */
|
|
@font-face {
|
|
font-family: "Inter";
|
|
src: local("Inter") format("truetype-variations");
|
|
font-weight: 100 900;
|
|
}
|
|
|
|
.admin-x-base {
|
|
& {
|
|
@apply font-sans text-black text-base leading-normal;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
@apply font-bold tracking-tight leading-tighter;
|
|
}
|
|
|
|
h1 {
|
|
@apply text-4xl leading-supertight;
|
|
}
|
|
|
|
h2 {
|
|
@apply text-2xl;
|
|
}
|
|
|
|
h3 {
|
|
@apply text-xl;
|
|
}
|
|
|
|
h4 {
|
|
@apply text-lg;
|
|
}
|
|
|
|
h5 {
|
|
@apply text-md leading-supertight;
|
|
}
|
|
|
|
h6 {
|
|
@apply text-md leading-normal;
|
|
}
|
|
}
|
|
}
|
|
|
|
.admin-x-base {
|
|
line-height: 1.5;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-text-size-adjust: 100%;
|
|
letter-spacing: unset;
|
|
|
|
height: 100vh;
|
|
width: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
|
|
@media (max-width: 800px) {
|
|
.admin-x-base {
|
|
height: calc(100vh - 55px);
|
|
}
|
|
}
|
|
|
|
.admin-x-base.dark {
|
|
color: #FAFAFB;
|
|
}
|
|
|
|
.admin-x-base.dark .gh-loading-orb-container {
|
|
background-color: #000000;
|
|
}
|
|
|
|
.admin-x-base.dark .gh-loading-orb {
|
|
filter: invert(100%);
|
|
}
|
|
|
|
.admin-x-base .no-scrollbar::-webkit-scrollbar {
|
|
display: none; /* Chrome */
|
|
}
|
|
|
|
.admin-x-base .no-scrollbar {
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
|
|
/* Prose classes are for formatting arbitrary HTML that comes from the API */
|
|
.gh-prose-links a {
|
|
color: #30CF43;
|
|
} |