mirror of https://github.com/pixelfed/pixelfed
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1023 B
SCSS
48 lines
1023 B
SCSS
@import "lib/nucleo";
|
|
@import "lib/nucleo-svg";
|
|
@import "lib/argon";
|
|
|
|
body, button, input, textarea {
|
|
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",
|
|
Roboto,Helvetica,Arial,sans-serif;
|
|
}
|
|
|
|
.title {
|
|
p.h3,
|
|
h3 {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
|
|
.nav-pills .nav-item {
|
|
padding-right: 1rem;
|
|
}
|
|
// Backdrop shown behind the mobile sidenav so tapping outside the menu
|
|
// (or on the overlay) closes it. Argon appends `.backdrop` via JS but ships
|
|
// no styles for it, which left the mobile admin menu impossible to close.
|
|
.backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1039; // just below the sidenav (z-index: 1040)
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.list-fade-bottom {
|
|
position: relative;
|
|
|
|
&:after {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: 1;
|
|
bottom: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
background-image: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 1) 90%);
|
|
width: 100%;
|
|
height: 10em;
|
|
}
|
|
}
|