91 lines
1.8 KiB
Sass
91 lines
1.8 KiB
Sass
header nav
|
|
left: 0
|
|
width: 100%
|
|
position: absolute
|
|
& > ul > li
|
|
display: inline-block
|
|
ul
|
|
margin: 0
|
|
z-index: 1500
|
|
list-style: none
|
|
border-bottom-left-radius: 0.4em
|
|
border-bottom-right-radius: 0.4em
|
|
ul
|
|
position: absolute
|
|
text-align: left
|
|
li
|
|
display: none
|
|
border-top: solid thin #eee
|
|
li.selected
|
|
display: inline-block
|
|
& li:hover li, li li.selected
|
|
display: block
|
|
li
|
|
margin: 0
|
|
box-shadow: 0 0 1em white
|
|
background-color: white
|
|
&.selected
|
|
box-shadow: 0 0 0 6px lightgray
|
|
a
|
|
padding: 0.3em
|
|
display: block
|
|
white-space: nowrap
|
|
&:hover ul
|
|
box-shadow: 0 4px 4px gray
|
|
|
|
// .field.region .radios
|
|
// display: inline-block
|
|
// text-align: left
|
|
// background-color: white
|
|
// label
|
|
// width: 100%
|
|
// display: none
|
|
// &:hover > .region > label
|
|
// display: block
|
|
// z-index: 1000
|
|
// input:checked + label
|
|
// display: inline
|
|
// .region:hover .radios
|
|
// z-index: 1000
|
|
// position: absolute
|
|
// box-shadow: 0 4px 4px gray
|
|
// margin-left: 10em
|
|
.field.region
|
|
display: block
|
|
text-align: left
|
|
& > label
|
|
display: inline-block
|
|
.radios
|
|
z-index: 1000
|
|
display: inline-block
|
|
background-color: white
|
|
.radios
|
|
display: inline
|
|
label
|
|
display: none
|
|
min-width: 100%
|
|
&:hover > .radios, label:hover + .radios, .radios:hover
|
|
position: absolute
|
|
box-shadow: 0 0 0.1em black
|
|
& > .region > label, & > label
|
|
display: inline-block
|
|
.radios
|
|
position: absolute
|
|
min-width: 12em
|
|
input:checked + label
|
|
display: inline-block
|
|
|
|
// Override for the missing quebec flag!
|
|
.flag-icon-ca-qc
|
|
background-image: image-url(regions/CA-QC)
|
|
|
|
body.stats h3
|
|
text-align: center
|
|
|
|
table.list.dates
|
|
th, td
|
|
padding: 0 0.6em
|
|
|
|
.sparkline
|
|
padding: 0
|