saumur: reduce margins and line breaks (#70620)
gitea-wip/publik-base-theme/pipeline/pr-main This commit looks good Details

This commit is contained in:
Agate 2022-12-14 16:18:40 +01:00
parent 1d99c8a89f
commit 8a3136b82f
2 changed files with 16 additions and 8 deletions

View File

@ -43,7 +43,7 @@ body.has-header-background .site-header {
@media screen and ($max-mobile-viewport) {
margin-top: $space-medium;
}
@media screen and ($min-desktop-viewport) {
@media screen and ($min-desktop-viewport) {
height: 200px;
width: 500px;
}
@ -53,17 +53,17 @@ div#nav {
max-width: 100%;
@media screen and ($min-desktop-viewport) {
text-align: center;
}
}
& > ul {
margin: 0;
}
}
}
#toplinks {
@media screen and ($max-mobile-viewport) {
right: $space-xlarge * 2;
}
}
}
div.gru-nav {
@media screen and ($max-mobile-viewport) {
.gru-nav-button {
@ -140,6 +140,9 @@ div.link-cell {
}
%orange-border {
content: " ";
display: block;
margin: $space-xsmall auto;
border-bottom: 3px solid $orange;
}
@ -152,6 +155,8 @@ div.link-cell {
div.textcell h2:first-child,
div.cell:not(.has-asset-picture) h2:first-child {
@extend %orange-border;
padding-top: $space-small;
padding-bottom: $space-small;
}
}
@ -160,15 +165,17 @@ div.link-cell {
position: relative;
}
h2:first-child {
padding-left: $space-large;
padding-left: $space-xlarge;
padding-top: $space-small;
padding-bottom: $space-small;
width: 100%;
@extend %orange-border;
}
img {
position: absolute;
padding: 0 !important;
width: $space-large;
top: $space-small;
width: $space-xlarge;
top: -$space-xsmall;
left: 0;
}
}

View File

@ -39,7 +39,8 @@ $fz-small: 14em / $base-font;
$fz-xsmall: 12em / $base-font;;
$fz-xxsmall: 11em / $base-font;;
$width: 1200px;
$sidebar-width: 350px;
$width: 1300px;
$link-color: inherit;
$link-decoration: underline;
$link-hover-decoration: none;