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

142 lines
2.5 KiB
Sass
Raw Normal View History

@media all and (max-width: 1024px)
.links, a#banner
2014-11-29 19:48:10 +01:00
margin: 0.6em auto
table, table.list, table.dates, table.list.dates
border-spacing: 1px
2014-11-29 19:48:10 +01:00
tbody th
overflow: hidden
max-width: 3em
@media all and (max-width: 900px)
body
border: none
margin: 0
padding: 1%
font-size: smaller
main ul
margin-left: 0
2018-10-17 15:47:43 +02:00
form#orga_search, button.search, .digest
font-size: smaller !important
2018-04-08 23:04:52 +02:00
table.list.dates
th, td
&, a
padding: 0 !important
font-size: inherit
/* For small screen width */
@media all and (max-width: 34em)
body
padding: 0
2014-11-29 19:48:10 +01:00
p
padding-left: 0.4em
padding-right: 0.4em
header.top
nav
display: none
img.logo
max-width: 12vw
2015-02-15 17:10:17 +01:00
form#orga_search
display: none
body.index
table thead
display: none
&.events table tr td
clear: both
width: auto
height: auto
margin: 1px
display: block
2014-11-29 20:30:02 +01:00
font-size: larger
min-height: 1em
border-width: 1px !important
&.prev-month, &.next-month, &.current-month.past
display: none
.day_number
font-size: initial
.event a
padding: 0.4em 1em
header
&:active, &:hover
& + table tr td.current-month.past
display: block
&.versions, &.orgas
table tbody
tr td
width: auto
padding: 0 0.2em
display: block
&:first-child
float: left
td + td + td
display: inline-block
td:first-child + td
width: 100%
display: block
2014-11-29 19:48:10 +01:00
dl
dt
min-width: auto
text-align: left
dd, dd.quantity
padding-right: 1em
#advises
font-size: smaller
& > *
display: none
& > :first-child:after
2019-04-20 19:10:14 +02:00
content: '... ↴'
& > :first-child, &:hover > *
display: block
aside
display: none
.links, a#banner
float: none
padding: 0.4em 0
fieldset
padding-left: 0
padding-right: 0
2017-05-22 16:42:21 +02:00
.field
& > label
width: 100%
2017-05-27 13:02:27 +02:00
display: block
text-align: left
margin-left: 1%
&.locality, &.repeat, &.active
label
width: auto
2017-05-27 13:02:27 +02:00
input
width: 100%
display: block
&#event_repeat, &#orga_active
width: auto
.radios
margin-left: auto
#map section
input, .awesome-marker
display: none !important
body.mce-content-body
padding: 1px 0
.mce-btn-group .mce-btn
margin-left: 0 !important
2017-05-27 13:02:27 +02:00
@media all and (min-width: 1600px)
body
font-size: larger
2017-05-27 13:02:27 +02:00
#advises
max-width: 60em