{"id":14383959,"url":"https://github.com/mrkrupski/LESS-Dynamic-Stylesheet","last_synced_at":"2025-08-23T16:31:54.993Z","repository":{"id":148623649,"uuid":"2902113","full_name":"mrkrupski/LESS-Dynamic-Stylesheet","owner":"mrkrupski","description":"A set of useful mixins for LESS, the CSS pre-processor: http://lesscss.org","archived":false,"fork":false,"pushed_at":"2015-01-15T16:13:37.000Z","size":173,"stargazers_count":97,"open_issues_count":0,"forks_count":16,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-12-21T12:33:24.401Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://mrkrupski.github.com/LESS-Dynamic-Stylesheet/","language":"CSS","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/mrkrupski.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":"2011-12-02T23:07:07.000Z","updated_at":"2024-08-09T19:51:35.000Z","dependencies_parsed_at":"2023-03-29T18:23:53.793Z","dependency_job_id":null,"html_url":"https://github.com/mrkrupski/LESS-Dynamic-Stylesheet","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/mrkrupski/LESS-Dynamic-Stylesheet","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrkrupski%2FLESS-Dynamic-Stylesheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrkrupski%2FLESS-Dynamic-Stylesheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrkrupski%2FLESS-Dynamic-Stylesheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrkrupski%2FLESS-Dynamic-Stylesheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrkrupski","download_url":"https://codeload.github.com/mrkrupski/LESS-Dynamic-Stylesheet/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrkrupski%2FLESS-Dynamic-Stylesheet/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271755685,"owners_count":24815459,"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","status":"online","status_checked_at":"2025-08-23T02:00:09.327Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-08-28T18:01:04.204Z","updated_at":"2025-08-23T16:31:54.613Z","avatar_url":"https://github.com/mrkrupski.png","language":"CSS","funding_links":[],"categories":["CSS","Libraries and Mixins"],"sub_categories":["Miscellaneous"],"readme":"LESS DSS (dynamic stylesheet)\n=============\n\nIt's a set of useful mixins for LESS, the CSS pre-processor: \u003ca href=\"http://lesscss.org\" target=\"_blank\"\u003elesscss.org\u003c/a\u003e.\n\u003cbr/\u003eI recommend a \"\u003ca href=\"http://incident57.com/codekit/\" target=\"_blank\"\u003eCodeKit\u003c/a\u003e\" app for the auto compress (OS X).\n\u003cbr/\u003eLicensed under the [MIT License](http://opensource.org/licenses/MIT)\n\n\u003cb\u003eExamples how to use the functions contained in \"less.dss\" (v1.8.1) file:\u003c/b\u003e\n\n \u003cul\u003e\n   \u003ch3\u003eBackgrounds Group\u003c/h3\u003e\n   \u003chr/\u003e\n\n   \u003cli\u003e\u003cb\u003e.gradient-h\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.gradient-h ( #fff, #aaa );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003egradient-v\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.gradient-v ( #fff, #aaa );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.gradient-vline\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.gradient-vline ( #fff, #ddd, #aaa, #ddd );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.gradient-v3colors\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.gradient-v3colors ( #00b3ee, #7a43b6, 50%, #c3325f );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.gradient-radial\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.gradient-radial ( #fff, #aaa );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.gradient-direction\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.gradient-direction ( #fff, #aaa, 120 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.bg-clip\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.bg-clip ( border-box );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.bg-clip ( border );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.bg-size\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.bg-size ( 100%, 50% );\u003c/code\u003e\n\n   \u003cbr/\u003e\n   \u003ch3\u003eBox Group\u003c/h3\u003e\n   \u003chr/\u003e\n\n   \u003cli\u003e\u003cb\u003e.box-align\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.box-align ( baseline );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.box-direction\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.box-direction ( normal );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.box-orient\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.box-orient ( horizontal );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.box-pack\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.box-pack ( center );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.box-sizing\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.box-sizing ( content-box );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.box-shadow\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.box-shadow ( \"0 0 5px blue, inset 2px 2px 10px rgba (0,0,0, .2), 0 1px 4px #000\" );\u003c/code\u003e (multi)\n   \u003cbr/\u003e\n   \u003ccode\u003e.box-shadow ( in, 0 1px 4px #ddd );\u003c/code\u003e (inset)\n   \u003cbr/\u003e\n   \u003ccode\u003e.box-shadow ( out, 0 1px 4px rgba(0,0,0, .5) );\u003c/code\u003e (outset)\n   \u003cbr/\u003e\n   \u003ccode\u003e.box-shadow ( 0 1px 4px, #ccc, 45% );\u003c/code\u003e (alpha)\n\n   \u003cbr/\u003e\n   \u003ch3\u003eBorder Group\u003c/h3\u003e\n   \u003chr/\u003e\n\n   \u003cli\u003e\u003cb\u003e.border-image\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.border-image ( \"../img/picture.img\", 30 30 repeat );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.rounded\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.rounded ( 10px );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.rounded ( 3px 2px 4px 10px );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.rounded ( top, 5 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.rounded ( right, 5 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.rounded ( bottom, 5 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.rounded ( left, 5 );\u003c/code\u003e\n\n   \u003cbr/\u003e\n   \u003ch3\u003eTransform Group\u003c/h3\u003e\n   \u003chr/\u003e\n\n   \u003cli\u003e\u003cb\u003e.transform\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.transform ( perspective(0) translate3d(50px, 40px, 80px) scale3d(1, 2, 0) rotate3d(0, 1, 0, 45deg) );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.matrix\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.matrix ( 0.9, 0.2, -0.5, 0.9, 0, 0 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.matrix3d\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.matrix3d ( \"1, 0, 0, 0, 0, 0.60, 0, -0.0009, 0, 0, 1, 0, 0, 0, 0, 1\" );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.rotate\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.rotate ( 45 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.rotate ( x, 45 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.rotate ( y, 45 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.rotate ( z, 45 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.rotate3d\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.rotate ( 15, 10, 5, 45 );\u003c/code\u003e\n   \n   \u003cli\u003e\u003cb\u003e.scale\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.scale ( 0.8 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.scale ( x, 0.4 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.scale ( y, 1.3 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.scale ( z, .7 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.scale3d\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.scale3d ( .4, .5, 1.2 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.translate\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.translate ( 20, 40 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.translate ( x, 20 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.translate ( y, 40 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.translate ( z, 60 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.translate3d\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.translate3d ( 20, 40, 60 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.skew\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.skew ( 30, 4 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.skew ( x, 20 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.skew ( y, -30 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.perspective\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.perspective ( 250 );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.perspective ( 250, px );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.perspective-origin\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.perspective-origin ( 50% 50% );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.transform-origin\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.transform-origin ( 30%, 40%, 0 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.transform-style\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.transform-style ( preserve-3d );\u003c/code\u003e\n\n   \u003cbr/\u003e\n   \u003ch3\u003eTransition\u003c/h3\u003e\n   \u003chr/\u003e\n\n   \u003cli\u003e\u003cb\u003e.transition\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.transition ( width, .7s );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.transition ( property, 0.2s, ease-out, 0 );\u003c/code\u003e\n\n   \u003cbr/\u003e\n   \u003ch3\u003eAnimation Group\u003c/h3\u003e\n   \u003cspan\u003e(checkout: http://daneden.me/animate/)\u003c/span\u003e\n   \u003chr/\u003e\n\n   \u003cli\u003e\u003cb\u003e.animate\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.animate ( wobble );\u003c/code\u003e\n   \u003cbr/\u003e\n   \u003ccode\u003e.animate ( wobble, 2s, ease, 0, 1, normal );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.animation-state\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.animation-state ( running );\u003c/code\u003e\n\n   \u003cbr/\u003e\n   \u003ch3\u003eColumn\u003c/h3\u003e\n   \u003chr/\u003e\n\n   \u003cli\u003e\u003cb\u003e.columns\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.columns ( 2, normal );\u003c/code\u003e\n\n   \u003cbr/\u003e\n   \u003ch3\u003eMisc Group\u003c/h3\u003e\n   \u003chr/\u003e\n\n   \u003cli\u003e\u003cb\u003e.opacity\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.opacity ( 0.7 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.font\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.font ( italic, normal, bold, 14px, 1, \"'Lucida Grande', Helvetica, Arial, Verdana, sans-serif\" );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.font-face\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.font-face ( MyFontName, \"../assets/fonts/sofia-pro\" );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.size\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.size ( 400, 200 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.square\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.square ( 400 );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.resizable\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.resizable ( vertical );\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.hide-text\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.hide-text;\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.center-block\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.center-block;\u003c/code\u003e\n\n   \u003cli\u003e\u003cb\u003e.clearfix\u003c/b\u003e\u003c/li\u003e\n   \u003ccode\u003e.clearfix;\u003c/code\u003e\n\u003c/ul\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrkrupski%2FLESS-Dynamic-Stylesheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrkrupski%2FLESS-Dynamic-Stylesheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrkrupski%2FLESS-Dynamic-Stylesheet/lists"}