https://github.com/hithismani/responsive-decap
Mobile responsive CSS adaptation for Decap CMS/Netlify CMS.
https://github.com/hithismani/responsive-decap
Last synced: about 1 month ago
JSON representation
Mobile responsive CSS adaptation for Decap CMS/Netlify CMS.
- Host: GitHub
- URL: https://github.com/hithismani/responsive-decap
- Owner: hithismani
- License: mit
- Created: 2023-08-05T03:55:03.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-27T03:37:56.000Z (over 1 year ago)
- Last Synced: 2025-02-02T12:35:43.119Z (3 months ago)
- Size: 4.88 KB
- Stars: 12
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-decap-cms - responsive-decap - Mobile responsive CSS adaptation for Decap CMS/Netlify CMS. (Hack)
README
# Adding Mobile Responsiveness To Decap CMS/Netlify CMS
This repository provides a solution to add mobile responsiveness to Decap CMS/Netlify CMS, allowing you to create a more user-friendly experience for visitors accessing your content from mobile devices.
## Background
This project is inspired by a [gist](https://gist.github.com/searls/7fd2c3223571a58a81006e7da66bd064) created by Justin Searls, which served as a valuable starting point for addressing the mobile responsiveness issue in Decap CMS/Netlify CMS.
## Prerequisites / Assumptions
Before proceeding with the implementation, please ensure the following:
- You've already set up Decap CMS for your project.
- You're looking for a functional implementation that focuses on mobile views, rather than retaining all UX elements on desktop. (This CSS file targets mobile views only.)
- You understand that attribute selectors (i.e., selectors with *=) are known to be relatively slow. However, for this specific use case, they offer a practical solution to achieve mobile responsiveness without drastically impacting performance.
- You understand that this file *may* conflict with any official solution by DecapCMS that may come up in the future.
## Installation
### Option 1: Manual Installation
Follow the step-by-step guide on how to install the mobile responsiveness for Decap CMS/Netlify CMS manually. The guide can be found at:
[Mobile-Optimized Decap/Netlify CMS Installation Guide](//manikumar.in/blog/mobile-optimized-decap-netlify-cms)
### Option 2: Via jsDelivr CDN
You can easily add mobile responsiveness to Decap CMS/Netlify CMS by linking the pre-built CSS file hosted on the jsDelivr CDN. Simply include the following link in the head section of your CMS Index HTML file(s):
```html
```
## Troubleshooting
If you encounter any issues or have questions about this implementation, please feel free to [open an issue](https://github.com/hithismani/responsive-decap/issues) in this repository. I'll do my best to assist you and improve the solution.
## Contributing
I welcome contributions to enhance the mobile responsiveness or improve the implementation. If you have any improvements, bug fixes, or additional features to suggest, please submit a pull request. For major changes, kindly open an issue first to discuss the proposed changes.
## License
This project is licensed under the [MIT License](LICENSE). You are free to use, modify, and distribute this codebase as per the terms of the license.
## Acknowledgments
I extend my gratitude to Justin Searls for providing the initial inspiration for this project through the [gist](https://gist.github.com/searls/7fd2c3223571a58a81006e7da66bd064).