{"_id":"simptip","_rev":"2-3574b1be5ef35ad8d16b877a2569daca","name":"simptip","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.4":{"name":"simptip","version":"1.0.4","description":"A simple CSS tooltip made with Sass","main":"simptip.min.css","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/arashmanteghi/simptip.git"},"keywords":["tooltip","sass","scss","css"],"author":{"name":"@arashmanteghi"},"license":"MIT","bugs":{"url":"https://github.com/arashmanteghi/simptip/issues"},"homepage":"https://github.com/arashmanteghi/simptip#readme","gitHead":"1c2061f890016dea62b85de15aa4a2766ae60647","_id":"simptip@1.0.4","_npmVersion":"5.5.1","_nodeVersion":"8.8.1","_npmUser":{"name":"arashmanteghi","email":"arash.manteghi@gmail.com"},"dist":{"integrity":"sha512-2aaLhDADImy74QUXm9E6Ys0Z6ncCktBjRed1G7J56QVA588k6hvBJ51jWghPebzln0WR0UmzD7hAovuhhSXoWA==","shasum":"c9072b2e324efba66b6965c3a78af59e27b467e5","tarball":"https://registry.npmjs.org/simptip/-/simptip-1.0.4.tgz","fileCount":8,"unpackedSize":40601,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFO5ZZy28GqmeQ9RXjNRGPcoxTUwffisI734KaVYEqqvAiEA7uPe73nP3e3qN3szPpscxEC9s+h4WiM8fLU4Bb3X/dQ="}]},"maintainers":[{"name":"arashmanteghi","email":"arash.manteghi@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/simptip_1.0.4_1520366011752_0.03095826634575327"},"_hasShrinkwrap":false}},"time":{"created":"2018-03-06T19:53:31.752Z","1.0.4":"2018-03-06T19:53:31.811Z","modified":"2022-05-17T22:58:10.890Z"},"maintainers":[{"name":"arashmanteghi","email":"arash.manteghi@gmail.com"}],"description":"A simple CSS tooltip made with Sass","homepage":"https://github.com/arashmanteghi/simptip#readme","keywords":["tooltip","sass","scss","css"],"repository":{"type":"git","url":"git+https://github.com/arashmanteghi/simptip.git"},"author":{"name":"@arashmanteghi"},"bugs":{"url":"https://github.com/arashmanteghi/simptip/issues"},"license":"MIT","readme":"# Simptip [v1.0.4]\n#### A simple CSS tooltip made with Sass\n\n### [Visit Site, Documentation and some examples](http://arashm.net/lab/simptip/)\n\n\n### Installation\n\nInstall with [npm](https://www.npmjs.com/), [Yarn](https://yarnpkg.com/) or [Bower](https://bower.io/):\n\nnpm:\n```sh\nnpm install simptip --save\n```\n\n\nYarn (note that `yarn add` automatically saves the package to the `dependencies` in `package.json`):\n```sh\nyarn add simptip\n```\n\nBower:\n```sh\nbower add simptip --save\n```\n\n### Usage\n\nI'll explain with an example:\n```html\n<link rel=\"stylesheet\" type=\"text/css\" href=\"simptip-mini.css\" />\n```\nor:\n```html\n<link rel=\"stylesheet\" type=\"text/css\" href=\"simptip.css\" />\n```\n\nThen you can do something like this:\n```html\n<span class=\"simptip-position-top\" data-tooltip=\"Tooltip's content\"> Text </span>\n```\nWhat you see in the data-tooltip attribute is the text content of the tooltips, and the value of class attribute is tooltop's position.\n\nYou can use `.simptip-position-right` , `.simptip-position-bottom` and `.simptip-position-left` class for other positions that you would like.\n\nYou can also use more features of Simptip by adding these classes:\n- `.half-arrow` : change tooltip's arrow to half arrow\n- `.simptip-smooth` : makes soft edge for tooltip\n- `.simptip-fade` : fades effect for show/hide\n- `.simptip-movable` : shows movable effect\n- `.simptip-multiline` : makes multiline body for tooltip\n- `.simptip-success` : changes color to green spectrum\n- `.simptip-info` : changes color to blue spectrum\n- `.simptip-warning` : changes color to orange spectrum\n- `.simptip-danger` : changes color to red spectrum\n\n###### [Let me know if you use it in your projects.](https://twitter.com/arashmanteghi)\n\n### License\nCopyright (c) 2013 @arashmanteghi\n\nLicensed under the [MIT license](http://opensource.org/licenses/MIT).\n","readmeFilename":"README.md"}