Added some responsive headers and styles
This commit is contained in:
parent 2a14cc52d7
commit a0fe1a79a9
2 changed files with 13 additions and 0 deletions
| @ -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" | ||||
| |
| @ -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; | ||||
} | ||||
} | ||||
} | ||||
| ||||
| ||||
| |
Loading…
Add table
Add a link
Reference in a new issue