ztimson/css-utils
1
0
Fork 0
generated from ztimson/template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: ztimson:1.0.4
Branches Tags
ztimson:develop
ztimson:1.3.2 ztimson:1.3.1 ztimson:1.3.0 ztimson:1.2.1 ztimson:1.2.0 ztimson:1.1.5 ztimson:1.1.4 ztimson:1.1.3 ztimson:1.1.2 ztimson:1.1.1 ztimson:1.1.0 ztimson:1.0.6 ztimson:1.0.5 ztimson:1.0.4 ztimson:1.0.3 ztimson:1.0.2 ztimson:1.0.1
...
compare: ztimson:1.1.1
Branches Tags
ztimson:develop
ztimson:1.3.2 ztimson:1.3.1 ztimson:1.3.0 ztimson:1.2.1 ztimson:1.2.0 ztimson:1.1.5 ztimson:1.1.4 ztimson:1.1.3 ztimson:1.1.2 ztimson:1.1.1 ztimson:1.1.0 ztimson:1.0.6 ztimson:1.0.5 ztimson:1.0.4 ztimson:1.0.3 ztimson:1.0.2 ztimson:1.0.1

4 Commits
1.0.4 ... 1.1.1

Author SHA1 Message Date
ztimson
e98ed586f5 Fixed font-family inheritance
Some checks failed
Publish Library / Build NPM Project (push) Successful in 11s
Details
Publish Library / Tag Version (push) Successful in 5s
Details
Publish Library / Publish CDN & Docs (push) Failing after 14s
Details
2024-11-23 21:59:09 -05:00
ztimson
c046b16b69 Opt out of fix syntax
All checks were successful
Publish Library / Build NPM Project (push) Successful in 11s
Details
Publish Library / Tag Version (push) Successful in 5s
Details
Publish Library / Publish CDN & Docs (push) Successful in 17s
Details
2024-11-23 21:43:26 -05:00
ztimson
344585e6dc Fixed some of the fixes
All checks were successful
Publish Library / Publish CDN & Docs (push) Successful in 20s
Details
Publish Library / Tag Version (push) Successful in 6s
Details
Publish Library / Build NPM Project (push) Successful in 17s
Details
2024-11-23 21:39:26 -05:00
ztimson
0ec350aae7 Fixed colors
All checks were successful
Publish Library / Build NPM Project (push) Successful in 11s
Details
Publish Library / Tag Version (push) Successful in 5s
Details
Publish Library / Publish CDN & Docs (push) Successful in 19s
Details
2024-11-19 20:36:06 -05:00
3 changed files with 14 additions and 33 deletions
Expand all files Collapse all files

4
package-lock.json generated
View File

@ -1,12 +1,12 @@
{ {
"name": "@ztimson/css-utils", "name": "@ztimson/css-utils",
"version": "1.0.4", "version": "1.0.5",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "@ztimson/css-utils", "name": "@ztimson/css-utils",
"version": "1.0.4", "version": "1.0.5",
"license": "MIT", "license": "MIT",
"devDependencies": { "devDependencies": {
"sass": "^1.80.6" "sass": "^1.80.6"

2
package.json
View File

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

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