mirror of
https://scm.cms.hu-berlin.de/methodenlabor/doc_documentation.git
synced 2025-06-08 01:49:07 +00:00
120 lines
2.5 KiB
SCSS
120 lines
2.5 KiB
SCSS
/*-- scss:defaults --*/
|
|
// --primary-color: light-dark(#006890,#004f6e);
|
|
|
|
|
|
$blue: #004f6e !default;
|
|
$blue-light: #006890 !default;
|
|
// $indigo: #6610f2 !default;
|
|
$purple: #7e3f73 !default;
|
|
// $pink: #d63384 !default;
|
|
$red: #c44814 !default;
|
|
// $orange: #fd7e14 !default;
|
|
$yellow: #deae00 !default;
|
|
$green: #7ba01e !default;
|
|
// $teal: #20c997 !default;
|
|
$cyan: #008ac0 !default;
|
|
$gray: #9d9d9d !default;
|
|
|
|
$white: #fff !default;
|
|
$gray-100: tint-color($gray, 80%) !default;
|
|
$gray-200: tint-color($gray, 60%) !default;
|
|
$gray-300: tint-color($gray, 40%) !default;
|
|
$gray-400: tint-color($gray, 20%) !default;
|
|
$gray-500: $gray !default;
|
|
$gray-600: shade-color($gray, 20%) !default;
|
|
$gray-700: shade-color($gray, 40%) !default;
|
|
$gray-800: shade-color($gray, 60%) !default;
|
|
$gray-900: shade-color($gray, 80%) !default;
|
|
$black: #000 !default;
|
|
|
|
$primary: $blue !default;
|
|
$secondary: $blue-light !default;
|
|
$accent: $yellow !default;
|
|
$success: $green !default;
|
|
$info: $cyan !default;
|
|
$warning: $yellow !default;
|
|
$danger: $red !default;
|
|
$light: $gray-100 !default;
|
|
$dark: $gray-900 !default;
|
|
|
|
$min-contrast-ratio: 2.6 !default;
|
|
|
|
$link-color: $secondary !default;
|
|
// Options
|
|
|
|
$enable-rounded: true !default;
|
|
|
|
// Body
|
|
|
|
$body-color: $gray-800 !default;
|
|
|
|
// Fonts
|
|
|
|
// stylelint-disable-next-line value-keyword-case
|
|
//$font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
|
|
$headings-font-weight: 400 !default;
|
|
|
|
// Navbar
|
|
|
|
$navbar-dark-hover-color: rgba($white, 1) !default;
|
|
$navbar-light-hover-color: rgba($black, .9) !default;
|
|
|
|
// Alerts
|
|
|
|
$alert-border-width: 0 !default;
|
|
|
|
// Progress bars
|
|
|
|
$progress-height: .5rem !default;
|
|
|
|
|
|
/*-- scss:rules --*/
|
|
|
|
|
|
// Variables
|
|
|
|
// $web-font-path: "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&display=swap" !default;
|
|
// @if $web-font-path {
|
|
// @import url($web-font-path);
|
|
// }
|
|
|
|
// Typography
|
|
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
// Indicators
|
|
|
|
.badge {
|
|
&.bg-light {
|
|
color: $dark;
|
|
}
|
|
}
|
|
|
|
// Progress bars
|
|
|
|
.progress {
|
|
@include box-shadow(none);
|
|
|
|
.progress-bar {
|
|
font-size: 8px;
|
|
line-height: 8px;
|
|
}
|
|
}
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color: $primary;
|
|
}
|
|
|
|
|
|
strong {
|
|
text-shadow: 0px 0px 1px $secondary;
|
|
}
|
|
|
|
em {
|
|
text-shadow: 0px 0px 1px $secondary;
|
|
}
|
|
|