agenda-libre-ruby/app/assets/stylesheets/region.sass

69 lines
1.4 KiB
Sass
Raw Normal View History

header.top ul.regions
margin: 0
list-style: none
& > li
2019-05-01 21:53:26 +02:00
display: inline-block
li
margin: 0
2019-05-01 21:53:26 +02:00
box-shadow: 0 0 1em white
background-color: white
&.selected
box-shadow: 0 0 0 6px lightgray
a
padding: 0.3em
2019-05-02 12:33:40 +02:00
display: block
white-space: nowrap
&:hover ul
box-shadow: 0 4px 4px gray
li.selected
display: inline-block
& li:hover li, li li.selected
display: block
ul
z-index: 1500
position: absolute
text-align: left
li
display: none
border-top: solid thin #eee
2019-05-03 11:35:24 +02:00
.field.region
.radios
2019-05-03 15:44:54 +02:00
z-index: 100
flex-grow: 0
text-align: left
background-color: white
2019-05-03 11:35:24 +02:00
.radios
display: inline
2019-05-03 15:44:54 +02:00
min-width: 12em
label
display: none
2019-05-03 11:35:24 +02:00
min-width: 100%
&:hover > .radios, label:hover + .radios, .radios:hover
2019-05-03 15:44:54 +02:00
z-index: 1000
position: absolute
2019-05-03 11:35:24 +02:00
box-shadow: 0 0 0.1em black
& > .region > label, & > label
display: inline-block
.radios
position: absolute
2019-05-03 15:44:54 +02:00
&:hover > .radios, & > label:hover + .radios, & > .radios:hover
margin-left: 10em
transition-duration: unset
2019-05-03 11:35:24 +02:00
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
2014-10-19 16:47:30 +02:00
table.list.dates
th, td
2014-10-23 10:59:14 +02:00
padding: 0 0.6em
2014-10-19 16:47:30 +02:00
.sparkline
padding: 0