diff --git a/dist/framework.css b/dist/framework.css index 9f44090c94..c4c739b548 100644 --- a/dist/framework.css +++ b/dist/framework.css @@ -1 +1,15 @@ @charset "UTF-8"; +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } + +body { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + font: 14px/1.25 "Helvetica Neue", sans-serif; } + +a { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } diff --git a/example/index.html b/example/index.html index b1dc976849..86e0c8003f 100644 --- a/example/index.html +++ b/example/index.html @@ -1,7 +1,7 @@ - +
diff --git a/scss/framework.scss b/scss/framework.scss index 877e3674ea..6cd92d0faf 100755 --- a/scss/framework.scss +++ b/scss/framework.scss @@ -5,4 +5,5 @@ // Components @import - "framework/components/buttons"; \ No newline at end of file + "framework/base", + "framework/components/button"; \ No newline at end of file diff --git a/scss/framework/_base.scss b/scss/framework/_base.scss new file mode 100644 index 0000000000..f1bd980f75 --- /dev/null +++ b/scss/framework/_base.scss @@ -0,0 +1,20 @@ + +// Make sure iOS Safari doesn't scale fonts on orientation changes +html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + font: 14px/1.25 "Helvetica Neue", sans-serif; +} + +// Remove tap highlight color on Safari +a { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} \ No newline at end of file