{"id":16264948,"url":"https://github.com/patrickcate/include-media-visible-classes","last_synced_at":"2025-06-27T16:32:09.071Z","repository":{"id":57273278,"uuid":"82457127","full_name":"patrickcate/include-media-visible-classes","owner":"patrickcate","description":"An include-media plugin to generate classes for showing elements at different breakpoints.","archived":false,"fork":false,"pushed_at":"2019-05-09T02:45:14.000Z","size":3,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-12T21:47:49.320Z","etag":null,"topics":[],"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/patrickcate.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":"2017-02-19T12:25:53.000Z","updated_at":"2019-05-09T02:55:59.000Z","dependencies_parsed_at":"2022-09-17T15:11:34.664Z","dependency_job_id":null,"html_url":"https://github.com/patrickcate/include-media-visible-classes","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/patrickcate/include-media-visible-classes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/patrickcate%2Finclude-media-visible-classes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/patrickcate%2Finclude-media-visible-classes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/patrickcate%2Finclude-media-visible-classes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/patrickcate%2Finclude-media-visible-classes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/patrickcate","download_url":"https://codeload.github.com/patrickcate/include-media-visible-classes/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/patrickcate%2Finclude-media-visible-classes/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260341257,"owners_count":22994629,"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":[],"created_at":"2024-10-10T17:04:44.421Z","updated_at":"2025-06-27T16:32:09.026Z","avatar_url":"https://github.com/patrickcate.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# include-media-visible-classes\n\nAn [include-media plugin](https://github.com/eduardoboucas/include-media) to generate visibility utility classes for showing elements at different breakpoints.\n\nLargely a fork of [include-media-hidden-classes](https://github.com/eduardoboucas/include-media-hidden-classes)\n\n## Usage\n\nImport the `_include-media-visible-classes.scss` Sass partial and then include the `@include im-visible-classes();` mixin to generate the classes.\n\n### Example\n\n```scss\n@import \"_include-media-visible-classes\";\n\n@include im-visible-classes();\n```\n\n## Configuration\n\n| Variable                     | Description                                                                      | Default                                                                                                          |\n| ---------------------------- | -------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |\n| `$im-visible-class`          | The base name to use for the classes.                                            | `'visible'`                                                                                                      |\n| `$im-visible-use-important`  | Whether to generated classes with `!important;`                                  | `false`                                                                                                          |\n| `$im-visible-include-exact`  | Whether to generate visiblity classes for min-width \u003c= =\u003e max-width breakpoints. | `true`                                                                                                           |\n| `$im-visible-include-down`   | Whether to generate visiblity classes for max-width breakpoints.                 | `true`                                                                                                           |\n| `$im-visible-include-up`     | Whether to generate visiblity classes for min-width breakpoints.                 | `true`                                                                                                           |\n| `$im-visible-exact-selector` | The breakpoint suffix to use to exact breakpoint classes.                        | `''`                                                                                                             |\n| `$im-visible-up-selector`    | The breakpoint suffix to use to min-width breakpoint classes.                    | `'-up'`                                                                                                          |\n| `$im-visible-down-selector`  | The breakpoint suffix to use to max-width breakpoint classes.                    | `'-down'`                                                                                                        |\n| `$im-display-modes`          | A Sass map of display modes to generate classes for.                             | `(inline: inline, inline-block: inline-block, block: block, table: table, flex: flex, inline-flex: inline-flex)` |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpatrickcate%2Finclude-media-visible-classes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpatrickcate%2Finclude-media-visible-classes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpatrickcate%2Finclude-media-visible-classes/lists"}