{"id":15691705,"url":"https://github.com/snugug/rwd-sass-compass-training","last_synced_at":"2025-05-07T23:48:52.788Z","repository":{"id":5340050,"uuid":"6525718","full_name":"Snugug/rwd-sass-compass-training","owner":"Snugug","description":"Responsive Web Design with Sass and Compass training workshop files","archived":false,"fork":false,"pushed_at":"2012-11-10T09:13:18.000Z","size":137,"stargazers_count":8,"open_issues_count":0,"forks_count":13,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-20T04:34:21.444Z","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/Snugug.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":"2012-11-04T00:17:37.000Z","updated_at":"2017-06-12T09:51:54.000Z","dependencies_parsed_at":"2022-07-06T00:31:31.485Z","dependency_job_id":null,"html_url":"https://github.com/Snugug/rwd-sass-compass-training","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/Snugug%2Frwd-sass-compass-training","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Snugug%2Frwd-sass-compass-training/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Snugug%2Frwd-sass-compass-training/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Snugug%2Frwd-sass-compass-training/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Snugug","download_url":"https://codeload.github.com/Snugug/rwd-sass-compass-training/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252973625,"owners_count":21834105,"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-03T18:23:30.472Z","updated_at":"2025-05-07T23:48:52.764Z","avatar_url":"https://github.com/Snugug.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"# RWD with Sass+Compass Mini-training\n\nResponsive Web Design with Sass and Compass training workshop files\n\n## Getting started\n\nYou'll need to install a few Ruby gems to take advantage of Sass and Compass on\nyour local development machine.\n\n### Mac\n\nOSX comes with Ruby installed.\n\n### Windows\n\nWindows users should download and install [RubyInstaller](http://rubyinstaller.org/) for Windows.\n\n### Linux\n\nLinux users, you probably know how to get Ruby on your machine. Do that. Or follow the instructions in the PDF if you're not sure.\n\n### Getting Help\n\nIf you have any questions regarding installing, they are most likely answered within the [Installing Sass+Compass Guide](http://snugug.com/musings/installing-sass-and-compass-across-all-platform)\n\n## Gem installation\n\nCommands that start with # are just comments\n\n    # Update ruby, sass, compass and all existing gems\n    sudo gem update --system\n    \n    # Download and install some Compass gems\n    sudo gem install compass toolkit compass-normalize sassy-buttons singularitygs\n\n## Documentation for these Compass extensions\n\n* Compass-normalize: https://github.com/ksmandersen/compass-normalize\n* Susy: http://susy.oddbird.net\n* Breakpoint: https://github.com/canarymason/breakpoint\n* Respond-to: https://github.com/snugug/respond-to\n* Toolkit: https://github.com/Snugug/toolkit\n* Sassy Buttons: http://jaredhardy.com/sassy-buttons\n* Singularity GS: http://singularity.gs\n\n## Using JavaScript to get window dimensions\n\nIn the cosole of your developer tools of choice type the following line of code. Whenever you resize the window its width will be printed in the console.\n\n    window.onresize = function(){console.log(window.innerWidth);}\n\n## Using MQtest.io to get window dimensions\n\nhttp://mqtest.io will show you window, device, orientation, aspect-ratio, and UA.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsnugug%2Frwd-sass-compass-training","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsnugug%2Frwd-sass-compass-training","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsnugug%2Frwd-sass-compass-training/lists"}