Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ruxwez/fix.css

This npm style package provides a basic set of CSS rules to enhance the appearance and behavior of HTML elements on a website. The included rules address the box-sizing model, maximum width for images, 3D transformation of specific elements, and adjustmen
https://github.com/ruxwez/fix.css

3d-transformation box-sizing-model css html image-dragging images links npm npm-package reset-css styles webkit

Last synced: 30 days ago
JSON representation

Host: GitHub
URL: https://github.com/ruxwez/fix.css
Owner: ruxwez
License: mit
Created: 2023-07-12T11:05:56.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-07-12T11:51:05.000Z (over 1 year ago)
Last Synced: 2024-10-16T11:31:20.143Z (4 months ago)
Topics: 3d-transformation, box-sizing-model, css, html, image-dragging, images, links, npm, npm-package, reset-css, styles, webkit
Language: CSS
Homepage:
Size: 3.91 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # fix.css

This npm style package provides a basic set of CSS rules to enhance the appearance and behavior of HTML elements on a website. The included rules address the box-sizing model, maximum width for images, 3D transformation of specific elements, and adjustmen

## NPM 

```

npm install --save fix.css

```

## What does it do?

- Sets the "border-box" box model for all HTML elements.

- Makes all elements and pseudo-elements inherit the box model of the parent element.

- Limits the width of all images to 100% of their container.

- Applies a 3D transformation to improve the performance of animations and transitions in: `section, main, header, footer`.

- Remove outline on links when receiving focus.

- Disables the ability to drag images inside links in WebKit based browsers.