{"id":17648319,"url":"https://github.com/gbprod/sass-trigonometry","last_synced_at":"2025-05-07T06:02:50.764Z","repository":{"id":36734804,"uuid":"229705145","full_name":"gbprod/sass-trigonometry","owner":"gbprod","description":"Sass trigonometry and inverse trigonometry functions","archived":false,"fork":false,"pushed_at":"2024-04-11T04:47:01.000Z","size":400,"stargazers_count":7,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-25T03:46:53.030Z","etag":null,"topics":["css","sass","trigonometry"],"latest_commit_sha":null,"homepage":null,"language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"wtfpl","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gbprod.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-12-23T08:00:24.000Z","updated_at":"2022-06-09T10:50:52.000Z","dependencies_parsed_at":"2024-10-28T04:08:12.627Z","dependency_job_id":null,"html_url":"https://github.com/gbprod/sass-trigonometry","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/gbprod%2Fsass-trigonometry","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gbprod%2Fsass-trigonometry/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gbprod%2Fsass-trigonometry/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gbprod%2Fsass-trigonometry/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gbprod","download_url":"https://codeload.github.com/gbprod/sass-trigonometry/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252823910,"owners_count":21809711,"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":["css","sass","trigonometry"],"created_at":"2024-10-23T11:17:28.356Z","updated_at":"2025-05-07T06:02:50.708Z","avatar_url":"https://github.com/gbprod.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# sass-trigonometry\n\n[![Build Status](https://travis-ci.org/gbprod/sass-trigonometry.svg?branch=master)](https://travis-ci.org/gbprod/sass-trigonometry)\n[![License](https://img.shields.io/badge/licence-WTFPL-blue.svg)](http://www.wtfpl.net/)\n[![npm version](https://img.shields.io/npm/v/sass-trigonometry.svg?style=flat)](https://www.npmjs.com/package/sass-trigonometry)\n\nSass trigonometry and inverse trigonometry functions.\n\n## Introduction\n\nExpand Sass function with pure Sass trigonometry functions : `pi` , `deg-to-rad`, `rad-to-deg` , `sin` , `cos` , `tan` , `asin` , `acos` and `atan`.\nAnd with some usefull math functions : `pow`, `fact` and `sqrt`.\n\nIt could allows to dynamicly calculate angle in pure sass.\n\n## Install\n\nUsing npm\n```bash\nnpm install --save sass-trigonometry\n```\n\nUsing yarn\n```bash\nyarn add sass-trigonometry\n```\n\n## Usage\n\n```scss\n@import \"~sass-trigonometry\";\n```\n\n## Constant\n\n### `pi`\n\n_Example:_\n```scss\n$pio2: pi() / 2;\n```\n\n## Functions\n\n### `deg-to-rad` and `rad-to-deg`\nSimple degres to radian conversion functions.\n\n### `sin` , `cos` and `tan`\n\nSine, Cosine and Tangent trigonometry functions.\n\n_Example_\n```scss\nsin(45deg); // =\u003e 0.7071...\ncos(30deg); // =\u003e 0.8660...\ntan(60deg); // =\u003e 1.7320...\n```\n\n### `asin` , `acos` and `atan`.\n\nArcsine, Arccosine and Arctangent inverted trigonometry functions.\n\n_Example_\n```scss\nasin(0.7071); // =\u003e 45\nacos(0.8660); // =\u003e 30\natan(1.7320); // =\u003e 60\n```\n\n### `pow`, `fact` and `sqrt`\n\nPower, Factorial and Square-root functions\n\n_Example_\n```scss\npow(10, 2); // =\u003e 100\nfact(5); // =\u003e 120\nsqrt(100); // =\u003e 10\n```\n\n## Examples\n\n```scss\n@import \"~sass-trigonometry\";\n\n$width: 200;\n$height: 150;\n$diagonal-width: sqrt(pow($width, 2) + pow($height, 2));\n$diagonal-angle: atan($height / $width);\n\n\n#triangle {\n    position: relative;\n    height: #{$height}px;\n    width: #{$width}px;\n    border-bottom: 1px solid red;\n    border-left: 1px solid red;\n\n    \u0026:before {\n        border-top: 1px solid red;\n        content: \"\";\n        left: 0;\n        position: absolute;\n        top: $height;\n        transform-origin: left;\n        transform: rotate(#{$diagonal-angle}deg);\n        width: #{$diagonal-width}px;\n    }\n}\n```\n\n[See the result in Codepen](https://codepen.io/gbprod/pen/ZEYyzJM)\n\n## References\n * https://github.com/drewsynan/trig.sass/blob/master/trig.scss\n * https://blog.smarchal.com/sass-et-la-trigonometrie\n * https://web.archive.org/web/20131001093543/http://japborst.net/blog/sass-sines-and-cosines.html\n * https://codepen.io/thebabydino/pen/rvwuF\n * http://thesassway.com/advanced/inverse-trigonometric-functions-with-sass\n * https://gist.github.com/kamikat/c4d472ce3c61feec6376","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgbprod%2Fsass-trigonometry","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgbprod%2Fsass-trigonometry","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgbprod%2Fsass-trigonometry/lists"}