{"_id":"@doabit/semantic-ui-sass","_rev":"2-30602d1f23c8cb617b968642fed3bb9e","name":"@doabit/semantic-ui-sass","dist-tags":{"latest":"2.4.5"},"versions":{"2.4.4":{"name":"@doabit/semantic-ui-sass","version":"2.4.4","description":"semantic-ui-sass npm package","main":"src/semantic-ui.js","scripts":{"prepublishOnly":"rm -rf src && yarn copy:js && yarn copy:css && yarn copy:assets && node ./script.js","copy:js":"cp -R app/assets/javascripts/semantic-ui src","copy:css":"cp -R app/assets/stylesheets/semantic-ui src/scss","copy:assets":"mkdir src/scss/assets && cp -R app/assets/fonts/semantic-ui src/scss/assets/fonts && cp -R app/assets/images/semantic-ui src/scss/assets/images"},"devDependencies":{},"repository":{"type":"git","url":"git+https://github.com/doabit/semantic-ui-sass.git"},"keywords":["semantic-ui-sass"],"author":{"name":"doabit"},"license":"MIT","bugs":{"url":"https://github.com/doabit/semantic-ui-sass/issues"},"homepage":"https://github.com/doabit/semantic-ui-sass#readme","gitHead":"c33e294abb738bcc52217d462be84cb218db9af1","_id":"@doabit/semantic-ui-sass@2.4.4","_nodeVersion":"15.4.0","_npmVersion":"7.0.15","dist":{"integrity":"sha512-GvS0NCR0tpgQYEeC1QS2RhAnrWmub+UVUSCLmj1qPzrqLPOgdsqs9t9Xac+588+TzXeL9A3F/zEKK0799vusHQ==","shasum":"2e35d0748dfae02546302207b347a9daa8af52ac","tarball":"https://registry.npmjs.org/@doabit/semantic-ui-sass/-/semantic-ui-sass-2.4.4.tgz","fileCount":102,"unpackedSize":3491130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzPXyCRA9TVsSAnZWagAAf9kP/3TpDiNRYXjAsDHnBFVB\n15G7+SfF89D01BYUPNKKDAOOfc4znD9vlp64NHuVT7Hd+gWJIAV2BMzqNbLr\nsJSlZsuzxS+WCZERk6oJOJEhGcptXRyyfSjHkCmaYCemzvgwg7agtwsk9Xfg\n7P3jSdAZ4zq07S2w8vM/z57m2W9cZd9gwCPStPF1H3Qt7+waHdRoOtyOinO4\neWuF0fhzLMwMipjOsYzfeQse5iOznrV0OBZ69FStDF4KjkZd5Gz2A/txPjIk\nbbaslE/8Vc+Pf5zdddXhbUcUCaW2n7Vac6qDE/hy+oCrFPQoOG7DUjJLjbSr\nP680pGvrrConAdUF88PBxHsFYHovEriRW13TSlxWYFHlmaxuos4CYRANRoIV\niWpnjumhegrrTI9MVaSD6NyNw7kenTPTVpMr6AptswiHv2KMllGRBDxriYxt\nq53t3APCaknrFqLUI9e9OJCE4Au8SuUWIFMur/SaY1jJzja5yF3b0GTqs8J7\n5RlO+BRQbQzSHsgZ8IefQ7Wf2X2w35LgcALPH1JC3De5PqNvC5FBIw8iANKV\nKC/HKfLWqCccKsLdIGKDvAdGUj24AUnzvYGxfiujM+cS+caXaL+2cVp2FzB9\n+hkCNbG3gMim6cDIILEmX65qMehhBRp5Qktg3USZELn1ZSvmAYjWLPR6624n\nO9eA\r\n=GtPl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIASGgcXetaumdV80CsclVEJ5f0aGR9xaooQQHgduiyn3AiEA0T5G0Q7DPUqjSl8lRaZq5sjuWSiMrmxq3fW0hni1uu4="}]},"_npmUser":{"name":"doabit","email":"doinsist@gmail.com"},"directories":{},"maintainers":[{"name":"doabit","email":"doinsist@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/semantic-ui-sass_2.4.4_1624045042188_0.3916055573464685"},"_hasShrinkwrap":false},"2.4.5":{"name":"@doabit/semantic-ui-sass","version":"2.4.5","description":"semantic-ui-sass npm package","main":"src/semantic-ui.js","scripts":{"prepublishOnly":"rm -rf src && yarn copy:js && yarn copy:css && yarn copy:assets && node ./script.js","copy:js":"cp -R app/assets/javascripts/semantic-ui src","copy:css":"cp -R app/assets/stylesheets/semantic-ui src/scss","copy:assets":"mkdir src/assets && cp -R app/assets/fonts/semantic-ui src/assets/fonts && cp -R app/assets/images/semantic-ui src/assets/images"},"devDependencies":{},"repository":{"type":"git","url":"git+https://github.com/doabit/semantic-ui-sass.git"},"keywords":["semantic-ui-sass"],"author":{"name":"doabit"},"license":"MIT","bugs":{"url":"https://github.com/doabit/semantic-ui-sass/issues"},"homepage":"https://github.com/doabit/semantic-ui-sass#readme","gitHead":"022beec9feb5054433b5dff8ec9284f95c3ebc8f","_id":"@doabit/semantic-ui-sass@2.4.5","_nodeVersion":"15.4.0","_npmVersion":"7.0.15","dist":{"integrity":"sha512-22JM+johZwSwJlb8yo5E1NOBO7Cm/1KUGTIYd+o4yGXZxLTyJaX1PWh1jPZ/QlJ55A7UOFrIyG93ui3VgY5JFA==","shasum":"8f695db2bb97605e412dc0bafe34fe70f738354c","tarball":"https://registry.npmjs.org/@doabit/semantic-ui-sass/-/semantic-ui-sass-2.4.5.tgz","fileCount":102,"unpackedSize":3491439,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgz3A+CRA9TVsSAnZWagAAoiQP/0e8YdlzUGEsvm/x3quE\nk50mK/KyAFYd7ojpu1E/u4wQhz18tC6qCRq8WOQ4dyPQARM4qpuSSqB312Zo\naF48KWmckP24j11AG0aTnZ/2j24a5xiAvJOqLjgju6BYNftmdblO0XQ4fJeI\nrtT/1wlpDfFVtnsm/1vRv5AHTzG5QGbw2ubw4+4k84EC37iZwBe58+WeMm+H\nEWGjZwfIT68+UgU1wUOEDxgrfYJpfesEh8DWS5vXb7mSHJyCBihxbjm5ep54\n3oixAiLasT+6gKE6/9uiS7taCpPF56fAG57i9C3Wkreu2cglUpQOOOZ7IpPt\nV0w9X7MGF9ucuzB0LCmHsVsXrLqqB9lsYBfr+qIBpcczX4SHp9VEyLLURWzH\nLioLyDGs+d0tAcpUb8z91vy1U/NZ0HXvb0GSJ+CcKkWFTG1o7nvf1YWGVhEi\nv6hqXjQMsNUZxIR7BEg2dc+/oPr5GW/EBB46p8y45fVUdMKKj05p07e11ReX\nICTuphVUM69RQ8q1gMv+SyKAYQANisy1e3DVEdTFu7ctcZXljVSmexvtuj3l\nXHq4qkksTLVUfpRqnqfWdyCMxzfOgWUzIfZA9esu57Q0yQ6+a5vIMw0XqarJ\nkFtKMrMP7n5KoDczYFSABEMlqrPuzInHzrjjxBggP48A6E8+rG49JUmdg07u\nB8kE\r\n=5g/U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3vTdHKQTU1oeXHqucxnn2i1YJKibEgNhuS1BJNuRrcQIhAIpXCM161Z26+gS2e3PZE3OblBem3+DY95wpFwELR4aI"}]},"_npmUser":{"name":"doabit","email":"doinsist@gmail.com"},"directories":{},"maintainers":[{"name":"doabit","email":"doinsist@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/semantic-ui-sass_2.4.5_1624207421703_0.6970546577806778"},"_hasShrinkwrap":false}},"time":{"created":"2021-06-18T19:37:22.142Z","2.4.4":"2021-06-18T19:37:22.417Z","modified":"2022-04-05T05:01:40.306Z","2.4.5":"2021-06-20T16:43:41.900Z"},"maintainers":[{"name":"doabit","email":"doinsist@gmail.com"}],"description":"semantic-ui-sass npm package","homepage":"https://github.com/doabit/semantic-ui-sass#readme","keywords":["semantic-ui-sass"],"repository":{"type":"git","url":"git+https://github.com/doabit/semantic-ui-sass.git"},"author":{"name":"doabit"},"bugs":{"url":"https://github.com/doabit/semantic-ui-sass/issues"},"license":"MIT","readme":"# Semantic UI for Sass\n\n`semantic-ui-sass` is an Sass-powered version of\n[Semantic UI](https://github.com/Semantic-Org/Semantic-UI) and ready to drop\ninto Rails, Compass, or Sprockets.\n\n[![Build Status](https://travis-ci.org/doabit/semantic-ui-sass.svg?branch=master)](https://travis-ci.org/doabit/semantic-ui-sass)\n\n## NOTE\n\nThe gem only has default theme.\n\n## Installation and Usage\n\n```ruby\ngem 'semantic-ui-sass'\n```\n\n`bundle install` and restart your server to make the files available through the\npipeline.\n\n# semantic-ui-sass with Rails or Sprockets\n\n## CSS\n\nImport Semantic in an SCSS file (for example, `application.css.scss`) to get all\nof Semantic's styles\n\n```css\n@import 'semantic-ui';\n```\n\nYou can also include modules\n\n```css\n@import 'semantic-ui/collections/menu';\n```\n\n## Custom font\n\n```css\n$font-url: 'http://fonts.useso.com/css?family=Lato:400,700,400italic,700italic&subset=latin';\n@import 'semantic-ui';\n```\n\n## Skip font loading\n\n```css\n$import-google-fonts: false;\n@import 'semantic-ui';\n```\n\n## Custom font family\n\n```css\n$font-family: 'custom-font-family';\n@import 'semantic-ui';\n```\n\n### Skip use of custom scrollbars\n\n```css\n$use-custom-scrollbars: false;\n@import 'semantic-ui';\n```\n\n## All variables, you can custom any of that\n\nFonts:\n\n```css\n$font-name: 'Lato' !default;\n$font-family: $font-name, 'Helvetica Neue', Arial, Helvetica, sans-serif !default;\n$font-url: 'https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin,latin-ext' !default;\n$import-google-fonts: true !default;\n```\n\nScrollbars:\n\n```css\n$use-custom-scrollbars: true !default;\n```\n\nBreakpoints:\n\n```css\n$mobile-breakpoint: 320px !default;\n$tablet-breakpoint: 768px !default;\n$computer-breakpoint: 992px !default;\n$large-monitor-breakpoint: 1200px !default;\n$widescreen-monitor-breakpoint: 1920px !default;\n```\n\n## Javascripts\n\n### Ruby on Rails Version 5\n\nWe have a helper that includes all Semantic javascripts. Put this in your\nJavascript manifest (usually in `application.js`) to\n\n```js\n// Loads all Semantic javascripts\n//= require semantic-ui\n```\n\nYou can also load individual modules, provided you also require any\ndependencies.\n\n```js\n//= require semantic-ui/modal\n//= require semantic-ui/dropdown\n```\n\n### Ruby on Rails Version 6+ with webpacker\n\nAdd packages with yarn:\n\n```console\nyarn add jquery popper.js @doabit/semantic-ui-sass\n```\n\nIn config/webpack/environment.js add the following:\n\n```js\nconst webpack = require('webpack')\n\nenvironment.plugins.append(\n  'Provide',\n  new webpack.ProvidePlugin({\n    $: 'jquery',\n    jQuery: 'jquery',\n    Popper: ['popper.js', 'default']\n  })\n)\n```\n\nIn app/javascript/packs/application.js add the following:\n\n```js\nimport '@doabit/semantic-ui-sass'\n```\n\nIf you use `webpakcer` to import stylesheet, you should add\n\n```js\nimport '@doabit/semantic-ui-sass/src/scss/semantic-ui.scss'\n```\n\n# semantic-ui-sass with Compass\n\n## New project\n\nInstall the gem and create a new project using the gem.\n\n```console\ngem install semantic-ui-sass\ncompass create compass-project -r semantic-ui-sass --using semantic-ui\n```\n\nThis will sort a few things out:\n\n- You'll get a starting `styles.scss`\n- You'll get a compiled stylesheet compiled & ready to drop into your\n  application\n- We'll also copy the Semantic javascripts & images & fonts into their\n  respective folders for you\n\n## Existing project\n\nInstall the gem, add the require statement to the top of your configuration\nfile, and install the extension.\n\n```console\ngem install semantic-ui-sass\n```\n\n```ruby\n# In config.rb\nrequire 'semantic-ui-sass'\n```\n\n```console\ncompass install semantic-ui\n```\n\n### NOTE\n\nWhen using compass, you should visit file in local server, eg\n`http://localhost:3000/index.html`, rather than\n`file:///Users/doabit/demo/index.html`\n\n# Rails Helpers\n\n## Breadcrumbs helper\n\nAdd breadcrumbs helper `<%= semantic_breadcrumbs %>` to your layout.\n\n```ruby\nclass ApplicationController\n  semantic_breadcrumb :index, :root_path\nend\n```\n\n```ruby\nclass ExamplesController < ApplicationController\n  semantic_breadcrumb :index, :examples_path\n\n  def index\n  end\n\n  def show\n    @example = Example.find params[:id]\n    semantic_breadcrumb @example.name, example_path(@example)\n    # semantic_breadcrumb :show, example_path(@example)\n  end\nend\n```\n\n## Flash helper\n\nAdd flash helper `<%= semantic_flash %>` to your layout\n\n## Icon helper\n\n```ruby\nsemantic_icon('add')\n# => <i class=\"add icon\"></i>\nsemantic_icon(:add)\n# => <i class=\"add icon\"></i>\nsemantic_icon('add sign')\n# => <i class=\"add sign icon\"></i>\nsemantic_icon('add', 'sign')\n# => <i class=\"add sign icon\"></i>\nsemantic_icon(:add, :sign)\n# => <i class=\"add sign icon\"></i>\nsemantic_icon('add', id: 'id')\n# => <i class=\"add icon\" id=\"id\"></i>\n```\n\n## TODO\n\n- Add global variables\n- Add rails helpers like `render_flash`?\n\n## Contributing\n\n1. Fork it\n2. Create your feature branch (`git checkout -b my-new-feature`)\n3. Commit your changes (`git commit -am 'Add some feature'`)\n4. Push to the branch (`git push origin my-new-feature`)\n5. Create new Pull Request\n","readmeFilename":"README.md"}