generated from ztimson/template
Compare commits
4 Commits
Author | SHA1 | Date | |
---|---|---|---|
715d686171 | |||
e98ed586f5 | |||
c046b16b69 | |||
344585e6dc |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@ztimson/css-utils",
|
||||
"version": "1.0.5",
|
||||
"version": "1.1.2",
|
||||
"description": "CSS Utility Classes",
|
||||
"readme": "README.md",
|
||||
"scripts": {
|
||||
|
@ -47,30 +47,22 @@ $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; }
|
||||
&:hover { text-decoration: underline; }
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.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 +73,21 @@ $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; }
|
||||
.fix-font, .fix:not(.no-font-fix) {
|
||||
color: var(--theme-text);
|
||||
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;
|
||||
}
|
||||
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 +96,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
|
||||
|
Reference in New Issue
Block a user