From: vincent@cubedesigners.com Date: Mon, 7 Sep 2015 08:14:25 +0000 (+0000) Subject: Fix viewport size at 640 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=2a8dfb0fa1b665c35c988523f0d2f19752a323db;p=cubedesigners-v7.git Fix viewport size at 640 --- diff --git a/css/fonts/Klavika/Klavika.css b/css/fonts/Klavika/Klavika.css index ff4b1da..f8e0581 100644 --- a/css/fonts/Klavika/Klavika.css +++ b/css/fonts/Klavika/Klavika.css @@ -2,8 +2,8 @@ font-family: 'Klavika'; src: url('KlavikaWebBasicLight.eot'); src: url('KlavikaWebBasicLight.eot?#iefix') format('embedded-opentype'), - url('KlavikaWebBasicLight.svg') format('svg'), - url('KlavikaWebBasicLight.woff') format('woff'); + url('KlavikaWebBasicLight.svg') format('svg'), + url('KlavikaWebBasicLight.woff') format('woff'); font-weight: 300; font-style: normal; } @@ -12,8 +12,8 @@ font-family: 'Klavika'; src: url('KlavikaWebBasicLightItalic.eot'); src: url('KlavikaWebBasicLightItalic.eot?#iefix') format('embedded-opentype'), - url('KlavikaWebBasicLightItalic.svg') format('svg'), - url('KlavikaWebBasicLightItalic.woff') format('woff'); + url('KlavikaWebBasicLightItalic.svg') format('svg'), + url('KlavikaWebBasicLightItalic.woff') format('woff'); font-weight: 300; font-style: italic; } @@ -22,9 +22,9 @@ font-family: 'Klavika'; src: url('KlavikaWebBasicRegular.eot'); src: url('KlavikaWebBasicRegular.eot?#iefix') format('embedded-opentype'), - url('KlavikaWebBasicRegular.svg') format('svg'), - url('KlavikaWebBasicRegular.woff2') format('woff2'), - url('KlavikaWebBasicRegular.woff') format('woff'); + url('KlavikaWebBasicRegular.svg') format('svg'), + url('KlavikaWebBasicRegular.woff2') format('woff2'), + url('KlavikaWebBasicRegular.woff') format('woff'); font-weight: 400; font-style: normal; } @@ -33,8 +33,8 @@ font-family: 'Klavika'; src: url('KlavikaWebBasicRegularItalic.eot'); src: url('KlavikaWebBasicRegularItalic.eot?#iefix') format('embedded-opentype'), - url('KlavikaWebBasicRegularItalic.svg') format('svg'), - url('KlavikaWebBasicRegularItalic.woff') format('woff'); + url('KlavikaWebBasicRegularItalic.svg') format('svg'), + url('KlavikaWebBasicRegularItalic.woff') format('woff'); font-weight: 400; font-style: italic; } @@ -44,8 +44,8 @@ src: url('KlavikaWebBasicMedium.eot'); src: url('KlavikaWebBasicMedium.eot?#iefix') format('embedded-opentype'), url('KlavikaWebBasicMedium.svg') format('svg'), - url('KlavikaWebBasicMedium.woff') format('woff'); - font-weight: 500; + url('KlavikaWebBasicMedium.woff') format('woff'); + font-weight: 500; font-style: normal; } @@ -53,8 +53,8 @@ font-family: 'Klavika'; src: url('KlavikaWebBasicMediumItalic.eot'); src: url('KlavikaWebBasicMediumItalic.eot?#iefix') format('embedded-opentype'), - url('KlavikaWebBasicMediumItalic.svg') format('svg'), - url('KlavikaWebBasicMediumItalic.woff') format('woff'); + url('KlavikaWebBasicMediumItalic.svg') format('svg'), + url('KlavikaWebBasicMediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; } @@ -63,8 +63,8 @@ font-family: 'Klavika'; src: url('KlavikaWebBasicBold.eot'); src: url('KlavikaWebBasicBold.eot?#iefix') format('embedded-opentype'), - url('KlavikaWebBasicBold.svg') format('svg'), - url('KlavikaWebBasicBold.woff') format('woff'); + url('KlavikaWebBasicBold.svg') format('svg'), + url('KlavikaWebBasicBold.woff') format('woff'); font-weight: 700; font-style: normal; } @@ -73,8 +73,8 @@ font-family: 'Klavika'; src: url('KlavikaWebBasicBoldItalic.eot'); src: url('KlavikaWebBasicBoldItalic.eot?#iefix') format('embedded-opentype'), - url('KlavikaWebBasicBoldItalic.svg') format('svg'), - url('KlavikaWebBasicBoldItalic.woff') format('woff'); + url('KlavikaWebBasicBoldItalic.svg') format('svg'), + url('KlavikaWebBasicBoldItalic.woff') format('woff'); font-weight: 700; font-style: italic; } \ No newline at end of file diff --git a/js/common.js b/js/common.js index 29d1ebe..857efe0 100644 --- a/js/common.js +++ b/js/common.js @@ -30,8 +30,8 @@ function resize() { } function orientationchange() { - if (Modernizr.mq('screen and (max-device-width: 530px)')) { - $("[name='viewport']").attr("content", "width=530"); + if (Modernizr.mq('screen and (max-device-width: 640px)')) { + $("[name='viewport']").attr("content", "width=640"); } else { $("[name='viewport']").attr("content", "width=device-width, initial-scale=1.0"); } diff --git a/less/common.less b/less/common.less index af0690a..af16f2f 100644 --- a/less/common.less +++ b/less/common.less @@ -33,16 +33,17 @@ body { #wrapper { overflow: hidden; max-width: 100%; + min-width: 640px; } .wf-active body { opacity: 1; } -h1, h2, h3, h4, h5, h6 { +h1, h2, h3, h4, h5, h6, blockquote { font-family: @Klavika; - transform: rotate(0.1deg); // Hack to fix poor rendering on Chrome + Windows (forces anti-aliasing) -// -webkit-font-smoothing: antialiased; + transform: rotate(0.1deg); // Hack to fix poor rendering on Chrome + Windows (forces anti-aliasing) + -webkit-font-smoothing: antialiased; } h1, h2 { @@ -58,9 +59,9 @@ strong, b { } a { - color: #222428; - text-decoration: none; - transition: color 0.3s; + color: #222428; + text-decoration: none; + transition: color 0.3s; &:hover, &:active { color: @yellow; @@ -71,7 +72,7 @@ a { clear: both; border-radius: 2px; - border: 2px solid @yellow; + border: 2px solid @yellow; padding: 13px; line-height: 12px; margin: 15px 0 0 0; @@ -79,7 +80,7 @@ a { font-size: 16px; text-decoration: none !important; text-transform: uppercase; - transition: all 0.3s; + transition: all 0.3s; .button(#fff, @yellow, @yellow, transparent); } @@ -96,7 +97,7 @@ a { ul { list-style: none; li { - line-height: 1.4; + line-height: 1.4; &:before { content: "- "; } @@ -110,16 +111,16 @@ a { text-align: left; font-size: 56px; line-height: 1; - margin-bottom: 20px; + margin-bottom: 20px; } h2 { text-align: left; font-size: 26px; line-height: 1.3; white-space: pre-line; // Preserve line breaks from content - font-family: @roboto; - text-transform: none; - font-weight: 300; + font-family: @roboto; + text-transform: none; + font-weight: 300; @media screen and (max-width: 980px) { white-space: normal; @@ -128,10 +129,10 @@ a { } .dotclear { - a { - //color: #1b1b1b; - text-decoration: underline; - } + a { + //color: #1b1b1b; + text-decoration: underline; + } h3, h4 { font-weight: 400;