0.0.7 • Published 6 months ago
@street-of-wolves/bloodyfish v0.0.7
CDN:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@street-of-wolves/bloodyfish@0.0.7/dist/css/main.min.css">Table of contents
Quick start
Several quick start options are available:
- Download the latest release
- Clone the repo:
git clone https://github.com/street-of-wolves/bloodyfish.git - Install with npm:
npm install @street-of-wolves/bloodyfish - Install with yarn
yarn add @street-of-wolves/bloodyfish
Read the Getting started page for information on the framework contents, examples, and more.
Stub code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Bloody Fish</title>
<!-- links -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@street-of-wolves/bloodyfish@0.0.7/dist/css/main.min.css">
<!-- Other css links -->
</head>
<body>
<!-- sample code -->
<div class="center"> <!-- Center the div element -->
<h1 class="italic">Italic with Flashing Asterisk <sup class="red flash">*</sup></h1> <!-- italicize the h1 -->
<h1 class="underline">Underlined Sentence or word</h1> <!-- underlining the h1 -->
<h1 class="green">Text Color Green</h1> <!-- adding color green to h1 -->
<h1 class="Montez fadeIn">font style Montez with fadeIn Animation</h1> <!-- adding font-style to h1 -->
</div>
<!-- End of sample code -->
<!-- Script tags -->
<!-- User Defined Scripts / Other Scripts below -->
</body>
</html>What's included
Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
@street-of-wolves/bloodyfish/
└── dist/
└── css/
├── animations/
│ ├── animations.css
│ └── timers.css
├── alignments.css
├── cards.css
├── char-entities.css
├── colors.css
├── font-family.css
├── hexcolors.css
├── main.css
├── size.css
├── core.css
└── tags.cssBugs and feature requests
Have a bug or a feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.