2 Commits
1.0.5 ... 1.1.0

Author SHA1 Message Date
c046b16b69 Opt out of fix syntax
All checks were successful
Publish Library / Build NPM Project (push) Successful in 11s
Publish Library / Tag Version (push) Successful in 5s
Publish Library / Publish CDN & Docs (push) Successful in 17s
2024-11-23 21:43:26 -05:00
344585e6dc Fixed some of the fixes
All checks were successful
Publish Library / Publish CDN & Docs (push) Successful in 20s
Publish Library / Tag Version (push) Successful in 6s
Publish Library / Build NPM Project (push) Successful in 17s
2024-11-23 21:39:26 -05:00
2 changed files with 16 additions and 30 deletions

View File

@ -1,6 +1,6 @@
{
"name": "@ztimson/css-utils",
"version": "1.0.5",
"version": "1.1.0",
"description": "CSS Utility Classes",
"readme": "README.md",
"scripts": {

View File

@ -47,7 +47,7 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
// Optional opinionated styling to clean up CSS defaults
.fix-anchor, .fix {
.fix-anchor, .fix:not(.no-anchor-fix) {
a, a:not([href]) {
color: var(--theme-primary);
&:not(:hover) { text-decoration: none; }
@ -55,22 +55,13 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
}
}
.fix-button, .fix {
.fix-button, .fix:not(.no-button-fix) {
button:not(:disabled) {
cursor: pointer;
}
}
.fix-code code, code.fix {
display: block;
white-space: pre;
font-family: monospace;
background: rgb(30, 30, 30);
color: #00cb00;
overflow: auto;
}
.fix-dom, .fix {
.fix-dom, .fix:not(.no-dom-fix) {
&, html, body {
height: 100%;
width: 100%;
@ -81,29 +72,26 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
background-color: var(--theme-backdrop);
}
hr {
border-bottom: 1px solid black;
width: 100%;
opacity: 50%;
}
* { box-sizing: border-box; }
}
.fix-focus, .fix {
.fix-focus, .fix:not(.no-focus-fix) {
* {
outline: none !important;
box-shadow: none !important;
outline: inherit;
}
}
.fix-font, .fix {
* { font-family: var(--theme-font), sans-serif; }
p, input, select, textarea, button { font-size: 1rem; }
span { font-size: inherit; }
h1, h2, h3, h4, h5, h6, p {
margin-top: 0;
margin-bottom: 0.5rem;
.fix-font, .fix:not(.no-font-fix) {
color: var(--theme-text);
font-family: var(--theme-font), sans-serif;
* {
font-family: inherit;
font-size: inherit;
}
p, input, select, textarea, button { font-size: 1rem; }
h1, h2, h3, h4, h5, h6, p { margin: 0 0 0.5rem 0; }
h1 { font-weight: 500; font-size: 2.5rem; }
h2 { font-weight: 500; font-size: 2rem; }
h3 { font-weight: 500; font-size: 1.75rem; }
@ -112,8 +100,6 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
h6 { font-weight: 500; font-size: 1rem; }
}
option { color: black !important; }
// Misc =====================================================================================================
// Center