PATH:
root
/
mbmscss
@import "_config"; /* 545px is absolute minimum for iOS Safari media query to work Sizes below this are not working */ // $w: 1280px; // 1366px + 100px * 2; // excluding main container margin // $w: (((14 / 16) * 1920) + 3px); // allowing 16px font shrink to 14px, including main container margin, means smaller font // $w: 1920px; // $slider-width: 17px; // $mod: $w / $width-original; $mod: 1; // $f: ($w - $slider-width) * $font-size-base / ($width-original - $slider-width); :root { // @include responsive(font-size, ($f, $font-size-base, $font-size-base * 2), ($w, $width-original, $width-original * 2)); @include responsive(font-size, ($font-size-base, $font-size-base * 2), ($width-original, $width-original * 2)); // SCALING WEBPAGE BASE FONT SIZE // ALWAYS SCALE ON BASE 16px // 393px SCREEN - 14px // FROM 393px TO 1024px SCREEN - FONT RAISE FROM 14px to MAX 16px // FROM 1024px TO 1920px SCREEN - STABLE 16px // FROM 1920px TO 3840px SCREEN - FONT RAISE FROM 16px TO 32px // AND FURTHER IN SAME RATIO (LINEAR RAISE) // @include responsive(font-size, (14px, 16px, 16px, 32px), (393px, 1280px, 1920px, 3840px)); // @include responsive(font-size, (14px * (1280 / 1920), 16px * (1280 / 1920), 16px, 32px), (393px, 1280px, 1920px, 3840px)); }
[+]
..
[-] _style-ie9.scss
[edit]
[-] _config.scss
[edit]
[-] style.scss
[edit]
[-] _responsive.scss
[edit]
[-] _init.scss
[edit]
[-] style-ie.scss
[edit]