93 lines
2.7 KiB
SCSS
93 lines
2.7 KiB
SCSS
@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;
|
|
|