{"id":22938016,"url":"https://github.com/compostrap/sidebar-skeleton","last_synced_at":"2026-01-03T10:25:39.892Z","repository":{"id":47685490,"uuid":"206713446","full_name":"compostrap/sidebar-skeleton","owner":"compostrap","description":":page_with_curl: Simple and fast sidebar skeleton on Bootstrap (@twbs)","archived":false,"fork":false,"pushed_at":"2023-08-15T10:51:52.000Z","size":273,"stargazers_count":5,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-23T20:51:10.448Z","etag":null,"topics":["bootstrap","sidebar","sidebar-menu"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/compostrap.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license.md","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-09-06T04:34:35.000Z","updated_at":"2023-02-07T18:37:46.000Z","dependencies_parsed_at":"2024-06-21T03:54:40.061Z","dependency_job_id":"7e81e898-03b9-4626-b116-ff378e173cbb","html_url":"https://github.com/compostrap/sidebar-skeleton","commit_stats":{"total_commits":79,"total_committers":3,"mean_commits":"26.333333333333332","dds":0.08860759493670889,"last_synced_commit":"2d37b22ac20485839a5ffc3dcfbc0364936d9283"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/compostrap/sidebar-skeleton","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/compostrap%2Fsidebar-skeleton","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/compostrap%2Fsidebar-skeleton/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/compostrap%2Fsidebar-skeleton/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/compostrap%2Fsidebar-skeleton/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/compostrap","download_url":"https://codeload.github.com/compostrap/sidebar-skeleton/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/compostrap%2Fsidebar-skeleton/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268480066,"owners_count":24256908,"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-02T02:00:12.353Z","response_time":74,"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":["bootstrap","sidebar","sidebar-menu"],"created_at":"2024-12-14T12:15:36.195Z","updated_at":"2026-01-03T10:25:39.887Z","avatar_url":"https://github.com/compostrap.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Sidebar Skeleton\nSimple and fast sidebar skeleton built on Bootstrap 5.\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/compostrap/sidebar-skeleton/blob/master/license)\n[![npm version](https://badge.fury.io/js/sidebar-skeleton-compostrap.svg)](https://badge.fury.io/js/sidebar-skeleton-compostrap)\n[![Build status](https://github.com/compostrap/sidebar-skeleton/actions/workflows/build.yml/badge.svg)](https://github.com/compostrap/sidebar-skeleton/actions/workflows/build.yml)\n[![CodeFactor](https://www.codefactor.io/repository/github/compostrap/sidebar-skeleton/badge)](https://www.codefactor.io/repository/github/compostrap/sidebar-skeleton)\n\n## Installation\n```bash\nnpm install sidebar-skeleton-compostrap\n```\n\n## Built on\n- [Bootstrap 5](https://getbootstrap.com)\n\n## Demo\n- [Live demo](https://compostrap.github.io/skeleton)\n\n## Introduction\nSimple and fast sidebar skeleton is built on Bootstrap.\nYou should be familiar with Bootstrap usage and have basic knowledge of Sass, npm.\n\n## Customize sidebar when navbar is used\nWhen using a navbar, extend the class called wrapper:\n\n| Navbar       | Class                |\n|--------------|----------------------|\n| unused       | wrapper              |\n| Used         | wrapper-navbar-used  |\n| Used (fixed) | wrapper-navbar-fixed |\n\n## Other classes\n\n| Description                  | Class                     |\n|------------------------------|---------------------------|\n| Right top rounded in sidebar | sidebar-rounded-top-right |\n| Fixed menu in sidebar        | sidebar-menu-fixed        |\n\n## Overview of sidebar background colors\nColors match Bootstrap.\n\n| Color                                                    | Class             |\n|----------------------------------------------------------|-------------------|\n| ![#ffffff](https://placehold.co/15x15/ffffff/ffffff.png) | sidebar-bg-white  |\n| ![#f8f9fa](https://placehold.co/15x15/f8f9fa/f8f9fa.png) | sidebar-bg-light  |\n| ![#212529](https://placehold.co/15x15/212529/212529.png) | sidebar-bg-dark   |\n| ![#007bff](https://placehold.co/15x15/007bff/007bff.png) | sidebar-bg-blue   |\n| ![#6f42c1](https://placehold.co/15x15/6f42c1/6f42c1.png) | sidebar-bg-purple |\n| ![#e83e8c](https://placehold.co/15x15/e83e8c/e83e8c.png) | sidebar-bg-pink   |\n| ![#dc3545](https://placehold.co/15x15/dc3545/dc3545.png) | sidebar-bg-red    |\n| ![#fd7e14](https://placehold.co/15x15/fd7e14/fd7e14.png) | sidebar-bg-orange |\n| ![#28a745](https://placehold.co/15x15/28a745/28a745.png) | sidebar-bg-green  |\n| ![#20c997](https://placehold.co/15x15/20c997/20c997.png) | sidebar-bg-teal   |\n| ![#17a2b8](https://placehold.co/15x15/17a2b8/17a2b8.png) | sidebar-bg-cyan   |\n\n## Sidebar menu toggle\nIf you want your own toggle button visible at all resolutions, update the class in sidebar.js:\n\n| Description              | Class                  |\n|--------------------------|------------------------|\n| Visible in small devices | sidebar-toggle         |\n| Visible all resolution   | sidebar-toggle-visible |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcompostrap%2Fsidebar-skeleton","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcompostrap%2Fsidebar-skeleton","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcompostrap%2Fsidebar-skeleton/lists"}