https://github.com/shuklaritvik06/hawklib

css hawk library opensource sass

Last synced: 2 months ago
JSON representation

A CSS Library made using SASS :heart:

Host: GitHub
URL: https://github.com/shuklaritvik06/hawklib
Owner: shuklaritvik06
License: mit
Created: 2022-06-28T06:17:32.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2022-06-28T19:00:35.000Z (almost 4 years ago)
Last Synced: 2026-03-02T14:42:40.564Z (4 months ago)
Topics: css, hawk, library, opensource, sass
Language: SCSS
Homepage:
Size: 85 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

README

# HawkLib
A CSS Library made using SASS :heart:

# Utility Classes

## Padding

### All sides

- pd-small
- pd-medium
- pd-large
- pd-1
- pd-2
- pd-3

### Top

- pd-t-small
- pd-t-medium
- pd-t-large
- pd-t-1
- pd-t-2
- pd-t-3

Similarly bottom, left and right are `pd-b`,`pd-l`,`pd-r` respectively.

## Margin

### All sides

- m-small
- m-medium
- m-large
- m-1
- m-2
- m-3

### Top

- mt-small
- mt-medium
- mt-large
- mt-1
- mt-2
- mt-3

Similarly bottom, left and right are `mb`,`ml`,`mr` respectively.

### Border Width

- bw-small
- bw-medium
- bw-large
- bw-1
- bw-2
- bw-3

Similarly `bw-r`,`bw-l`,`bw-t`,`bw-b` respectively.

### Opacity

Prefix -> "o"

- "0": 0
- "1": 0.1
- "2": 0.2
- "3": 0.3
- "4": 0.4
- "5": 0.5
- "6": 0.6
- "7": 0.7
- "8": 0.8
- "9": 0.9
- "10": 1

### Display

- d-none
- d-inline-block
- d-flex
- d-inline
- d-block
- d-grid

### Width and Height

- h-1
- h-2
- h-3
- h-4
- h-5
- h-6
- h-7
- h-8
- h-9
- h-10
- h-11
- h-12
- h-13
- h-100

Similarly for width it's w-#{$value}

### Box Shadow

bs,bs-medium,bs-large

### Font size

- "default":secondary,
- "primary": primary,
- "secondary": secondary,
- "tertiary": tertiary,
- "b": bold,
- "br": bolder,