SPR-908: padding in small mobile

This commit is contained in:
Silke Pisulla 2017-03-22 12:32:57 +01:00
commit b2b72e7678
3 changed files with 47 additions and 3 deletions

View file

@ -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;
}
}
}
}

View file

@ -15,6 +15,11 @@
background-color: @background_page-header;
}
@media @screen_max-xs {
padding-left: @margin-small;
padding-right: .75rem;
}
> p {
font-size: @font-size-small;
margin: 0;

View file

@ -58,13 +58,17 @@ a {
word-wrap: break-word;
background: @color-content-bg;
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;
@media @screen_max-md{
padding-right: (@margin-default *1.6);
@media @screen_max-md {
padding-right: (@margin-default * 1.6);
}
@media @screen_max-xs {
padding-left: @margin-small;
}
}
.content #dokuwiki__pagetools{
@media @screen_max-md{
top: 4rem;