let users define their own font
This commit is contained in:
Lorin Werthen
parent
f36d4839a5
commit
e20dd70d51
4 changed files with 63 additions and 59 deletions
|
|
@ -1,56 +1,57 @@
|
||||||
#navbar {
|
#navbar {
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
z-index: 100;
|
.logo-wrapper {
|
||||||
margin-bottom: 10px;
|
padding-bottom: 0;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
.logo-wrapper {
|
#santa {
|
||||||
padding-bottom: 0;
|
bottom: 0;
|
||||||
position: relative;
|
left: 5px;
|
||||||
|
position: absolute;
|
||||||
#santa {
|
width: 60px;
|
||||||
position: absolute;
|
z-index: 300;
|
||||||
z-index: 300;
|
}
|
||||||
left: 5px;
|
|
||||||
bottom: 0;
|
|
||||||
width: 60px;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.navbar:not(.is-transparent) #logo-link {
|
.navbar:not(.is-transparent) #logo-link {
|
||||||
@include desktop {
|
@include desktop {
|
||||||
width: 124px;
|
border-bottom: 2px solid $body-background;
|
||||||
border-bottom: 2px solid $body-background;
|
margin-bottom: -2px;
|
||||||
margin-bottom: -2px;
|
width: 124px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#logo {
|
||||||
|
@include desktop {
|
||||||
|
max-width: none;
|
||||||
|
max-height: none;
|
||||||
|
left: 0;
|
||||||
|
bottom: 5px;
|
||||||
|
width: 100px;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
#logo {
|
|
||||||
@include desktop {
|
|
||||||
max-width: none;
|
|
||||||
max-height: none;
|
|
||||||
left: 0;
|
|
||||||
bottom: 5px;
|
|
||||||
width: 100px;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-item {
|
|
||||||
font-variant: small-caps;
|
|
||||||
font-size: 1.15em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar:not(.is-transparent) {
|
|
||||||
.navbar-item {
|
.navbar-item {
|
||||||
&:not(.is-active) {
|
font-variant: small-caps;
|
||||||
color: #7a7a7a;
|
font-size: 1.15em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.is-active {
|
.navbar:not(.is-transparent) {
|
||||||
color: $primary;
|
.navbar-item {
|
||||||
border-bottom: 2px solid;
|
&:not(.is-active) {
|
||||||
margin-bottom: -2px;
|
color: #7a7a7a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
color: $primary;
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
margin-bottom: -2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,32 +1,35 @@
|
||||||
// Colours
|
// Colours
|
||||||
$zeus-orange: #FF7F00;
|
$zeus-orange: #ff7f00;
|
||||||
$zeus-blue: #00C4FF;
|
$zeus-blue: #00c4ff;
|
||||||
|
|
||||||
$body-background: white;
|
$body-background: #fff;
|
||||||
|
|
||||||
$tile-orange: $zeus-orange;
|
$tile-orange: $zeus-orange;
|
||||||
|
|
||||||
$navbar-border-color: #CCC;
|
$navbar-border-color: #ccc;
|
||||||
$event-border-color: #DDD;
|
$event-border-color: #ddd;
|
||||||
|
|
||||||
$orange: $zeus-orange;
|
$orange: $zeus-orange;
|
||||||
$blue: $zeus-blue;
|
$blue: $zeus-blue;
|
||||||
$turquoise: #30D1B2;
|
$turquoise: #30d1b2;
|
||||||
|
|
||||||
$link: $orange;
|
$link: $orange;
|
||||||
$link-visited: $link;
|
$link-visited: $link;
|
||||||
|
|
||||||
$border-hover: $blue;
|
$border-hover: $blue;
|
||||||
|
|
||||||
$box-colour: #EEE;
|
$box-colour: #eee;
|
||||||
$highlighted-box-colour: $zeus-orange;
|
$highlighted-box-colour: $zeus-orange;
|
||||||
$highlighted-text-colour: white;
|
$highlighted-text-colour: #fff;
|
||||||
$highlighted-link-colour: #222324;
|
$highlighted-link-colour: #222324;
|
||||||
|
|
||||||
$cammie-controls-color: rgba(0, 0, 0, 0.60);
|
$cammie-controls-color: rgba(0, 0, 0, .60);
|
||||||
|
|
||||||
$event-padding: 10px;
|
$event-padding: 10px;
|
||||||
|
|
||||||
$primary: $orange;
|
$primary: $orange;
|
||||||
$secondary: $zeus-blue;
|
$secondary: $zeus-blue;
|
||||||
$tertiary: $box-colour;
|
$tertiary: $box-colour;
|
||||||
|
|
||||||
|
// Let's trust the font the user chose
|
||||||
|
$family-sans-serif: sans-serif;
|
||||||
|
|
|
||||||
6
package-lock.json
generated
6
package-lock.json
generated
|
|
@ -5,9 +5,9 @@
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"bulma": {
|
"bulma": {
|
||||||
"version": "0.7.0",
|
"version": "0.7.1",
|
||||||
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.0.tgz",
|
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.1.tgz",
|
||||||
"integrity": "sha1-1IAXDIdoy3dP9galqvXeqpLNpiI="
|
"integrity": "sha512-wRSO2LXB+qI9Pyz2id+uZr4quz5aftSN7Ay1ysr1+krzVp3utD+Ci4CeKuZdrYGc800t65b7heXBL6qw2Wo/lQ=="
|
||||||
},
|
},
|
||||||
"bulma-divider": {
|
"bulma-divider": {
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"repository": "https://github.com/ZeusWPI/zeus.ugent.be",
|
"repository": "https://github.com/ZeusWPI/zeus.ugent.be",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"bulma": "0.7.0",
|
"bulma": "0.7.1",
|
||||||
"bulma-divider": "~0.0.1"
|
"bulma-divider": "~0.0.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue