@fraziersoft/wisp 2.0.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/wisp.css +2 -2
- package/dist/wisp.js +1 -1
- package/package.json +2 -1
package/dist/wisp.css
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
|
2
2
|
*,::after,::before{box-sizing:border-box}html{font-family:system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
|
|
3
3
|
/*
|
|
4
|
-
* Wisp v2.0.
|
|
4
|
+
* Wisp v2.0.1
|
|
5
5
|
* https://wisp.frazier.software/
|
|
6
6
|
*
|
|
7
7
|
* Copyright (c) 2025 Chris Frazier
|
|
8
8
|
* Licensed under the MIT license
|
|
9
9
|
*/
|
|
10
|
-
:root{--color-bg:#
|
|
10
|
+
:root{--color-bg:#fdfdfd;--color-font:#222;--color-font-light:#fff;--color-primary:#1eaedb;--color-primary-light:#33c3f0;--color-primary-dark:#0fa0ce;--color-secondary:#b90e0a;--color-secondary-light:#d21404;--color-secondary-dark:#990f02;--color-neutral-1:#f1f1f1;--color-neutral-2:#d1d1d1;--color-neutral-3:#bbb;--color-neutral-4:#888;--color-neutral-5:#555;--color-neutral-6:#333;--font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;--border-radius:4px}html{font-size:62.5%}body{background:var(--color-bg);font-size:1.6em;font-weight:400;line-height:1.6;font-family:var(--font-family);color:var(--color-font)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{letter-spacing:-.1rem;font-size:4rem;line-height:1.2}h2{letter-spacing:-.1rem;font-size:3.6rem;line-height:1.25}h3{letter-spacing:-.1rem;font-size:3rem;line-height:1.3}h4{letter-spacing:-.08rem;font-size:2.4rem;line-height:1.35}h5{letter-spacing:-.05rem;font-size:1.8rem;line-height:1.5}h6{letter-spacing:0;font-size:1.6rem;font-weight:400;line-height:1.6}@media (width>=640px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.6rem}}p{margin-top:0}a{color:var(--color-primary);&:hover{color:var(--color-primary-dark)}}.btn,button:not(.hljs-copy-button),input[type=submit],input[type=reset],input[type=button]{height:38px;color:var(--color-neutral-5);text-align:center;letter-spacing:.1rem;text-transform:uppercase;white-space:nowrap;border-radius:var(--border-radius);border:1px solid var(--color-neutral-3);cursor:pointer;box-sizing:border-box;background-color:#0000;padding:0 30px;font-size:11px;font-weight:600;line-height:38px;text-decoration:none;transition:background .4s,color .4s;display:inline-block}.btn:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{color:var(--color-neutral-6);border-color:var(--color-neutral-4);outline:0}.btn.btn\:primary,button.btn\:primary,input[type=submit].btn\:primary,input[type=reset].btn\:primary,input[type=button].btn\:primary{color:var(--color-font-light);background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.btn.btn\:primary:hover,button.btn\:primary:hover,input[type=submit].btn\:primary:hover,input[type=reset].btn\:primary:hover,input[type=button].btn\:primary:hover{color:var(--color-font-light);background-color:var(--color-primary);border-color:var(--color-primary)}.btn.btn\:warning,button.btn\:warning,input[type=submit].btn\:warning,input[type=reset].btn\:warning,input[type=button].btn\:warning{color:var(--color-secondary-light);border-color:var(--color-secondary-light)}.btn.btn\:warning:hover,button.btn\:warning:hover,input[type=submit].btn\:warning:hover,input[type=reset].btn\:warning:hover,input[type=button].btn\:warning:hover{color:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn.btn\:danger,button.btn\:danger,input[type=submit].btn\:danger,input[type=reset].btn\:danger,input[type=button].btn\:danger{color:var(--color-font-light);background:var(--color-secondary-light);border-color:var(--color-secondary-light)}.btn.btn\:danger:hover,button.btn\:danger:hover,input[type=submit].btn\:danger:hover,input[type=reset].btn\:danger:hover,input[type=button].btn\:danger:hover{background:var(--color-secondary);border-color:var(--color-secondary)}.btn\:ripple{position:relative;overflow:hidden;& .ripple{background-color:#fff6;border-radius:50%;animation:.6s linear ripple;position:absolute;transform:scale(0)}}@keyframes ripple{to{opacity:0;transform:scale(4)}}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select{background-color:var(--color-bg);border:1px solid var(--color-neutral-2);border-radius:var(--border-radius);height:38px;box-shadow:none;box-sizing:border-box;padding:6px 10px}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid var(--color-primary-light);outline:0}label,legend{margin-bottom:.5rem;font-weight:600;display:block}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{cursor:pointer;margin-left:.5rem;font-weight:400;display:inline-block}.toggle{font-size:61%;position:relative;top:.2em;& input[type=checkbox]{appearance:none;box-sizing:content-box;cursor:pointer;background-color:var(--color-neutral-4);border:none;border-radius:1.5em;width:4.5em;height:2em;margin-bottom:0;padding:.2em;transition:background .3s;display:inline-block;position:relative;overflow:hidden}& input[type=checkbox]:before{content:"on off";z-index:2;text-transform:uppercase;text-indent:-2em;word-spacing:2.55em;text-shadow:-1px -1px #00000026;white-space:nowrap;background:var(--color-font-light);width:2em;height:2em;color:var(--color-font-light);border-radius:1.5em;font-family:system-ui;font-size:1em;font-weight:500;line-height:2em;transition:transform .3s cubic-bezier(.3,1.5,.7,1);display:block;position:absolute}& input[type=checkbox]:checked{background-color:var(--color-primary-light)}& input[type=checkbox]:checked:before{transform:translate(2.5em)}}.accordion-tab{border:1px solid var(--color-neutral-2);border-radius:var(--border-radius);margin-bottom:.5rem;& input{display:none}& label{cursor:pointer;justify-content:space-between;margin-bottom:0;padding:5px 5px 5px 10px;display:flex}&.accordion-tab\:close{border:none;margin-top:12px}&.accordion-tab\:close label{padding:0 0 0 10px;font-size:75%}&:not(.accordion-tab\:close) label:after{content:"❯";color:var(--color-neutral-5);text-align:center;width:1em;height:1em}&:not(.accordion-tab\:close) input:checked+label:after{transform:rotate(90deg)}}.accordion-content{max-height:0;padding:0 5px 0 10px;transition:max-height .65s;overflow:hidden;& p{margin-bottom:10px}& p:first-child{margin-top:15px}}.accordion-tab input:checked~.accordion-content{max-height:500rem}ul{list-style:inside circle}ol{list-style:inside decimal}ol,ul{margin-top:0;padding-left:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem}li{margin-bottom:1rem}code{white-space:nowrap;background:var(--color-neutral-1);border:1px solid var(--color-neutral-2);border-radius:var(--border-radius);margin:0 2px;padding:2px 5px;font-size:90%}pre>code{white-space:pre;padding:10px 15px;display:block}th,td{text-align:left;border-bottom:1px solid var(--color-neutral-2);padding:12px 15px}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}.tooltip{cursor:help;border-bottom:1px dotted var(--color-neutral-5);position:relative}.tooltip:before,.tooltip:after{opacity:0;z-index:-100;position:absolute;left:50%}.tooltip:hover:before,.tooltip:focus:before,.tooltip:hover:after,.tooltip:focus:after{opacity:1;z-index:100;transform:scale(1)translateY(0)}.tooltip:before{content:"";border-style:solid;border-width:1em .75em 0;border-color:var(--color-neutral-6)transparent transparent transparent;margin-left:-.5em;transition:all .65s cubic-bezier(.84,-.18,.31,1.26),opacity .65s .5s;bottom:100%;transform:scale(.6)translateY(-90%)}.tooltip:hover:before,.tooltip:focus:before{transition:all .65s cubic-bezier(.84,-.18,.31,1.26) .2s}.tooltip:after{background:var(--color-neutral-6);border-radius:var(--border-radius);color:var(--color-font-light);content:attr(data-tip);width:16em;margin-left:-8.75em;padding:1em;font-size:.9em;transition:all .65s cubic-bezier(.84,-.18,.31,1.26) .2s;bottom:180%;transform:scale(.6)translateY(50%)}.tooltip:hover:after,.tooltip:focus:after{transition:all .65s cubic-bezier(.84,-.18,.31,1.26)}.tooltip.tooltip\:sm:after{width:10em;margin-left:-5em;font-size:.75em}@media (width<=768px){.tooltip:after{width:10em;margin-left:-5em;font-size:.75em}}button:not(.hljs-copy-button),.btn{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}hr{border-width:0;border-top:1px solid var(--color-neutral-2);margin-top:30px;margin-bottom:35px}#back-to-top{background-color:var(--color-primary-light);text-align:center;border-radius:var(--border-radius);opacity:0;visibility:hidden;z-index:1000;width:50px;height:50px;transition:background-color .3s,opacity .5s,visibility .5s;display:inline-block;position:fixed;bottom:30px;right:30px;&:after{content:"❯";color:var(--color-bg);font-size:32px;font-style:normal;font-weight:400;line-height:50px;display:inline-block;transform:rotate(270deg)}&:hover,&:active{cursor:pointer;background-color:var(--color-primary)}&.back-to-top\:show{opacity:1;visibility:visible}}.u-full{box-sizing:border-box;width:100%}.u-max{box-sizing:border-box;max-width:100%}.u-m0{margin:0}.u-mt0{margin-top:0}.u-mb0{margin-bottom:0}.u-ml0{margin-left:0}.u-mr0{margin-right:0}.u-p0{padding:0}.u-pt0{padding-top:0}.u-pb0{padding-bottom:0}.u-pl0{padding-left:0}.u-pr0{padding-right:0}@media (width>=640px){.sm-hide{display:none!important}}@media (width<=639px){.sm-show{display:none!important}}@media (width>=768px){.md-hide{display:none!important}}@media (width<=767px){.md-show{display:none!important}}@media (width>=1024px){.lg-hide{display:none!important}}@media (width<=1023px){.lg-show{display:none!important}}@media (width>=1280px){.xl-hide{display:none!important}}@media (width<=1279px){.xl-show{display:none!important}}@media (width>=1536px){.xxl-hide{display:none!important}}@media (width<=1535px){.xxl-show{display:none!important}}
|
package/dist/wisp.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fraziersoft/wisp",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "Simple CSS boilerplate",
|
|
5
5
|
"homepage": "https://wisp.frazier.software",
|
|
6
6
|
"repository": {
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"changelogen": "^0.5.7",
|
|
27
27
|
"http-server": "^14.1.1",
|
|
28
|
+
"lightningcss-cli": "^1.30.1",
|
|
28
29
|
"minify": "^12.0.0",
|
|
29
30
|
"rimraf": "^6.0.1"
|
|
30
31
|
},
|