shell-css
Advanced tools
Readme
To use in your own project, the quickest way is to install through npm:
npm i shell-css
Bootstrap's grid is recommended, but not required. The documentation site currently uses Bootstrap 5's grid only.
npm i bootstrap
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap-grid.min.css" />
<link rel="stylesheet" href="node_modules/shell-css/dist/shell.css" />
Icons and images are embedded, fonts are included in the dist folder and imported.
The documentation site has examples of possible uses; viewing its source is the easiest way to get up and running.
Parcel is used to compile the SCSS. Clone the repository and npm install, then npm run build.
The src folder has styles, icons, etc. while dist contains the build output.
The documentation site is located in doc and links a level up to the compiled CSS output in the dist folder.
npm run watch will start up a server as well as watch the SCSS and let you view all changes to either documentation
or the project's source. You'll need to do this to get everything running, as it builds an un-minified copy of Shell.css
and copies it into the documentation site's directory.
Thank you to the authors of these resources:
The Windows 3.1 name and trademark are property of Microsoft. This project's source code is provided under the MIT license.
Bug reports, feature requests and PRs are welcome, however I may not merge all PRs into this repo. If you want your PR merged into the repo it's probably best to report an issue first for tracking and to nail down the requirements. Of course, being open source, you can always fork or spin the project off into your own new project too!
I've made icons for this project in Aseprite by looking at screenshots and doing my best to re-draw everything from a reference, rather than ripping assets directly off a disk image. Any new icons or art should try to follow this spirit to avoid issues with copyrights.
I don't have a timeline for implementing these features, but here are some ideas I've got for improving the project:
.theme-* and you can switch skins from Windows to Macintosh or Linux.FAQs
Retro CSS framework in the style of classic operating systems
The npm package shell-css receives a total of 7 weekly downloads. As such, shell-css popularity was classified as not popular.
We found that shell-css demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.