| Current Path : /home/digilove/public_html/templates/sj_revo/less/ |
| Current File : /home/digilove/public_html/templates/sj_revo/less/responsive.less |
/******************************************* *** YT Framework: less *** *******************************************/ // --* Module Templates *------------------ // ---------------------------------------- /* 1.Large devices Desktops ( Devices ≥1200px) * 2.Medium devices Desktops (992px ≥ Devices ≥ 1199px) * 3.Small devices Tablets (991px ≥ Devices ≥ 768px) * 4.Extra small devices Phones ( Devices < 767px) */ // Extra small screen / phone // Note: Deprecated @screen-xs and @screen-phone as of v3.0.1 @screen-xs: 480px; @screen-xs-min: @screen-xs; @screen-phone: @screen-xs-min; // Small screen / tablet // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1 @screen-sm: 768px; @screen-sm-min: @screen-sm; @screen-tablet: @screen-sm-min; // Medium screen / desktop // Note: Deprecated @screen-md and @screen-desktop as of v3.0.1 @screen-md: 992px; @screen-md-min: @screen-md; @screen-desktop: @screen-md-min; // Large screen / wide desktop // Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1 @screen-lg: 1200px; @screen-lg-min: @screen-lg; @screen-lg-desktop: @screen-lg-min; // So media queries don't overlap when required, provide a maximum @screen-xs-max: (@screen-sm-min - 1); @screen-sm-max: (@screen-md-min - 1); @screen-md-max: (@screen-lg-min - 1); @import "../less/color/variables_color.less"; // MEDIA QUERIES // ------------------ //Extra small devices Phones @import "responsive/responsive-767px-max.less"; //Small devices Tablets @import "responsive/responsive-768px-991px.less"; //Medium devices Desktops @import "responsive/responsive-992px-1199px.less"; //Large devices Desktops @import "responsive/responsive-1200px-min.less";