framework7-without-localstorage/examples/split-view/css/my-app.css

Full featured mobile HTML framework for building iOS & Android apps

/* Your app custom files in this file */
.view-left {
  float: left;
  width: 320px;
  border-right: 1px solid #b2b2b2;
}
.view-main {
  width: -webkit-calc(100% - 321px);
  width: -moz-calc(100% - 321px);
  width: -ms-calc(100% - 321px);
  width: calc(100% - 321px);
}
@media (max-width: 768px) {
  .view-left {
    width: 240px;
  }
  .view-main {
    width: -webkit-calc(100% - 241px);
    width: -moz-calc(100% - 241px);
    width: -ms-calc(100% - 241px);
    width: calc(100% - 241px);
  }
}