CSS settings fixed again after Foundation update

This commit is contained in:
Christoph Haas 2016-08-24 21:44:36 +02:00
parent 6eae1d9984
commit 602707c53d

View file

@ -56,7 +56,8 @@ $global-font-size: 100%;
$global-width: rem-calc(1200);
$global-lineheight: 1.5;
$foundation-palette: (
primary: #2199e8,
primary: $debian-color,
// primary: #2199e8,
secondary: #777,
success: #3adb76,
warning: #ffae00,
@ -146,7 +147,8 @@ $code-font-weight: $global-weight-normal;
$code-background: $light-gray;
$code-border: 1px solid $medium-gray;
$code-padding: rem-calc(2 5 1);
$anchor-color: $primary-color;
// $anchor-color: $primary-color;
$anchor-color: #fefefe;
$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
$anchor-text-decoration: none;
$anchor-text-decoration-hover: none;
@ -385,7 +387,8 @@ $mediaobject-image-width-stacked: 100%;
$menu-margin: 0;
$menu-margin-nested: 1rem;
$menu-item-padding: 0.7rem 1rem;
// $menu-item-padding: 0.7rem 1rem;
$menu-item-padding: 0.5rem 1rem;
$menu-item-color-active: $white;
$menu-item-background-active: map-get($foundation-palette, primary);
$menu-icon-spacing: 0.25rem;
@ -566,7 +569,8 @@ $tooltip-radius: $global-radius;
// -----------
$topbar-padding: 0.5rem;
$topbar-background: $light-gray;
// $topbar-background: $light-gray;
$topbar-background: #2e3436;
$topbar-submenu-background: $topbar-background;
$topbar-title-spacing: 1rem;
$topbar-input-width: 200px;
@ -576,27 +580,12 @@ $topbar-unstack-breakpoint: medium;
// -------------- debshots ---------------------------
// ---------------------------------------------------
// Hover colors of links in top bar
$topbar-link-bg-hover: $primary-color;
$topbar-dropdown-link-bg-hover: $primary-color;
// Larger top bar
// $topbar-height: rem-calc(60);
// Larger font in top bar
// $topbar-link-font-size: rem-calc(15);
$topbar-padding: 0;
// $topbar-button-font-size: rem-calc(3);
// $topbar-button-top: rem-calc(5);
// $topbar-link-padding: rem-calc(8);
// At which width the top navigation bar should be switched to
// mobile mode because otherwise it would wrap into two lines.
$topbar-breakpoint: 800px;
$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})";
// Import Google font
// @import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700);
// $topbar-breakpoint: 800px;
// $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})";
// Use fonts from out own site. Do not load from Google for privacy reasons.
@font-face {
@ -658,7 +647,7 @@ body
}
}
.top-bar-title
.top-bar-left .sitename
{
// Display the site name in a larger font
font-size: 26px;
@ -672,10 +661,27 @@ body
}
}
header
.top-bar-right .menu li a
{
padding-top: 1.3rem;
padding-bottom: 1.3rem;
}
.top-bar
{
// Draw a colored line below the navigation topbar
border-bottom: 5px solid $debian_color;
color: #8a8a8a;
a
{
color: #8a8a8a;
}
a.active
{
color: #fefefe;
}
}
// ------- Footer - format as table cell to allow vertical centering