diff options
| author | Peter Wu <peter@lekensteyn.nl> | 2015-03-25 22:05:10 +0100 |
|---|---|---|
| committer | Peter Wu <peter@lekensteyn.nl> | 2015-03-25 22:05:10 +0100 |
| commit | e590c206013bef0d991fa3e187b161f194323653 (patch) | |
| tree | 274252f58b695d109b8c113ecc97a7d434836735 /style | |
| parent | 1e05ce0dd20a627183b7fa0db95d8b74e600ee63 (diff) | |
| download | site-e590c206013bef0d991fa3e187b161f194323653.tar.gz | |
Start with campus map
Diffstat (limited to 'style')
| -rw-r--r-- | style/campus.less | 20 | ||||
| -rw-r--r-- | style/colors.less | 6 | ||||
| -rw-r--r-- | style/main.less | 1 |
3 files changed, 27 insertions, 0 deletions
diff --git a/style/campus.less b/style/campus.less new file mode 100644 index 0000000..e93f4fa --- /dev/null +++ b/style/campus.less @@ -0,0 +1,20 @@ +@import "colors.less"; + +body[data-page="campus"] #campus-map { + /* NOTE: you cannot use all CSS properties here on SVG elements. + * Things like border-radius and box-shadow do not work here. */ + svg { + .building { + stroke: @color-campus-building-border; + stroke-width: 3; + fill: @color-campus-building-fill; + opacity: .3; + + &:hover { + opacity: .7; + stroke-width: 6; + } + } + } +} +/* vim: set sw=4 et ts=4: */ diff --git a/style/colors.less b/style/colors.less index 2518b5c..0f3fe7f 100644 --- a/style/colors.less +++ b/style/colors.less @@ -1,3 +1,9 @@ +/* Lovely colors! */ + +/* Campus map */ +@color-campus-building-border: #f00; +@color-campus-building-fill: #ccf; + /* Color scheme from http://paletton.com/#uid=53v0u0k7UUa3cZA5wXlaiQ5cFL3 */ @color-primary-0: #B5D6EB; /* Main Primary color */ diff --git a/style/main.less b/style/main.less index 65d7340..1a5f854 100644 --- a/style/main.less +++ b/style/main.less @@ -73,6 +73,7 @@ body[data-page="home"] { } @import "curriculum.less"; +@import "campus.less"; /* footer */ footer { |