framework7/components/panel/panel-vars.less

Full featured mobile HTML framework for building iOS & Android apps

:root {
  --f7-panel-width: 260px;
  /*
  --f7-panel-left-width: var(--f7-panel-width);
  --f7-panel-right-width: var(--f7-panel-width);
  */
  --f7-panel-bg-color: #fff;
}
.ios-vars({
  --f7-panel-backdrop-bg-color: rgba(0,0,0,0);
  --f7-panel-transition-duration: 400ms;
  --f7-panel-shadow: transparent;
});
.md-vars({
  --f7-panel-backdrop-bg-color: rgba(0,0,0,0.2);
  --f7-panel-transition-duration: 300ms;
  --f7-panel-shadow:
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0.1) 30%,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 0) 100%;
});
.aurora-vars({
  --f7-panel-backdrop-bg-color: rgba(0,0,0,0.2);
  --f7-panel-transition-duration: 400ms;
  --f7-panel-shadow: transparent;
});