Responsive font size

remotes/origin/master
echarp 4 years ago
parent 52c7b3ee69
commit 0b913986f5
  1. 1
      app/assets/stylesheets/all.sass
  2. 3
      app/assets/stylesheets/list.sass
  3. 3
      app/assets/stylesheets/mobile.sass
  4. 25
      public/iframeSample.html

@ -25,6 +25,7 @@ body
border: 1px solid #68A6E5
margin: 0.2%
padding: 1%
font-size: calc(8px + 1vw)
min-height: 99.1%
text-align: center
font-family: sans-serif

@ -18,8 +18,6 @@ table
background-color: #def
tr:nth-child(even)
background-color: #eee
th
font-size: larger
td
padding: 0.2em
text-align: left
@ -53,7 +51,6 @@ ul.counters
color: white
padding: 0.4em 1em
display: inline-block
font-size: x-large
box-shadow: 0 0 2px black
border-radius: 0.4em
background-color: #258

@ -52,13 +52,10 @@
height: auto
margin: 1px
display: block
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

@ -1,16 +1,19 @@
<!DOCTYPE html>
<html>
<style type="text/css">
html, body, iframe {
width: 100%;
border: none;
height: 100%;
margin: 0;
background-color: #dfd;
}
iframe { height: 99%; }
</style>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
html, body, iframe {
width: 100%;
border: none;
height: 100%;
margin: 0;
background-color: #dfd;
}
iframe { height: 90%; width: 99%; }
</style>
</head>
<body>
<iframe src='/?iframe=true'></iframe>
<iframe src='/'></iframe>
</body>
</html>

Loading…
Cancel
Save