mirror of
https://github.com/discourse/discourse.git
synced 2025-02-08 20:34:52 +00:00
8fc34e9323
We are going to start making section landing pages
for admin for each sidebar section. This lays the framework
with routes and simple components that can be further
refined by a designer, but I have taken the base CSS from
AI which Kris made.
The initial section landing items will be used in AI to replace
the placeholders added in this commit b8b3c61451
72 lines
1.3 KiB
SCSS
72 lines
1.3 KiB
SCSS
.admin-section-landing-wrapper {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
|
|
gap: 1em 2em;
|
|
margin-top: 1em;
|
|
padding-top: 1em;
|
|
|
|
.admin-section-landing-item {
|
|
display: grid;
|
|
grid-template-rows: subgrid;
|
|
grid-template-columns: 1fr;
|
|
grid-row: span 2;
|
|
gap: 0;
|
|
margin-bottom: 2em;
|
|
|
|
@include breakpoint("mobile-extra-large", min-width) {
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
&.-has-icon {
|
|
grid-template-columns: 1fr 8fr;
|
|
|
|
.admin-section-landing-item__buttons {
|
|
grid-column: 2;
|
|
}
|
|
}
|
|
|
|
&__content {
|
|
grid-row: 1;
|
|
}
|
|
|
|
&__tagline {
|
|
font-size: var(--font-down-1);
|
|
font-weight: normal;
|
|
color: var(--primary-high);
|
|
margin: 0;
|
|
letter-spacing: 0.1px;
|
|
}
|
|
|
|
&__title {
|
|
margin: 0;
|
|
line-height: var(--line-height-medium);
|
|
}
|
|
|
|
&__description {
|
|
color: var(--primary-high);
|
|
margin: 0.25em 0 0.5em;
|
|
line-height: var(--line-height-large);
|
|
align-self: start;
|
|
|
|
@include breakpoint("mobile-extra-large", min-width) {
|
|
max-width: 17em;
|
|
}
|
|
}
|
|
|
|
&__icon {
|
|
font-size: var(--font-up-3);
|
|
color: var(--primary-low-mid);
|
|
grid-row: 1;
|
|
}
|
|
|
|
&__buttons {
|
|
grid-row: 2;
|
|
grid-column: 1;
|
|
}
|
|
|
|
button {
|
|
justify-self: start;
|
|
}
|
|
}
|
|
}
|