chaas/debshots
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

CSS settings fixed again after Foundation update

Browse source
This commit is contained in:
Christoph Haas 2016-08-24 21:44:36 +02:00
parent 6eae1d9984
commit 602707c53d
1 changed files with 29 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

52
app/assets/stylesheets/_settings.scss
View file

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