diff --git a/index.html b/index.html index a800397..f6108e3 100644 --- a/index.html +++ b/index.html @@ -80,7 +80,7 @@
-
+

@ztimson/css-utils

CSS Utils is a css library based on bootstrap. At 1/3 the size, its all the utilities without the bloat.

@@ -88,7 +88,7 @@

Setup

-
+

Install

NPM


@@ -109,7 +109,7 @@ npm install @ztimson/css-utils
 <link rel="stylesheet" href="https://css.zakscode.com/src/main.scss" ></link>
-
+

Theming

Theming is minimal since its so opinionated. Its all done through CSS variables allowing runtime manipulation without having to recompile.


@@ -157,7 +157,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re

Utilities

-
+

Alignment

.align-[x|y]-[xs|sm|md|lg|xl]-[start|end]


@@ -190,7 +190,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Animations

.animate-[color|none|opacity|pos|trans]


@@ -254,7 +254,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Borders

Color

.b-[accent|black|danger|info|muted|primary|success|text|warn|white]
@@ -316,7 +316,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Colors

Background

.bg-[accent|backdrop|black|clear|danger|info|muted|primary|success|transparent|text|warn|white]
@@ -325,7 +325,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
.bg-accent
.bg-backdrop
.bg-black
-
.bg-clear
+
.bg-container
.bg-danger
.bg-info
.bg-muted
@@ -371,7 +371,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Cursors

.curs-[alias|auto|cell|col-resize|copy|crosshair|default|grab|grabbing|help|hover|move|not-allowed|pointer|progress|row-resize|text|none|wait|vertical-text|zoom-in|zoom-out]


@@ -401,12 +401,12 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Display

.d-[xs|sm|md|lg|xl]-[block|flex|grid|inline|inline-block|inline-flex|inline-grid|none|table|table-cell|table-row]
-
+

Flex

Direction

.flex-[xs|sm|md|lg|xl]-[c|r|rc|rr]
@@ -575,7 +575,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Float

.float-[xs|sm|md|lg|xl]-[end|none|start]


@@ -586,7 +586,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Font Style

Decoration

.fs-[italic|none|strike|underline]
@@ -654,7 +654,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Hover

.curs-hover|.hover


@@ -664,7 +664,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Object Fit

.fit-[contain|cover|fill|scale|none]


@@ -692,7 +692,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Overflow

.overflow-[x|y]-[auto|hidden|scroll|visible]
@@ -722,7 +722,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Opacity

.opacity-[0|10|20|25|30|33|34|40|50|60|66|70|75|80|90|100]


@@ -741,7 +741,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Position

.pos-[abs|rel|static|stick]


@@ -769,7 +769,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Shadows

.shadow-[drop|none|white]


@@ -786,7 +786,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Size

@@ -868,7 +868,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Spacing

Margin: .m[b|e|s|t|x|y]-[xs|sm|md|lg|xl]-[0-5|auto]

@@ -919,7 +919,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

User Select

.select-[all|auto|none|text]


@@ -929,7 +929,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
.select-text
-
+

Visibility

.[hidden|visible]-[xs|sm|md|lg|xl]


@@ -941,7 +941,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+

Z-Index

.z-[0-5]


@@ -960,7 +960,7 @@ $sizes: ('auto': auto, 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 2.5re
-
+
  • diff --git a/package.json b/package.json index 9419757..1d3240e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@ztimson/css-utils", - "version": "1.3.1", + "version": "1.3.2", "description": "CSS Utility Classes", "readme": "README.md", "scripts": { diff --git a/src/main.scss b/src/main.scss index f0b5715..eac4d8b 100644 --- a/src/main.scss +++ b/src/main.scss @@ -199,6 +199,7 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100); .fs-no-dec { text-decoration: none !important; } .fs-strike { text-decoration: line-through !important; } .fs-underline { text-decoration: underline !important; } +.fs-strike.fs-underline { text-decoration: line-through underline !important; } .fs-7 { font-size: 2.5rem !important; } .fs-6 { font-size: 2.25rem !important; } .fs-5 { font-size: 2rem !important; }