Socket
Socket
Sign inDemoInstall

zusty

Package Overview
Dependencies
0
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    zusty

Power Packed CSS Framework for Building Beautiful Interfaces.


Version published
Weekly downloads
1
decreased by-90%
Maintainers
1
Install size
1.58 MB
Created
Weekly downloads
 

Changelog

Source

v1.2.0

New

  • Dropcap text helper
  • Divider
  • Placeholder items (lines, paragraph, image etc.)
  • Avatar
  • Flexbox direction and grow helper
  • Snap container
  • Nav

Improvements

  • Navbar items' hover color is now different for a11y.
  • No need to use zust-center in card footer.
  • Same height cards.

Changes

Variables changed | From | To | |-----------------------------------|------------------------------------| | $button-focus-border-color | $button-border-spread-color | | $button-focus-border-color-dark | $button-border-spread-color-dark |

Variables removed

  • $navbar-height

Files renamed | From | To | |------------------------------------|------------------------------| | scss/helpers/color-helper.scss | scss/helpers/color.scss | | scss/helpers/general-helper.scss | scss/helpers/general.scss | | scss/helpers/text-helper.scss | scss/helpers/text.scss |

Readme

Source

Zusty

Zusty CSS

Power Packed CSS Framework for Building Beautiful Interfaces.
Read the Docs

Status

Build Status npm version

Support Zusty CSS

You can support this framework just by leaving a star on its GitHub Repository. Starring it would help make Zusty CSS getting known and it would motivate me to work on it.

Usage

You can use it in many ways. Here's some.

npm

You can simply install it via npm

npm i zusty

Then in <head></head>, add this to top of your CSS Files

<link rel="stylesheet" href="path/to/node_modules/zusty/dist/zusty.min.css">

CDN

Add this to top of all stylesheets which are inside of <head></head>. Replace <versionCode> with the version you want to use. Latest version is latest version

<!-- For specific version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/zusty@<versionCode>">

<!-- Always get the latest version -->
<!-- Not recommended for production. It can break anytime -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/zusty">
<!-- Other CSS down here -->

Starter Template

This is the starter template that you can use to get started right away.

<!DOCTYPE html>
<html>
  <head>
    <!-- Required meta Tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Zusty CSS -->
    <!-- Use specific version, so that your page will not break whenever Zusty CSS gets updated -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/zusty@<versionCode>">
    <!-- Other CSS down here -->

    <title>Base Page</title>
  </head>
  <body>
    <p>Base Page</p>
  </body>
</html>

License

Zusty CSS is Licensed under the MIT License, webpages under CC BY-NC-SA 4.0.

Keywords

FAQs

Last updated on 20 Mar 2020

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.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc