agenda-libre-ruby/app/assets/stylesheets/region.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