{"id":18103133,"url":"https://github.com/lightyrs/tabler-rubygem","last_synced_at":"2025-04-06T20:12:10.907Z","repository":{"id":59157129,"uuid":"128258538","full_name":"lightyrs/tabler-rubygem","owner":"lightyrs","description":"Rubygem for https://tabler.github.io","archived":false,"fork":false,"pushed_at":"2019-04-15T14:37:05.000Z","size":6295,"stargazers_count":81,"open_issues_count":2,"forks_count":27,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-25T06:02:47.548Z","etag":null,"topics":["admin-dashboard","admin-template","bootstrap","bootstrap-theme","dashboard","gem","rails","rails-engine","ruby","rubygems","sass","scss","sprockets","tabler"],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/lightyrs.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.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":"2018-04-05T20:08:14.000Z","updated_at":"2024-03-15T04:21:58.000Z","dependencies_parsed_at":"2022-09-13T20:04:01.828Z","dependency_job_id":null,"html_url":"https://github.com/lightyrs/tabler-rubygem","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightyrs%2Ftabler-rubygem","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightyrs%2Ftabler-rubygem/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightyrs%2Ftabler-rubygem/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lightyrs%2Ftabler-rubygem/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lightyrs","download_url":"https://codeload.github.com/lightyrs/tabler-rubygem/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247543593,"owners_count":20955865,"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":["admin-dashboard","admin-template","bootstrap","bootstrap-theme","dashboard","gem","rails","rails-engine","ruby","rubygems","sass","scss","sprockets","tabler"],"created_at":"2024-10-31T22:10:26.148Z","updated_at":"2025-04-06T20:12:10.880Z","avatar_url":"https://github.com/lightyrs.png","language":"CSS","readme":"[![Gem Version](https://badge.fury.io/rb/tabler-rubygem.svg)](https://badge.fury.io/rb/tabler-rubygem)\n\n# Tabler Ruby Gem\n\n[Tabler][tabler-home] ruby gem for Ruby on Rails.\n\n## Installation\n\nPlease see the appropriate guide for your environment of choice:\n\n* [Ruby on Rails 4+](#a-ruby-on-rails) or other Sprockets environment.\n* [Other Ruby frameworks](#b-other-ruby-frameworks) not on Rails.\n\n### a. Ruby on Rails\n\n------------------------\n\n**v0.1.4 BREAKING CHANGE:**\n\nImages are no longer included by default. Instead, you can include all the image sets or the specific image sets you want (either browser, flag, and/or payments).  Read below for more info on how to do this.\n\n------------\n\nAdd `bootstrap` and `tabler-rubygem` to your Gemfile:\n\n```ruby\ngem 'bootstrap', '~\u003e 4.1.1'\ngem 'tabler-rubygem'\n```\n\nEnsure that `sprockets-rails` is at least v2.3.2.\n\n`bundle install` and restart your server to make the files available through the pipeline.\n\nImport Tabler styles and optionally Tabler Plugin styles and icons in `app/assets/stylesheets/application.scss`:\n\n```scss\n// Custom tabler variables must be set or imported *before* bootstrap and tabler.\n@import \"tabler/variables\";\n@import \"bootstrap\";\n@import \"tabler\";\n@import \"tabler.plugins\"; // optional\n@import \"tabler.icons\"; // optional includes [browser, flag, payments]\n```\n\nThe available variables can be found [here][tabler-variables.scss].  \nTabler plugins includes the css files for the javascripts found [here][tabler-plugins].\n\nYou can also choose to include plugin css on a per-plugin basis, for example:\n\n```scss\n// Custom tabler variables must be set or imported *before* tabler.\n@import \"tabler/variables\";\n@import \"bootstrap\";\n@import \"tabler\";\n@import \"tabler/plugins/charts-c3/plugin.scss\";\n```\n\nor include icons css per type, for example:\n\n```scss\n// Custom tabler variables must be set or imported *before* tabler.\n@import \"tabler/variables\";\n@import \"bootstrap\";\n@import \"tabler\";\n@import \"tabler/icons/flag\";\n```\n\nMake sure the file has `.scss` extension (or `.sass` for Sass syntax). If you have just generated a new Rails app,\nit may come with a `.css` file instead. If this file exists, it will be served instead of Sass, so rename it:\n\n```console\n$ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss\n```\n\nThen, remove all the `*= require` and `*= require_tree` statements from the Sass file. Instead, use `@import` to import Sass files.\n\nDo not use `*= require` in Sass or your other stylesheets will not be able to access the Tabler mixins and variables.\n\nAdd Tabler and optionally Tabler Plugins to your `application.js`:\n\n```js\n//= require tabler\n//= require tabler.plugins\n```\n\nTabler already includes jQuery and Bootstrap javascript.  \nTabler plugins includes the javascripts found [here][tabler-plugins].\n\nIf you already include jQuery in your project, you can include tabler's js on a per-file basis to avoid conflicts:\n\n```js\n// = require tabler/tabler\n// = require tabler/vendors/bootstrap.bundle.min\n// = require tabler/vendors/circle-progress.min\n// = require tabler/vendors/jquery.sparkline.min\n// = require tabler/core\n```\n\nYou can also choose to include plugin js on a per-plugin basis, for example:\n\n```js\n//= require tabler\n//= require tabler/plugins/charts-c3/js/d3.v3.min\n//= require tabler/plugins/charts-c3/js/c3.min\n```\n\n### b. Other Ruby frameworks\n\nIf your framework uses Sprockets or Hanami,\nthe assets will be registered with Sprockets when the gem is required,\nand you can use them as per the Rails section of the guide.\n\nOtherwise you may need to register the assets manually.\nRefer to your framework's documentation on the subject.\n\n## Configuration\n\n### Sass: Autoprefixer\n\nTabler requires the use of [Autoprefixer][autoprefixer].\n[Autoprefixer][autoprefixer] adds vendor prefixes to CSS rules using values from [Can I Use](http://caniuse.com/).\n\nIf you are using tabler with Rails, autoprefixer is set up for you automatically.\nOtherwise, please consult the [Autoprefixer documentation][autoprefixer].\n\n### Sass: Individual components\n\nBy default all of Tabler is imported.\n\nYou can also import components explicitly. To start with a full list of modules copy\n[`_tabler.scss`](https://github.com/lightyrs/tabler-rubygem/blob/master/assets/stylesheets/_tabler.scss) file into your assets as `_tabler-custom.scss`.\nThen comment out components you do not want from `_tabler-custom`.\nIn the application Sass file, replace `@import 'tabler'` with:\n\n```scss\n@import 'tabler-custom';\n```\n\n[tabler-home]: https://tabler.github.io/\n[tabler-variables.scss]: https://github.com/lightyrs/tabler-rubygem/blob/master/assets/stylesheets/tabler/_variables.scss\n[tabler-javascripts]: https://github.com/lightyrs/tabler-rubygem/tree/master/assets/javascripts\n[tabler-plugins]:\nhttps://github.com/tabler/tabler/tree/master/dist/assets/plugins\n[autoprefixer]: https://github.com/ai/autoprefixer\n[popper.js]: https://popper.js.org\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flightyrs%2Ftabler-rubygem","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flightyrs%2Ftabler-rubygem","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flightyrs%2Ftabler-rubygem/lists"}