@charset 'utf-8';

@import 'settings';

// my own changes
/* TODO: Make colors themable - e.g. Ubuntu has brown and SuSE has green */
$debian_color: #c70338;
$primary-color: $debian_color;

// 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-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(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
$body-font-family: "Droid Sans";

$button-tny: rem-calc(4);
$button-font-tny: rem-calc(15);

// Make the background of progress bars use a light version of the primary color
$progress-bar-color: tint($primary-color, 80);

// Enable special grid and block-grid sizes for xlarge and xxlarge screens
/*$include-xl-html-grid-classes: true;*/
/*$include-xl-html-block-grid-classes: true;*/
/*$row-width: 100%;*/


@import 'foundation';

// If you'd like to include motion-ui, you need to install the motion-ui sass package.
//
// @import 'motion-ui/motion-ui';

// We include everything by default.  To slim your CSS, remove components you don't use.

@include foundation-global-styles;
@include foundation-grid;
@include foundation-typography;
@include foundation-button;
@include foundation-forms;
@include foundation-visibility-classes;
@include foundation-float-classes;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-close-button;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-flex-video;
@include foundation-label;
@include foundation-media-object;
@include foundation-menu;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;

// If you'd like to include motion-ui, you need to install the motion-ui sass package.
//
// @include motion-ui-transitions;
// @include motion-ui-animations;