{"id":16710656,"url":"https://github.com/mdgriffith/stylish-elephants","last_synced_at":"2025-03-17T01:31:05.328Z","repository":{"id":62418792,"uuid":"101057383","full_name":"mdgriffith/stylish-elephants","owner":"mdgriffith","description":"This project has matured and been released!  Go here -\u003e","archived":false,"fork":false,"pushed_at":"2018-08-30T15:44:37.000Z","size":618,"stargazers_count":44,"open_issues_count":46,"forks_count":8,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-02-27T15:47:14.863Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://github.com/mdgriffith/elm-ui","language":"Elm","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mdgriffith.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGES-FROM-STYLE-ELEMENTS.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-08-22T11:52:03.000Z","updated_at":"2024-02-05T19:20:58.000Z","dependencies_parsed_at":"2022-11-01T16:47:32.575Z","dependency_job_id":null,"html_url":"https://github.com/mdgriffith/stylish-elephants","commit_stats":null,"previous_names":[],"tags_count":26,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdgriffith%2Fstylish-elephants","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdgriffith%2Fstylish-elephants/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdgriffith%2Fstylish-elephants/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdgriffith%2Fstylish-elephants/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdgriffith","download_url":"https://codeload.github.com/mdgriffith/stylish-elephants/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243835959,"owners_count":20355613,"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":[],"created_at":"2024-10-12T20:09:12.831Z","updated_at":"2025-03-17T01:31:04.882Z","avatar_url":"https://github.com/mdgriffith.png","language":"Elm","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A New Language for Layout and Interface\n\nCSS and HTML are actually quite difficult to use when you're trying to do the layout and styling of a web page.\n\nThis library is a complete alternative to HTML and CSS.  Basically you can just write your app using this library and (mostly) never have to think about HTML and CSS again.\n\nThe high level goal of this library is to be a **design toolkit** that draws inspiration from the domains of design, layout, and typography, as opposed to drawing from the ideas as implemented in CSS and HTML.\n\nThis means:\n\n* Writing and designing your layout and `view` should be as **simple and as fun** as possible.\n* Many layout errors (like you'd run into using CSS) **are just not possible to write** in the first place!\n* Everything should just **run fast.**\n* **Layout and style are explicit and easy to modify.** CSS and HTML as tools for a layout language are hard to modify because there's no central place that represents your layout. You're generally forced to bounce back and forth between multiple definitions in multiple files in order to adjust layout, even though it's probably the most common thing you'll do.\n\n\n```elm\nimport Color exposing (blue, darkBlue)\nimport Element exposing (Element, el, text, row, alignRight)\nimport Element.Background as Background\nimport Element.Border as Border\n\n\nmain = \n    Element.layout []\n        myElement\n\n\nmyRowOfStuff =\n    row [ width fill ]\n        [ myElement\n        , myElement\n        , el [ alignRight ] myElement\n        ]\n\n\nmyElement : Element msg\nmyElement =\n    el\n        [ Background.color blue\n        , Border.color darkBlue\n        ]\n        (text \"You've made a stylish element!\")\n```\n\nThe work here started as a major rewrite of the [Style Elements](https://github.com/mdgriffith/style-elements).\n\nThough, it will be released under a different name shortly.\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdgriffith%2Fstylish-elephants","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdgriffith%2Fstylish-elephants","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdgriffith%2Fstylish-elephants/lists"}