mirror of
https://github.com/bookwyrm-social/bookwyrm.git
synced 2025-01-11 09:45:27 +00:00
chore: run styling
This commit is contained in:
parent
96097f3b58
commit
610a4e8a66
1 changed files with 61 additions and 61 deletions
|
@ -1,117 +1,117 @@
|
||||||
.summary-on-open {
|
.summary-on-open {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 768px) {
|
||||||
.navbar-menu {
|
.navbar-menu {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
|
|
||||||
.tags {
|
.tags {
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
#navbar-dropdown {
|
#navbar-dropdown {
|
||||||
&[open] {
|
&[open] {
|
||||||
.summary-on-open {
|
.summary-on-open {
|
||||||
display: initial;
|
display: initial;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
z-index: 31;
|
z-index: 31;
|
||||||
background-color: $dropdown-content-background-color;
|
background-color: $dropdown-content-background-color;
|
||||||
padding: 1rem 1.75rem;
|
padding: 1rem 1.75rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
top: 3rem;
|
top: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown-content {
|
.dropdown-content {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-top-right-radius: 0;
|
border-top-right-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-item {
|
.navbar-item {
|
||||||
// see ../components/_details.scss :: Navbar details
|
/* see ../components/_details.scss :: Navbar details */
|
||||||
padding-right: 1.75rem;
|
padding-right: 1.75rem;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.image {
|
.image {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar .logo {
|
.navbar .logo {
|
||||||
max-height: 50px;
|
max-height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.has-border {
|
.card.has-border {
|
||||||
border: 1px solid $border;
|
border: 1px solid $border;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scroll-x {
|
.scroll-x {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-card {
|
.modal-card {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-card > * {
|
.modal-card > * {
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* stylelint-disable no-descending-specificity */
|
/* stylelint-disable no-descending-specificity */
|
||||||
.modal-card:focus {
|
.modal-card:focus {
|
||||||
outline-style: auto;
|
outline-style: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-card:focus:not(:focus-visible) {
|
.modal-card:focus:not(:focus-visible) {
|
||||||
outline-style: initial;
|
outline-style: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-card:focus-visible {
|
.modal-card:focus-visible {
|
||||||
outline-style: auto;
|
outline-style: auto;
|
||||||
}
|
}
|
||||||
/* stylelint-enable no-descending-specificity */
|
/* stylelint-enable no-descending-specificity */
|
||||||
|
|
||||||
.modal-card.is-fullwidth {
|
.modal-card.is-fullwidth {
|
||||||
min-width: 75% !important;
|
min-width: 75% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 769px) {
|
@media only screen and (min-width: 769px) {
|
||||||
.modal-card.is-thin {
|
.modal-card.is-thin {
|
||||||
width: 350px !important;
|
width: 350px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-card-body {
|
.modal-card-body {
|
||||||
max-height: 70vh;
|
max-height: 70vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.clip-text {
|
.clip-text {
|
||||||
max-height: 35em;
|
max-height: 35em;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include mobile {
|
.dropdown-menu .button {
|
||||||
.dropdown-menu .button {
|
@include mobile {
|
||||||
font-size: $size-6;
|
font-size: $size-6;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue