SPR-908: padding in small mobile
This commit is contained in:
parent
166f533b1a
commit
b2b72e7678
3 changed files with 47 additions and 3 deletions
|
@ -84,3 +84,38 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
||||||
|
/* max-width: 768px */
|
||||||
|
|
||||||
|
@media @screen_max-xs {
|
||||||
|
.page-footer {
|
||||||
|
padding-left: @margin-small;
|
||||||
|
padding-right: @margin-small;
|
||||||
|
}
|
||||||
|
|
||||||
|
#dokuwiki__footer {
|
||||||
|
.main-footer {
|
||||||
|
> * {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
|
||||||
|
/* max-width: 480px */
|
||||||
|
|
||||||
|
@media @screen_max-xxs {
|
||||||
|
#dokuwiki__footer {
|
||||||
|
.main-footer {
|
||||||
|
> * {
|
||||||
|
padding-left: @margin-small;
|
||||||
|
padding-right: @margin-small;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -15,6 +15,11 @@
|
||||||
background-color: @background_page-header;
|
background-color: @background_page-header;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media @screen_max-xs {
|
||||||
|
padding-left: @margin-small;
|
||||||
|
padding-right: .75rem;
|
||||||
|
}
|
||||||
|
|
||||||
> p {
|
> p {
|
||||||
font-size: @font-size-small;
|
font-size: @font-size-small;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
|
@ -58,13 +58,17 @@ a {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
background: @color-content-bg;
|
background: @color-content-bg;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
// margin-bottom: .5rem; // no margin: if there is another bg-color, then there is an #fff border
|
|
||||||
padding: @page_padding-top @margin-default @margin-default;
|
padding: @page_padding-top @margin-default @margin-default;
|
||||||
|
|
||||||
@media @screen_max-md{
|
@media @screen_max-md {
|
||||||
padding-right: (@margin-default *1.6);
|
padding-right: (@margin-default * 1.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media @screen_max-xs {
|
||||||
|
padding-left: @margin-small;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.content #dokuwiki__pagetools{
|
.content #dokuwiki__pagetools{
|
||||||
@media @screen_max-md{
|
@media @screen_max-md{
|
||||||
top: 4rem;
|
top: 4rem;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue