{"id":22792659,"url":"https://github.com/johnantoni/sass-meetup","last_synced_at":"2026-07-07T06:31:26.840Z","repository":{"id":19680598,"uuid":"22934610","full_name":"johnantoni/sass-meetup","owner":"johnantoni","description":null,"archived":false,"fork":false,"pushed_at":"2014-08-14T00:58:31.000Z","size":176,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-10-25T19:31:18.996Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Ruby","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/johnantoni.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-08-13T23:26:27.000Z","updated_at":"2014-08-13T23:29:08.000Z","dependencies_parsed_at":"2022-08-24T14:08:07.877Z","dependency_job_id":null,"html_url":"https://github.com/johnantoni/sass-meetup","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/johnantoni/sass-meetup","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnantoni%2Fsass-meetup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnantoni%2Fsass-meetup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnantoni%2Fsass-meetup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnantoni%2Fsass-meetup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/johnantoni","download_url":"https://codeload.github.com/johnantoni/sass-meetup/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnantoni%2Fsass-meetup/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35218117,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-07T02:00:07.222Z","response_time":90,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-12-12T03:15:42.548Z","updated_at":"2026-07-07T06:31:26.824Z","avatar_url":"https://github.com/johnantoni.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"#### Intro - Get to know the group\n\n* What's your level of CSS experience\n* Do you know any programming languages?\n* What's the most complex thing you've done with SASS\n\n#### How the meetup will Work\n\n* Each Meetup will be targeted to a specific skill level (Basic/Advanced) ideally with some hands-on time in sassmeister\n* The meetup will start with a mini-demo of something at the opposite skill level of main content\n* Then we jump into sassmeister.com and do some hands on\n* After the meetup we'll grab a pint nearby\n\n\n#### Hands-on\n\n* Breakpoint Intro - http://sassmeister.com/gist/73a53395a4df14a38aab\n* no-query support by class - http://sassmeister.com/gist/7b8dded03df82d92970c\n* No query support by File - http://sassmeister.com/gist/df87e8fe8e5ba8985201\n* Singularity - Setup Mobile First  http://sassmeister.com/gist/47e5f7a46938110fca6f\n* Singularity - 960gs http://sassmeister.com/gist/c0f9776f4a0e3fcc9fc8\n* Singularity - Non symmetric Grid - http://sassmeister.com/gist/861018f358c9c61ea8d1\n\n\n------\n\n#### links\n\n* http://www.browsersync.io/\n* http://breakpoint-sass.com/\n* https://github.com/Team-Sass/Singularity\n\n#### notes\n\n    $breakpoint-no-query-fallbacks\n\n#### no-query-fallback\n\n* https://github.com/Team-Sass/breakpoint/wiki/No-Query-Fallbacks\n\n#### sass placeholder\n\n    %demo--base {\n      background-color: rgba(255,100,100, 0.5);\n      border: 2px dashed grey;\n      text-align: center;\n      padding-top: 5em;\n      padding-bottom: 5em;\n      margin-bottom: 1em;\n    }\n\n    header {\n      @extend %demo--base;\n    }\n\n#### sass mixin\n\n    // Let's make a mixin to help style our demo blocks\n    @mixin demo($padding: 5em, $background-color:red ){\n      padding-top: $padding;\n      padding-bottom: $padding;\n      background-color: rgba($background-color, 0.5);\n      border: 2px dashed $background-color;\n    }\n\n    $background-color:red =\u003e :red is the default value, in case you aren't supplied a background-color.\n\n    @include demo() =\u003e uses padding 5em, background-color red\n    @include demo(10em, white) =\u003e uses padding 10em, background-color white\n\n#### eq.js\n\nhttps://github.com/gerhardberger/eqjs\n\nEq.js is a JavaScript module, that let you do simple, deep and custom equalisations.\n\n------\n\n#### singularity notes\n\nwill need to use clear: left/right/both; otherwise your grids will push against each other.\n\nhttps://github.com/Team-Sass/Singularity/wiki/Installation#singularity-demos\n\n* **isolation approach**\n* **asymetric grid**\n\nflexbox =\u003e css3/4\n\nThere is susy but it doesn't support asymetric grids,\n\nhttp://susy.oddbird.net/\n\n##### layout(3) {...}\n\n    @include layout(3){\n      @include demo(4em, blue);\n      \u0026:nth-child(3n+1) {\n        @include grid-span(1,1);\n        clear: both;\n      }\n      \u0026:nth-child(3n+2) {\n        @include grid-span(1,2);\n        clear: both;\n      }\n      \u0026:nth-child(3n+3) {\n        @include grid-span(1,3);\n        clear: both;\n      }\n    }\n\n...aka newspaper columns\n\n    @include layout(5) {\n        .. five column layout\n    }\n\n##### box-sizing done right...\n\nwhat is box-sizing?\n\nhttp://www.paulirish.com/2012/box-sizing-border-box-ftw/\n\nand how singularity fixes it:\n\nhttps://github.com/Team-Sass/Singularity/wiki/Output-Options#box-sizing-border-box\n\n    * {\n      @include box-sizing('border-box');\n    }\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnantoni%2Fsass-meetup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjohnantoni%2Fsass-meetup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnantoni%2Fsass-meetup/lists"}