Sha256: 7e869fccd1352053fb35e108a0f05dbfe09a42b314659b2b3be659f46f45ca06

Contents?: true

Size: 1.97 KB

Versions: 1

Compression:

Stored size: 1.97 KB

Contents

//
// Responsive
// --------------------------------------------------

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: $screen-sm-min)

/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min)
  body
    padding: $navbar-height 0 0 $left-menu-width-open

  //== Top navbar
  //
  //## See navigation.sass
  .navbar-fixed-top
    padding-left: $left-menu-width-open

  .navbar-toggle
    display: none

  //== Loader
  //
  //## See page_loading.sass
  .loading-overlay
    width: calc(100% - #{$left-menu-width-open})
    left: $left-menu-width-open

  .loading-spinner
    margin-left: ($left-menu-width-open / 2) - ($spinner-size / 2)

  //== Fixed actions
  //
  //## See form.sass
  .form-fixed-actions
    .form-actions
      // left: $left-menu-width-open + 50px
      .btn
        margin-bottom: 0
        margin-right: 5px

/* Large devices (large desktops, 1200px and up) */
@media (min-width: $screen-lg-min)


//== Max width
//
//##
@media (max-width: $screen-xs-max)
  body
    padding-top: 0

  //== Top navbar
  //
  //## See navigation.sass
  .navbar-fixed-top
    position: relative

  .navbar-toggle
    margin-top: 3px
    margin-bottom: 3px


  .navbar-default .nav > li > a
    padding: 10px
    width: 40px
    i
      font-size: 14px

  .navbar-nav
    margin: 0
    > li
      float: left

  .breadcrumb
    padding: 10px

  .form-fixed-actions
    margin-bottom: 250px
    .form-actions
      padding-right: 15px
      padding-left: 15px
      .btn
        width: 100%

@media (max-width: $screen-sm-max)
  //== page list panel
  //
  //## See panel.sass
  .page-list-heading
    [class^='col-xs-'], [class^='col-sm-'], [class^='col-md-'], [class^='col-lg-'],
    .flextable-item
      margin-bottom: 10px

    //** disable lasted margin-bottom on flextable-item & col-* to get the proper padding
    .flextable
      margin-bottom: -10px

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
para-0.7.0 app/assets/stylesheets/para/admin/src/_responsive.sass