Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | //## Main Layout CSS Builder |
| 2 | |||
| 3 | @import '../../global/_variables'; // global metronic framework variables |
||
| 4 | |||
| 5 | ///////////////////////////// |
||
| 6 | ///////////////////////////// |
||
| 7 | ///////////////////////////// |
||
| 8 | //## Reset Media Queries Breakpoints |
||
| 9 | // |
||
| 10 | //Define the breakpoints at which your layout will change, adapting to different screen sizes. |
||
| 11 | |||
| 12 | // Extra small screen / phone |
||
| 13 | $screen-xs-min: 480px !default; |
||
| 14 | |||
| 15 | // Small screen / tablet |
||
| 16 | $screen-sm-min: 768px !default; |
||
| 17 | |||
| 18 | // Medium screen / desktop(change 992 to 900 in order show default sidebar menu in ipad width devices, |
||
| 19 | // also change this variable in metronic.js under getResponsiveBreakpoint function) |
||
| 20 | $screen-md-min: 992px !default; |
||
| 21 | |||
| 22 | // Large screen / wide desktop |
||
| 23 | $screen-lg-min: 1200px !default; |
||
| 24 | |||
| 25 | // Large scree / wider desktop |
||
| 26 | $screen-lg-med: 1260px !default; |
||
| 27 | |||
| 28 | // So media queries don't overlap when required, provide a maximum |
||
| 29 | $screen-xs-max: ($screen-sm-min - 1) !default; |
||
| 30 | $screen-sm-max: ($screen-md-min - 1) !default; |
||
| 31 | $screen-md-max: ($screen-lg-min - 1) !default; |
||
| 32 | ///////////////////////////// |
||
| 33 | ///////////////////////////// |
||
| 34 | ///////////////////////////// |
||
| 35 | |||
| 36 | @import '../../global/components/_mixins'; // global metronic framework mixings |
||
| 37 | |||
| 38 | @import '_variables'; // theme level variables |
||
| 39 | |||
| 40 | @import 'layout/_print'; // print layout |
||
| 41 | |||
| 42 | @import 'layout/_header'; // page header |
||
| 43 | @import 'layout/_page-container'; // page main container |
||
| 44 | @import 'layout/_sidebar'; // page sidebar |
||
| 45 | @import 'layout/_quick-sidebar'; // page quick sidebar |
||
| 46 | @import 'layout/_content'; // page consnde |
||
| 47 | @import 'layout/_footer'; // page footer |
||
| 48 | |||
| 49 | @import 'layout/_theme-panel'; // theme customizer panel |
||
| 50 | |||
| 51 | /*** |
||
| 52 | Page Loading |
||
| 53 | ***/ |
||
| 54 | |||
| 55 | .page-on-load { |
||
| 56 | background: #fefefe; |
||
| 57 | |||
| 58 | .page-header, |
||
| 59 | .page-container, |
||
| 60 | .page-footer, |
||
| 61 | > .clearfix { |
||
| 62 | display: none; |
||
| 63 | transition: all 2s; |
||
| 64 | } |
||
| 65 | } |