scinote-web/app/assets/stylesheets/dashboard/quick_start.scss

49 lines
902 B
SCSS
Raw Normal View History

2020-04-02 20:50:48 +08:00
// scss-lint:disable SelectorDepth
// scss-lint:disable NestingDepth
2020-02-13 20:50:29 +08:00
.dashboard-container .quick-start-widget {
grid-column: 1 / span 2;
2020-02-13 20:50:29 +08:00
grid-row: 7 / span 6;
.widget-body {
.quick-start-description {
2020-03-12 22:00:14 +08:00
margin: 16px 16px 24px;
}
.btn-secondary {
2020-03-12 22:00:14 +08:00
margin: 8px 16px;
text-align: left;
2020-03-12 22:00:14 +08:00
width: calc(100% - 32px);
}
}
}
@media (max-width: 1700px) {
.dashboard-container .quick-start-widget {
grid-column: 1 / span 3;
}
}
2020-03-06 20:51:18 +08:00
@media (max-width: 1300px) {
.dashboard-container .quick-start-widget {
grid-column: 1 / span 4;
}
2020-02-13 20:50:29 +08:00
}
2020-02-13 21:44:59 +08:00
@media (max-width: 1000px) {
2020-02-13 20:50:29 +08:00
.dashboard-container .quick-start-widget {
grid-column: 7 / span 6;
grid-row: 5 / span 4;
}
}
2020-04-02 20:50:48 +08:00
@media (max-width: 700px) {
.dashboard-container .quick-start-widget {
--widget-header-size: 36px;
grid-column: 1 / span 12;
grid-row: 4;
min-height: 300px;
}
}