{"action":"created","issue":{"url":"https://api.github.com/repos/uikit/uikit/issues/842","labels_url":"https://api.github.com/repos/uikit/uikit/issues/842/labels{/name}","comments_url":"https://api.github.com/repos/uikit/uikit/issues/842/comments","events_url":"https://api.github.com/repos/uikit/uikit/issues/842/events","html_url":"https://github.com/uikit/uikit/issues/842","id":53976488,"number":842,"title":"Modification for future releases - Font-sizing using rem","user":{"login":"webketje","id":1928531,"avatar_url":"https://avatars.githubusercontent.com/u/1928531?v=3","gravatar_id":"","url":"https://api.github.com/users/webketje","html_url":"https://github.com/webketje","followers_url":"https://api.github.com/users/webketje/followers","following_url":"https://api.github.com/users/webketje/following{/other_user}","gists_url":"https://api.github.com/users/webketje/gists{/gist_id}","starred_url":"https://api.github.com/users/webketje/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/webketje/subscriptions","organizations_url":"https://api.github.com/users/webketje/orgs","repos_url":"https://api.github.com/users/webketje/repos","events_url":"https://api.github.com/users/webketje/events{/privacy}","received_events_url":"https://api.github.com/users/webketje/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/uikit/uikit/labels/feature","name":"feature","color":"009800"}],"state":"closed","locked":false,"assignee":{"login":"saschadube","id":321081,"avatar_url":"https://avatars.githubusercontent.com/u/321081?v=3","gravatar_id":"","url":"https://api.github.com/users/saschadube","html_url":"https://github.com/saschadube","followers_url":"https://api.github.com/users/saschadube/followers","following_url":"https://api.github.com/users/saschadube/following{/other_user}","gists_url":"https://api.github.com/users/saschadube/gists{/gist_id}","starred_url":"https://api.github.com/users/saschadube/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/saschadube/subscriptions","organizations_url":"https://api.github.com/users/saschadube/orgs","repos_url":"https://api.github.com/users/saschadube/repos","events_url":"https://api.github.com/users/saschadube/events{/privacy}","received_events_url":"https://api.github.com/users/saschadube/received_events","type":"User","site_admin":false},"milestone":null,"comments":1,"created_at":"2015-01-11T00:12:57Z","updated_at":"2015-02-19T09:03:13Z","closed_at":"2015-02-19T09:03:13Z","body":"Currently there doesn't seem to be any way to quickly modify font-sizes for all `uk` classes in one fell swoop. This is important because different fonts have different readability in the same size, and [not everyone](http://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake/) agrees that the default should be 14px (as is now). Especially with increasing resolutions (1600x900px and up) 14px looks pretty small.. <br><br>The use of `rem` units instead of fixed `font-size`'s could solve this. According to [caniuse](http://caniuse.com/#search=rem), except for some minor bugs, `rem` units work on all browsers but IE8- and Opera Mini. For those a fallback can be used by placing an alternate style rule above it (the currently used one):\r\n\r\n`````\r\nfont-size: 14px;\r\nfont-size: 1rem;\r\n``````\r\nSo my suggestion would be to give people the ability to control the base size by setting it on `body`, and uikit to control the relative `font-size` differences between components (which is well-done already imo)."},"comment":{"url":"https://api.github.com/repos/uikit/uikit/issues/comments/75017785","html_url":"https://github.com/uikit/uikit/issues/842#issuecomment-75017785","issue_url":"https://api.github.com/repos/uikit/uikit/issues/842","id":75017785,"user":{"login":"saschadube","id":321081,"avatar_url":"https://avatars.githubusercontent.com/u/321081?v=3","gravatar_id":"","url":"https://api.github.com/users/saschadube","html_url":"https://github.com/saschadube","followers_url":"https://api.github.com/users/saschadube/followers","following_url":"https://api.github.com/users/saschadube/following{/other_user}","gists_url":"https://api.github.com/users/saschadube/gists{/gist_id}","starred_url":"https://api.github.com/users/saschadube/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/saschadube/subscriptions","organizations_url":"https://api.github.com/users/saschadube/orgs","repos_url":"https://api.github.com/users/saschadube/repos","events_url":"https://api.github.com/users/saschadube/events{/privacy}","received_events_url":"https://api.github.com/users/saschadube/received_events","type":"User","site_admin":false},"created_at":"2015-02-19T09:03:12Z","updated_at":"2015-02-19T09:03:12Z","body":"We won't introduce this to UIkit 2. But please suggest it for UIkit 3. https://github.com/uikit/uikit/issues/560"}}