{"id":16844811,"url":"https://github.com/stephanhoyer/yss","last_synced_at":"2025-10-19T23:32:45.242Z","repository":{"id":23933507,"uuid":"100199426","full_name":"StephanHoyer/yss","owner":"StephanHoyer","description":"why style sheets?","archived":false,"fork":false,"pushed_at":"2024-04-12T09:06:57.000Z","size":179,"stargazers_count":6,"open_issues_count":14,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-13T17:52:14.367Z","etag":null,"topics":["css-in-js","javascript","stylesheets"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/StephanHoyer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2017-08-13T19:23:46.000Z","updated_at":"2024-04-15T09:02:26.716Z","dependencies_parsed_at":"2023-10-15T07:08:21.153Z","dependency_job_id":"a5abdd23-6636-44ac-af41-bbd88186cb82","html_url":"https://github.com/StephanHoyer/yss","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephanHoyer%2Fyss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephanHoyer%2Fyss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephanHoyer%2Fyss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StephanHoyer%2Fyss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StephanHoyer","download_url":"https://codeload.github.com/StephanHoyer/yss/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245122881,"owners_count":20564399,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-in-js","javascript","stylesheets"],"created_at":"2024-10-13T12:56:44.067Z","updated_at":"2025-10-19T23:32:45.168Z","avatar_url":"https://github.com/StephanHoyer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# yss - why style sheets?\n\n![](http://img.badgesize.io/StephanHoyer/yss/master/yss.min.js.svg?compression=gzip)\n\n[example](https://flems.io/#0=N4IgZglgNgpgziAXAbVAOwIYFsZJAOgCsEAaEAYwHs0AXGWvAekYAJyAnGDOljNFiGjg1M5GAB00VITRYBPOHBYBeFgE1FACgCUkycxZxKOFgAsYUAA4x2LMBnI1K7OZLABXKTQjVe7pwCqaBA0mpbslNbsNHIkdhhQUABGDgDWQSEqLADknFjZ2izAkiwsnDTu7PyasSwAbgnuMHGemar2iSnk6cE0hcoAfPIABgAkwOGRNjEAvizjDVBNM+OtNDPDkjN6aAYAJjCQaDCGxic0DqZy1EpQEKkn5lY2cJIKcPhPUZrF-CxJaEQOSSzgOtjQ1Bg2RIO1KBjA1FkwjksBKAiB2QRtAAyjFYAILndyNC0UkMViaAB1GAQADmplkIKgexJf08YLuxwxdAAHjQACIwKjsbg+fjsmycqEwv7Cdj3GDcmB8wXC0W+KUAWhopgi7nprNKNBo5CVfIAKiKhAj2Fg2BhLCEEhAAF7StHG9xmmiWvhwG129yWKLkDBwd1oNHwxGGV0SP5gOBAjD+SgZUKYxHYuMFGWlRMARiBchUQzk+ETmgAzNo83Y4AAmYul+QVuCaBv4BsAVlraMTVebg1blYL+F7dcTABYh2W25oxz2+wm4N3ZyP2wXl-m4AA2dflysABnwAA4AOwT2EsAwg9hgsoYPYQdyvP5JdjJ1PpzTZO9ggAlJ8XzgXNSXYI8D3wD9NCPbd-nYIt5BbcsYILG8WCneCPybZDh1Q9gFwwhtsPYQc8LnNCMK3OsPxnCjWxghtqNI81Igxf8bAAIUoY1jAAGUOGggOfV9ECPABuTj2B4visAAukGREkDxMNBDBLAGgONBGw2MsBT6WE4CxMk6TZKceTFKM0SkyPNSPwMhltPvXTIg06yVNMnSZN4iz3OUkz7J8uTnLBPT-OM2ypO8vTHI8wLaPYAAFaAoCgtCj0y5co1YSwn2fNBaTRSw0r8QJel-PK9gK2l3LAv4SsghjyxK2D4JKpCS3w-BWvQ1gsLrErcK6udeuI9qoHIkbWzG1gaOKqB6OmlqoA7FjBs-Mq0wq7IqpquL6tKcImuWnrCLgjbOpQs6iP69r2GG67wlulgSI2qansIvqWHmhr2CWz61rm9qtK2n9dvywRaT0w6WEsGgTqe0ILuKmgru6+GXoG1HHox0Jvre1GPrxl7fqOmgAZJ5jgcGskwZ2vaofM4xYcsJJEYxpI2tp9HRq577sYapJcb5l7CaF4nRe+sm4aSSnRepn72rqDnRoRnr2cGupeZmtGNYLLWRd1zs2YbLXJd1qsNarLX5d1qcNanQbTFVmaoBPY7nZ1lax3CA3itMI2VpNh7nYtlarfCG2A7tlaHfCJ3r32CAcCEMU31KAB3L9ypCX9M4gPYdVh0wc+2vPsnMKzYbgOMgRqOJFiaFpen6OdM80JvmhYNZtE+TvGm73uZRylgsAgOByFJWl69qKgoGcNv5F-LpUlpPU0BZOJ58XutTRYBu2EoBf2CXuRfx39hoSPk-lxmXRI12VgsGcR4LCiN93k+d+bB+NFTEoHUGw-IMDsAeICZqnxAG-z-GkdelB2TX2yHsUBqRsgsAANStmRLAaCcCN57HgmAWAPJZ5xGdLSNAABJOgWAlCqGyGIWgNhr6EFfN4MAcgADCiJ6CyAYUwugV8l6-FKKUOQwxnxwBKhgEsxDlTDB+LwO4lCaEwDoXENhwgICcJ4cw2gLB75ohmDKIxj8DB8F4KcHAmdTDcDHq-I+WASrKjMD-dgbxFDf2eIRNEf5-BODQGpQ+q94HsjPpsP4+YSFolKACWJCEUqJASZ6BJEAEmFgSZYOoVYsmmCnAky+LBbEhHjGIlgNArS128L4UJBCWAngbEoLg4ZNSCE1AgmgCS6kIM3vMYAPT2TbD+MMCslByCvmGJ0qUQIITHFGQAoB7AQFgPoJIB++hWAHCOCcIwJg+Ap3VEISQ0hhCPkECCTOWRRE5CPAAUmyMWLxSRaS-nXjAegsNshVnuY8+QzzXl-iWFCeC2Rdy-KeR8F5v5OAslBQWTKDzIXQUBe8z5d8dinMZJnAAgsELARzrl+Ihf8qFgKkhQDSF87sJKv7QuyCUugXyEW0oBSvSl3R6rDM2WwTg3BdlnEMHiGAewnGWEhLQN8WL-jAq4gE3wDCkjyqCZg0lwwlV8X4BSpokTpVorQHKzVWR-GavQVg946rlUsH1bqm4sg7hnIYe4KAZrSX4GOMIX8dxr5f3IG8zg6KoFLJqF4v1uQRUFG0A-aVnBpE3AgEA-kCaVB+OfHUM1aJ3gJPwLXN0mhezZvpbCgo2acDPgwL+TQBKeSagLkXUuP1MpHksDybQPq2XZH1ZGk5dr-iZyTXUFNfxkEJozX8L+uaYD5r7gcgldBfwIqUIII4pTr5JFxfio52hhiVL9CEMU-x8G9NFQWOAtqZAsCkVQAdQ7SgjvTaqidcZp34Fnfy38ABOJdaAV1MriCKC5lBM7bt3WnGpWqj3sh+mentF6+C8XMMsie17k3KFTaOx9XjJ0vrffO7Ii6BA-sEKu-9GBAPAZ3VU-dtTIN9NPZEnlr4TgJCgBU8wbGoZviwPgF+nhQh7HGe4VONBoKUD2LUG51AgSVObmiOoEAYAd2AEK-lhjCg3NKOUSo-BkAJNKFgX8ODpRuvIIoeC5SDN6bEcIfl+BfAAH5rUBoNVaoE2qYCGsCXWcppQNM+dKNQcgRJUj1yXpoGzdA7P8FUAAQgizAKL5mfMmKs3eoLEBug4GyFZpL+nNAOpoHEAz2RvVxGyHsk4BXI3ebEQZ2N4q06JoTblsemgr2UAHS1gz67Os1by-BnUwDkMdeazVgAusY0xD8QBkHDLARw6c8AIsHOeEAMwxtkE5KkBAKB0DYFwIgEA48dTyigDNkAlQzuHYZDQSwSZmCeEsGvfAVAsCMGO7qaAAABMcY5dzvZCJ9qARBSAgBiNYPAk95TwzWyQPbOA8DvHO5dvAN27uIAe2gJ7tIXvGEYO8L7J4rZHnx148eaAQfnfBwdkAUOIAw-W2QTACPDvvBYJqFgypsAuLW0AA)\n\n## What is _yss_?\n\nGiven that you use the mighty [mithril.js](https://mithril.js.org) you can do something like this:\n\n```\nconst myLink = 'a' + yss.fsL.dIb.bgBlue.fgWhite.brPill.boNone.hoGrow.ulNone\nm(myLink, { href: '#' }, 'Click me')\n```\n\n## Credits\n\nHeavily inspired by https://github.com/porsager/bss. Thanks Rasmus!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephanhoyer%2Fyss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstephanhoyer%2Fyss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephanhoyer%2Fyss/lists"}