Added some responsive headers and styles

This commit is contained in:
Dan Brown 2015-10-11 17:22:28 +01:00
commit a0fe1a79a9

View file

@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1">
<title>BookStack</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,300,300italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"

View file

@ -12,6 +12,9 @@ header {
color: #FFF;
font-size: 3.333em;
font-weight: 300;
@include smaller-than($s) {
font-size: 2em;
}
}
.spaced {
margin-top: $-xxl;
@ -49,6 +52,15 @@ header {
height: 48px;
//padding-top: $-m;
}
@include smaller-than($s) {
h1 {
font-size: 1.8em;
}
img {
height: 32px;
margin-right: $-s;
}
}
}