Contents

/* Table of Contents
==================================================
#Aside
#Media Queries */

/* #Aside
================================================== */
.aside {
  border-radius: 0;
  height: 100%;
  left: initial;
  margin-left: 0;
  right: 0;
  top: 0;
  width: 420px;
}
.aside.fade {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
          transition: opacity 0.3s linear, right 0.3s ease-out;
  top: 0;
}
.aside.fade.in {
  right: 0;
  top: 0;
}
.aside .modal-body {
  border-bottom: 0;
  min-height: 75%;
}
.aside .modal-footer {
  bottom: 0;
  background: rgba(255,255,255,1);
  border-top: 1px solid rgba(227,232,235,1);
  border-radius: 0;
  position: absolute;
  right: 0;
}
.modal-footer-btn,
input[type="submit"].modal-footer-btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 420px;
}
.modal-footer-btn-left,
input[type="submit"].modal-footer-btn-left,
.modal-footer-btn-right,
input[type="submit"].modal-footer-btn-right { width: 210px; }

/* #Media Queries
================================================== */
@media only screen and (max-width: 767px) {
  .aside {
    margin-left: 0;
    width: 300px;
  }
  .modal-footer-btn,
  input[type="submit"].modal-footer-btn { width: 300px; }
  .modal-footer-btn-left,
  input[type="submit"].modal-footer-btn-left,
  .modal-footer-btn-right,
  input[type="submit"].modal-footer-btn-right { width: 150px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .aside {
    margin-left: 0;
    width: 420px;
  }
  .aside .modal-body { min-height: 50%; }
  .modal-footer-btn,
  input[type="submit"].modal-footer-btn { width: 420px; }
  .modal-footer-btn-left,
  input[type="submit"].modal-footer-btn-left,
  .modal-footer-btn-right,
  input[type="submit"].modal-footer-btn-right { width: 210px; }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
flashgrid-ext-1.0.11	vendor/assets/stylesheets/aside.css.scss