Design improvements

This commit is contained in:
Christoph Haas 2018-05-30 20:11:33 +02:00
parent 800e2ac979
commit fa9bcbcab3
3 changed files with 74 additions and 71 deletions

View file

@ -62,18 +62,19 @@ body
} }
} }
.top-bar-left .sitename .top-bar-left .menu .menu-text
{ {
// Display the site name in a larger font // Display the site name in a larger font
font-size: 26px; font-size: 26px;
padding: 8px 5px 3px 0; padding: 8px 5px 3px 0;
color: $dark-gray; color: $dark-gray;
font-weight: normal;
// Extra space around the Linux distribution's logo // Extra space around the Linux distribution's logo
img // img
{ // {
padding: 0 5px; // padding: 0 5px;
} // }
} }
@ -99,28 +100,28 @@ body
// ---------------------------------- // ----------------------------------
.top-bar-right .menu li a // .top-bar-right .menu li a
{ // {
padding-top: 1.3rem; // padding-top: 1.3rem;
padding-bottom: 1.3rem; // padding-bottom: 1.3rem;
} // }
.top-bar // .top-bar
{ // {
// Draw a colored line below the navigation topbar // // Draw a colored line below the navigation topbar
border-bottom: 5px solid $debian_color; // border-bottom: 5px solid $debian_color;
color: #8a8a8a; // color: #8a8a8a;
a // a
{ // {
color: #8a8a8a; // color: #8a8a8a;
} // }
a.active // a.active
{ // {
color: #fefefe; // color: #fefefe;
} // }
} // }
// ------- Footer - format as table cell to allow vertical centering // ------- Footer - format as table cell to allow vertical centering
/*@import "compass/layout/sticky-footer";*/ /*@import "compass/layout/sticky-footer";*/
@ -406,7 +407,9 @@ a.black
*/ */
.menu .menu-text { .menu .menu-text {
font-size: 2.5rem; font-size: 2rem;
font-weight: 100;
}
// Nicer callouts // Nicer callouts
// https://foundation.zurb.com/building-blocks/blocks/alert-callout-subtle.html // https://foundation.zurb.com/building-blocks/blocks/alert-callout-subtle.html

View file

@ -1,4 +1,4 @@
.top-bar nav.top-bar
.top-bar-left .top-bar-left
ul.menu ul.menu
li.menu-text li.menu-text

View file

@ -13,7 +13,7 @@ html
= csrf_meta_tags = csrf_meta_tags
body body
// TODO: move topbar somewhere else than packages .container
= render 'layouts/topbar' = render 'layouts/topbar'
#content #content
#messages.row #messages.row