Windows 7 CSS Framework – 7.css

Category: CSS & CSS3 , Frameworks , Recommended | August 3, 2024
Author:khang-nd
Views Total:259 views
Official Page:Go to website
Last Update:August 3, 2024
License:MIT

Preview:

Windows 7 CSS Framework – 7.css

Description:

7.css is a CSS only front-end framework that brings the retro Windows 7 styles to your webpage.

See Also:

How to use it:

1. Install and import the 7.css.

# NPM
$ npm i 7.css
import "7.css/dist/7.css";

2. Or include the stylesheet from a CDN.

<link rel="stylesheet" href="https://unpkg.com/7.css" />

More Previews:

Windows 7 CSS Framework Tree View

Tree View

Windows 7 CSS Framework Tabs

Tabs

Windows 7 CSS Framework Progress Bars

Progress Bars

Windows 7 CSS Framework Radio Buttons

Radio Buttons

Windows 7 CSS Framework Buttons

Buttons

Changelog:

v0.17.0 (08/03/2024)

  • Allow for dynamic window colour with inline CSS variables
  • Add help icon on window title bar

v0.16.0 (11/15/2023)

  • Polish the window glass effect
  • Add animations for the push button and fix focus outline
  • Bug smashing and some visual adjustments

v0.15.0 (10/05/2023)

  • Add top/left to window’s ::before to prevent unexpected behavior
  • Avoid overlapping menus
  • Fix font inconsistency
  • Add animations for window title bar buttons

v0.14.0 (05/26/2023)

  • Improvements for scrollbar
  • Separate scrollbar into its own file
  • Remove scrollbar’s double button

v0.13.0 (03/19/2023)

  • Add balloon positioning
  • Add SearchBox component

v0.12.0 (02/13/2023)

  • Changing border width & margin of tabs
  • Some improvements

v0.11.0 (11/13/2022)

  • Use <span> for menu shortcut mnemonic
  • Add spinner/loader element
  • Add option menu item (radio, checkbox)
  • Enhance aimations for regular controls

v0.10.0 (11/13/2022)

  • feat: add combobox, listbox components
  • Menu enhancements
  • Rename component select -> dropdown

v0.9.0 (10/30/2022)

  • Window title bar active/inactive styles
  • Add disabled title bar control styles
  • Enhanced treeview, added collapse
  • Bugfix

v0.8.1 (10/26/2022)

  • Broke down forms.css into smaller components (checkbox, radiobutton, select, textbox)
  • Renamed buttons.css to button.css for consistency.

v0.8.0 (10/19/2022)

  • Added separate CSS for each GUI component.
  • Added glow effect to title bar buttons & tweaked window shadow.

v0.7.0 (05/27/2022)

  • Added button’s default variant.
  • Added hover state to radio, checkbox, select.
  • Optimized and transformed icon path references to in-place base64 url.

v0.6.0 (05/14/2022)

  • Added a scoped css file that can coexist with other styling systems.

v0.5.0 (09/04/2021)

  • Added the menubar/menu component.
  • Added the dialog box variant for window.

v0.4.1 (07/03/2021)

  • Major fixes for Safari.

v0.4.0 (04/24/2021)

  • feat: reduce size by converting icons to webp

v0.3.1 (04/24/2021)

  • Split shared variables to a new file.

You Might Be Interested In:


Leave a Reply