1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 02:16:10 +01:00

grid & menu layout tweaks

This commit is contained in:
Matthias Kretschmann 2016-02-01 16:37:58 +01:00
parent 71a557263e
commit 2b2228d3e1
3 changed files with 11 additions and 7 deletions

View File

@ -38,8 +38,13 @@
.row {
max-width: $screen-md-min;
margin: auto;
padding-left: $gutter-space;
padding-right: $gutter-space;
padding-left: ($gutter-space / 2);
padding-right: ($gutter-space / 2);
@media ($screen-sm) {
padding-left: $gutter-space;
padding-right: $gutter-space;
}
}
.row--wide {

View File

@ -17,7 +17,7 @@
.menu__link {
@extend .small;
display: inline-block;
padding: $spacer;
padding: $spacer ($spacer / 2);
text-transform: uppercase;
box-shadow: none;
@ -54,7 +54,6 @@
box-shadow: none;
@media ($screen-md) {
display: inline-block;
margin-top: 0;
}

View File

@ -1,8 +1,8 @@
<nav class="menu menu--main">
<div class="row row--wide">
<div class="grid grid--full grid-medium--half grid--center">
<div class="grid__col">
<div class="grid grid--full grid-medium--columns grid--center">
<div class="grid__col grid__col--1">
<a class="menu__logo" href="/">
<svg class="logo logo--sm" aria-labelledby="title">
<title>Logo</title>
@ -11,7 +11,7 @@
</a>
</div>
<div class="grid__col">
<div class="grid__col grid__col--5">
{% for link in site.data.menus.main %}