Skip to content

Latest commit

 

History

History
71 lines (48 loc) · 2.07 KB

README.md

File metadata and controls

71 lines (48 loc) · 2.07 KB

8.css

npm gzip size

A screenshot of a window with the title 'My First Program' and two buttons OK and Cancel, styled like a Windows 7 dialog

8.css is a CSS framework that takes HTML and styles them to Windows 8.0 and 8.1's Desktop design. It is built on top of 7.css, which is based of XP.CSS.

It does not ship with any JavaScript, so it is compatible with your frontend framework of choice.

📦 Installation / Usage

Directly via unpkg:

<!DOCTYPE html>
<html>
  <head>
    <title>7.css example</title>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="https://unpkg.com/7.css" />
  </head>

  <body>
    <div class="window" style="margin: 32px; width: 250px">
      <div class="title-bar">
        <div class="title-bar-text">My First Program</div>
      </div>
      <div class="window-body">
        <p>Hello, world!</p>
      </div>
    </div>
  </body>
</html>

Via npm:

npm install 7.css

Then import it as below:

import "7.css/dist/7.css";

📚 Documentation / Demo

Refer to the documentation page for specific instructions on this framework's components.

🛠 Developing

Clone the repo and run npm install.

The core styles are managed in gui.

You can use npm start to start a development environment that will watch for file changes and rebuild the files, reloading your browser in the process.

You can run a build manually with npm run build. This will write to the dist/ directory.

📝 Issues, Contributing, etc.

You are so welcome to report issues, help out with contributions or whatever you could think of to improve this lovely UI framework.

📜 Changelog

Refer to Releases.