{"id":17157289,"url":"https://github.com/corroded/compass-twitter-bootstrap-plugin","last_synced_at":"2025-04-13T13:24:12.153Z","repository":{"id":2469314,"uuid":"3441782","full_name":"corroded/compass-twitter-bootstrap-plugin","owner":"corroded","description":"A Compass plugin of the Twitter Bootstrap v2","archived":false,"fork":false,"pushed_at":"2012-08-30T05:10:01.000Z","size":220,"stargazers_count":14,"open_issues_count":1,"forks_count":2,"subscribers_count":3,"default_branch":"develop","last_synced_at":"2025-03-27T04:22:48.933Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","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/corroded.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-02-14T16:54:50.000Z","updated_at":"2018-10-17T23:30:49.000Z","dependencies_parsed_at":"2022-08-25T14:01:53.212Z","dependency_job_id":null,"html_url":"https://github.com/corroded/compass-twitter-bootstrap-plugin","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/corroded%2Fcompass-twitter-bootstrap-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corroded%2Fcompass-twitter-bootstrap-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corroded%2Fcompass-twitter-bootstrap-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corroded%2Fcompass-twitter-bootstrap-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/corroded","download_url":"https://codeload.github.com/corroded/compass-twitter-bootstrap-plugin/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248718758,"owners_count":21150635,"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-14T22:08:45.776Z","updated_at":"2025-04-13T13:24:12.134Z","avatar_url":"https://github.com/corroded.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"Twitter Bootstrap V2.0 - Compass Plugin\n=======================================\n\nTwitter Bootstrap was created by Mark Otto and Jacob Thornton. See the official site for more info: \u003chttp://twitter.github.com/bootstrap/\u003e\n\n* This plugin is consistent with latest version of Twitter Bootstrap v2.1 as of Aug 27, 2012.\n\n---------\n\nThis plugin adds the Twitter Bootstrap CSS framework to [Compass](http://compass-style.org/).\n\nInstall\n=======\n\n    gem install compass-twitter-bootstrap-plugin\n\nCreate a Bootstrap-based Compass Project\n========================================\n\n    compass create -r twitter-bootstrap my_project --using twitter\n\nOr, If you prefer to use Sass's indentation based syntax:\n\n    compass create -r twitter-bootstrap my_project --using twitter --syntax sass\n\nUSAGE\n=====\n\nThis gem was built for semantic grids using only CSS, which means that you don't need the any `span\u003cn\u003e` or `row` class in your markup. The grid will be generated as SASS mixins for your convenience.\n\nHere are the available mixins(only the ones with \"FULLY IMPLEMENTED\" are available right now):\n\n## Reset - FULLY IMPLEMENTED\n* `@import twitter/reset` - use the Twitter Bootstrap reset\n\n##Tables - FULLY IMPLEMENTED\n\nIf you plan to just use the mixins, just use table-base\n\n* `+table-defaults` - will import all base table styles for Bootstrap(striped, bordered, etc.). Use this if you think the classes are suitable for you.\n* `+table-base` - adds base table styles to a table\n* `+table-condensed` - condensed table with half padding\n* `+table-bordered(border-color)` - adds borders to the base styles(defaults: $tableBorder)\n* `+table-striped(stripe-color)` - zebra striped tables(default: $tableBackgroundAccent) \n* `+table-hover(stripe-color)` - zebra striped tables(default: $tableBackgroundHover)\n\n##Typography - FULLY IMPLEMENTED\n\n* `+text` - will import all the base typography for Bootstrap\n* `+muted` - muted color for text(default: $grayLight)\n* `+page-header` - add the page header style to an element\n* `+page-header-h1` - page header style for h1 elements\n* `+dl-horizontal` - add to a definition list for horizontal layout \n* `+lead` - add lead styles to an element\n* `+unstyled-list` - take out styles for a given list(margin and list-style). Dunno why this is in typography though\n\n##Grid - PARTIALLY IMPLEMENTED\n\n### Fixed-width - FULLY IMPLEMENTED\n\n* `+row` - make your element a grid column container using this mixin\n* `+span(n)` - add n grid columns to your element\n* `+offset(n)` - add n empty grid columns to your grid\n* `+container` - add to an element to turn it into a containing element for your grid(based on $gridColumns)\n\n### Fluid - HAS BUGS\n* `+fluid-row` - make your element a fluid grid column container using this mixin\n* `+fluid-span(n)` - add n grid columns to your element\n* `+fluid-offset(n)` - add n empty grid columns to your grid\n* `+container-fluid` - add to an element to turn it into a containing element for your fluid grid(based on $gridColumns)\n\n### Form Inputs - NOT YET IMPLEMENTED\n\n## Code - FULLY IMPLEMENTED\n\nBasically uses the same classes and styles as Twitter Bootstrap. Code are usually inserted into `pre` and `code` tags anyway,\nso no need to turn them into a mixin. One mixin exists though:\n\n* `+prettyprint` - add some bottom margin to make code more readable\n* `+pre-scrollable` - make a code/pre scrollable (for long snippets)\n\nWIP: TO BE IMPLEMENTED\n======\n\n##Buttons\n\n* `+btn` - will add the default button style to the element\n* `+btn-primary` - will add the button style based on the primary color set by the variable, `@primary-color`\n* `+btn-group` - will make the current element a button group container\n\nThe following will add button styles based on the associated color set by the variable with the same name:\n\n* `+btn-info`\n* `+btn-success`\n* `+btn-warning`\n* `+btn-danger`\n* `+btn-inverse`\n\n### Button sizes\n\n* `+btn-large`\n* `+btn-small`\n* `+btn-mini`\n\n##Icons\n\n`+icons` will import the Icon styles used by Bootstrap as documented here: \u003chttp://twitter.github.com/bootstrap/base-css.html#icons\u003e. Use the styles like you would in Bootstrap with the addition of one mixin:\n\n* `+icon-white` - will give you the inverted (white) icons instead. The mixin was added so you don't have to add an extra icon-white class to your markup.\n\nTODO\n====\n\n- Add other Bootstrap Default styles and Mixins\n- Finish the README\n- Add examples to README or in a separate folder\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorroded%2Fcompass-twitter-bootstrap-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcorroded%2Fcompass-twitter-bootstrap-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorroded%2Fcompass-twitter-bootstrap-plugin/lists"}