Skip to content
Snippets Groups Projects
Commit 48dcc501 authored by weeman's avatar weeman
Browse files

Merge branch '38c3-design' into 'develop'

38c3 Design - Runde 1

See merge request hub/hub!1051
parents 203991c7 b5b07c0c
No related branches found
No related tags found
No related merge requests found
Showing
with 131 additions and 34 deletions
/*# sourceMappingURL=hub-high-contrast-variables.css.map */
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"hub-high-contrast-variables.css"}
\ No newline at end of file
......@@ -2,11 +2,11 @@
/* Copied over from bootstrap variables */
$cyan: #0dcaf0;
$cyan: #0dcaf0 !default;
/* Bootstrap variables customisation */
$secondary: $cyan;
$secondary: $cyan !default;
$body-color-dark: rgba(255, 255, 255, 0.85) !default;
$body-bg-dark: rgba(0, 0, 0, 1);
......@@ -14,7 +14,7 @@ $body-bg-dark: rgba(0, 0, 0, 1);
$body-emphasis-color: rgba(255, 255, 255, 1);
$body-secondary-color-dark: rgba(255, 255, 255, 0.65) !default;
$body-secondary-bg-dark: rgba(20, 20, 20, 1);
$body-secondary-bg-dark: rgba(20, 20, 20, 1) !default;
$link-decoration: none;
$link-hover-decoration: underline;
......
......@@ -2,10 +2,18 @@
$hub-mobile-navbar-height: 73px !default;
/* Fonts and font colours */
$hub-text-main-font: 400 14px $font-family-sans-serif !default;
$hub-badge-font: 700 18px $font-family-sans-serif !default;
$hub-head-category-font: 400 19px $font-family-sans-serif !default;
$hub-head-page-font: 400 33px $font-family-sans-serif !default;
$hub-head-page-color: $body-color-dark !default;
$hub-section-title-color: $secondary !default;
$hub-head-main-color: $body-color-dark !default;
/* Badges */
$hub-badge-bg-image: url(img/shield.svg) !default;
......@@ -94,3 +102,8 @@ $hub-tag-user-color: $black !default;
/* Navigation */
$hub-main-nav-category-font-weight: 300 !default;
$hub-main-nav-bg: $body-bg-dark !default;
/* Lists*/
$hub-list-item-bg: var(--bs-dark) !default;
......@@ -3,5 +3,6 @@
svg {
height: 100%;
max-width: 100%;
}
}
.hub-main-navbar {
background-color: $body-bg-dark;
background-color: $hub-main-nav-bg;
display: flex;
flex-direction: column;
height: 100vh;
......
@import "./helpers";
@import "./themes/hub-high-contrast-variables-bootstrap";
@import "./variables-bootstrap";
@import "./bootstrap";
@import "./themes/hub-high-contrast-variables";
@import "./variables-hub";
@import "bootstrap-icons/font/bootstrap-icons";
@import "./utils";
@import "./components";
@import "./base";
@import "./helpers";
@import "./variables-bootstrap";
@import "./bootstrap";
@import "./variables-hub";
@import "bootstrap-icons/font/bootstrap-icons";
@import "./utils";
@import "./components";
@import "./base";
@import "../helpers";
@import "./38c3/fonts";
@import "./38c3/38c3-variables-bootstrap";
@import "../variables-bootstrap";
@import "../bootstrap";
@import "./38c3/38c3-variables";
@import "../variables-hub";
@import "bootstrap-icons/font/bootstrap-icons";
@import "../utils";
@import "../components";
@import "../base";
body {
background-image: url("38c3/img/grid-12x16.svg");
background-repeat: repeat;
}
@import "bootstrap/scss/functions";
/* 38c3 Bootstrap variables */
$black: #0f000a;
$cyan: #b2aaff;
$white: #fef2ff;
$primary: #ff5053;
$secondary: $cyan;
$body-color-dark: $white;
$body-bg-dark: $black;
$body-secondary-color-dark: $white;
$body-secondary-bg-dark: #190b2f;
$link-color-dark: $secondary;
$link-hover-color-dark: $secondary;
$font-family-sans-serif: "Uncut Sans";
$font-size-base: 1.1rem;
@import "bootstrap/scss/variables";
@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
/* 38c3 variables */
$hub-event-list-past-color: #6a5fdb;
$hub-event-list-upcoming-color: #fef2ff;
$hub-event-list-now-color: $black;
$hub-head-page-font: 400 40px "Space Grotesk";
$hub-head-page-color: $primary;
$hub-main-nav-bg: "transparent";
$hub-main-nav-category-font-weight: normal;
$hub-head-category-font: 400 22px "Space Grotesk";
$hub-section-title-color: $primary;
$hub-head-main-color: $primary;
$hub-list-item-bg: #29114c;
@font-face {
font-family: "Space Grotesk";
src:
local("Space Grotesk"),
url("38c3/fonts/SpaceGrotesk-Regular.otf") format("opentype"),
url("38c3/fonts/SpaceGrotesk-Regular.woff") format("woff"),
url("38c3/fonts/SpaceGrotesk-Regular.woff2") format("woff2");
font-weight: normal;
}
@font-face {
font-family: "Uncut Sans";
src:
local("Uncut Sans"),
url("38c3/fonts/UncutSans-Regular.otf") format("opentype"),
url("38c3/fonts/UncutSans-Regular.woff") format("woff"),
url("38c3/fonts/UncutSans-Regular.woff2") format("woff2");
font-weight: normal;
}
@import "../helpers";
@import "./hub-high-contrast/hub-high-contrast-variables-bootstrap";
@import "../variables-bootstrap";
@import "../bootstrap";
@import "./hub-high-contrast/hub-high-contrast-variables";
@import "../variables-hub";
@import "bootstrap-icons/font/bootstrap-icons";
@import "../utils";
@import "../components";
@import "../base";
@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
/* High contrast Hub variables */
......@@ -11,3 +10,5 @@ $hub-event-list-upcoming-bg: $black;
$hub-event-list-upcoming-border: 1px solid $white;
$hub-main-nav-category-font-weight: normal;
@import "bootstrap/scss/variables";
@import "../helpers";
@import "../variables-bootstrap";
@import "../bootstrap";
@import "../variables-hub";
@import "bootstrap-icons/font/bootstrap-icons";
@import "../utils";
@import "../components";
@import "../base";
......@@ -16,7 +16,7 @@
}
.hub-list-item {
background-color: var(--bs-dark);
background-color: $hub-list-item-bg;
border-radius: var(--bs-border-radius);
display: grid;
gap: 0.625rem;
......
......@@ -23,14 +23,14 @@
}
.hub-head-page {
font-family: $font-family-sans-serif;
font-size: 33px;
font-weight: 400;
color: $hub-head-page-color;
font: $hub-head-page-font;
line-height: 130.19%;
letter-spacing: 0%;
}
.hub-head-main {
color: $hub-head-main-color;
font-family: $font-family-sans-serif;
font-size: 50px;
font-weight: 400;
......@@ -97,7 +97,7 @@
}
.hub-section-title {
color: var(--bs-secondary-color);
color: $hub-section-title-color;
font: $hub-head-category-font;
}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment