{"action":"created","issue":{"url":"https://api.github.com/repos/nytpi/nytpi-sass-utils/issues/3","labels_url":"https://api.github.com/repos/nytpi/nytpi-sass-utils/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/nytpi/nytpi-sass-utils/issues/3/comments","events_url":"https://api.github.com/repos/nytpi/nytpi-sass-utils/issues/3/events","html_url":"https://github.com/nytpi/nytpi-sass-utils/issues/3","id":120897497,"number":3,"title":"font-size() mixin should *not* automatically default to upscaling font-size value past 1605 pixels","user":{"login":"kohlmannj","id":191304,"avatar_url":"https://avatars.githubusercontent.com/u/191304?v=3","gravatar_id":"","url":"https://api.github.com/users/kohlmannj","html_url":"https://github.com/kohlmannj","followers_url":"https://api.github.com/users/kohlmannj/followers","following_url":"https://api.github.com/users/kohlmannj/following{/other_user}","gists_url":"https://api.github.com/users/kohlmannj/gists{/gist_id}","starred_url":"https://api.github.com/users/kohlmannj/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kohlmannj/subscriptions","organizations_url":"https://api.github.com/users/kohlmannj/orgs","repos_url":"https://api.github.com/users/kohlmannj/repos","events_url":"https://api.github.com/users/kohlmannj/events{/privacy}","received_events_url":"https://api.github.com/users/kohlmannj/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/nytpi/nytpi-sass-utils/labels/enhancement","name":"enhancement","color":"84b6eb"},{"url":"https://api.github.com/repos/nytpi/nytpi-sass-utils/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-12-07T23:56:19Z","updated_at":"2016-01-25T21:27:25Z","closed_at":null,"body":"This is \"magic\" / hidden behavior that could be *very* confusing."},"comment":{"url":"https://api.github.com/repos/nytpi/nytpi-sass-utils/issues/comments/174670545","html_url":"https://github.com/nytpi/nytpi-sass-utils/issues/3#issuecomment-174670545","issue_url":"https://api.github.com/repos/nytpi/nytpi-sass-utils/issues/3","id":174670545,"user":{"login":"kohlmannj","id":191304,"avatar_url":"https://avatars.githubusercontent.com/u/191304?v=3","gravatar_id":"","url":"https://api.github.com/users/kohlmannj","html_url":"https://github.com/kohlmannj","followers_url":"https://api.github.com/users/kohlmannj/followers","following_url":"https://api.github.com/users/kohlmannj/following{/other_user}","gists_url":"https://api.github.com/users/kohlmannj/gists{/gist_id}","starred_url":"https://api.github.com/users/kohlmannj/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kohlmannj/subscriptions","organizations_url":"https://api.github.com/users/kohlmannj/orgs","repos_url":"https://api.github.com/users/kohlmannj/repos","events_url":"https://api.github.com/users/kohlmannj/events{/privacy}","received_events_url":"https://api.github.com/users/kohlmannj/received_events","type":"User","site_admin":false},"created_at":"2016-01-25T21:27:25Z","updated_at":"2016-01-25T21:27:25Z","body":"The alternative would be some kind of configurable opt-in that prevents text from growing past the max width of the active breakpoint:\r\n\r\n```scss\r\n.selector {\r\n    @include size-class(desktop) {\r\n        @include font-size(64, vw) {\r\n            @include max-font-size;\r\n            @include min-font-size(48);\r\n        }\r\n    }\r\n}\r\n```\r\n\r\nExample output:\r\n\r\n```css\r\n@media (min-width: 1280px) {\r\n    .selector {\r\n        font-size: 2.5vw;\r\n    }\r\n}\r\n\r\n// min-font-size() mixin output, which reverse-solves for a max-width value\r\n@media (max-width: 960px) {\r\n    .selector {\r\n        font-size: 24px;\r\n    }\r\n}\r\n\r\n// max-font-size() mixin output, which sets up a media query for when we exceed this size class's widest breakpoint's max-width (this is a little tricky to generalize with `desktop` because of the `shell` breakpoint)\r\n@media (min-width: 1605px) {\r\n    .selector {\r\n        font-size: 40.125px;\r\n    }\r\n}\r\n```"}}