2 * Core: General Layout Style
3 * -------------------------
14 -webkit-font-smoothing: antialiased;
15 -moz-osx-font-smoothing: grayscale;
16 font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
32 box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
38 background: url('@{boxed-layout-bg-image-path}') repeat fixed;
42 * Content Wrapper - contains the main content
43 * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper ```
48 //Using disposable variable to join statements with a comma
49 @transition-rule: @transition-speed @transition-fn,
50 margin @transition-speed @transition-fn;
51 .transition-transform(@transition-rule);
52 margin-left: @sidebar-width;
58 @media (max-width: @screen-xs-max) {
61 //When opening the sidebar on large screens
63 @media (min-width: @screen-sm) {
67 //When opening the sidebar on small screens
69 @media (max-width: @screen-xs-max) {
70 .translate(@sidebar-width, 0);
78 background-color: @body-bg;
86 border-top: 1px solid @gray;
104 @media (max-width: @screen-header-collapse) {
115 body.hold-transition {
121 .main-header .navbar,
132 .container-fixed(@grid-gutter-width);
148 font-family: 'Source Sans Pro', sans-serif;
160 text-decoration: none;
161 color: @link-hover-color;
166 margin: 10px 0 20px 0;