assets/css/_variables.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

/*Colors*/
$dark-blue: #2a2a36;
$medium-blue: #0073B2;
$nextcloud-blue: #0082c9;
$light-grey: #f1f1f1;
$medium-grey: #6c6c6c;
$medium-dark: #555;
$dark-grey: #333333;
$white: #ffffff;
$orange: #FF8B00;
$warning: #FFF054;

/*Shadows*/
$elevation-shadow-1: 0 2px 4px 0 rgba(0, 0, 0, 0.11);


$font-stack: 'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif;

/*Breakpoints*/
$break-small: 768px;
$break-big: 991px;
$very-wide: 1600px;
$navbar-breaksize: 1200px;

@mixin horizontal-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@mixin vertical-center {
	position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}