yul/bookwyrm-mastodon
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

cover: Udpate logged out home and discover.

Browse Source
This commit is contained in:
Fabien Basmaison
2021-04-27 16:27:39 +02:00
parent 8ddc292ee6
commit d8b6676976
3 changed files with 53 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
bookwyrm/static/css/bookwyrm.css
View File

@ -167,6 +167,9 @@ body {
* standard bulma’s named breapoints:
*
* is-[w|h]-[xs|s|m|l|xl]-[mobile|tablet|desktop]
*
* When using `.column.is-N`, add `.is-w-auto` to the container so that the flex
* calculations are not biased by the default `max-content`.
******************************************************************************/
.column.is-cover {
@ -280,6 +283,7 @@ body {
}
/* Dimensions
* @todo These could be in rem.
******************************************************************************/
.is-32x32 {
@ -312,6 +316,10 @@ body {
width: 200px !important;
}
.is-w-xxl {
width: 500px !important;
}
.is-h-xs {
height: 80px !important;
}
@ -328,6 +336,10 @@ body {
height: 200px !important;
}
.is-h-xxl {
height: 500px !important;
}
@media only screen and (max-width: 768px) {
.is-w-auto-mobile {
width: auto !important;
@ -349,6 +361,10 @@ body {
width: 200px !important;
}
.is-w-xxl-mobile {
width: 500px !important;
}
.is-h-xs-mobile {
height: 80px !important;
}
@ -364,6 +380,10 @@ body {
.is-h-l-mobile {
height: 200px !important;
}
.is-h-xxl-mobile {
height: 500px !important;
}
}
@media only screen and (min-width: 769px) {
@ -387,6 +407,10 @@ body {
width: 200px !important;
}
.is-w-xxl-tablet {
width: 500px !important;
}
.is-h-xs-tablet {
height: 80px !important;
}
@ -402,6 +426,10 @@ body {
.is-h-l-tablet {
height: 200px !important;
}
.is-h-xxl-tablet {
height: 500px !important;
}
}
@media only screen and (min-width: 1024px) {
@ -425,6 +453,10 @@ body {
width: 200px !important;
}
.is-w-xxl-desktop {
width: 500px !important;
}
.is-h-xs-desktop {
height: 80px !important;
}
@ -440,6 +472,10 @@ body {
.is-h-l-desktop {
height: 200px !important;
}
.is-h-xxl-desktop {
height: 500px !important;
}
}
/* Alignments
@ -461,6 +497,10 @@ body {
justify-content: flex-end !important;
}
.align.to-b {
align-items: flex-end !important;
}
.align.to-l {
justify-content: flex-start !important;
}
@ -513,6 +553,10 @@ body {
margin-left: auto !important;
}
.mt-3-mobile {
margin-top: 0.75rem !important;
}
.ml-3-mobile {
margin-left: 0.75rem !important;
}