+basic and bonsai - resolves #29

README.md

@@ -63,6 +63,8 @@ If you know of a minimal framework that hasn't been included here, please create
 * [bahunya](https://github.com/Kimeiga/bahunya) by @Kimeiga ([Preview](https://dohliam.github.io/dropin-minimal-css/?bahunya) · [MIT](https://github.com/Kimeiga/bahunya/blob/master/LICENSE))
 * [bare](https://github.com/longsien/BareCSS) by @longsien ([Preview](https://dohliam.github.io/dropin-minimal-css/?bare) · [MIT](https://github.com/longsien/BareCSS/blob/master/LICENSE))
 * [base](https://github.com/matthewhartman/base) by @matthewhartman ([Preview](https://dohliam.github.io/dropin-minimal-css/?base) · [MIT](https://github.com/matthewhartman/base#license))
+* [basic](https://github.com/vladocar/Basic.css) by @vladocar ([Preview](https://dohliam.github.io/dropin-minimal-css/?basic) · [MIT](https://github.com/vladocar/Basic.css/blob/master/LICENSE))
+* [bonsai](https://github.com/bonsaicss/bonsai.css) by @ciar4n ([Preview](https://dohliam.github.io/dropin-minimal-css/?bonsai) · [MIT](https://github.com/bonsaicss/bonsai.css/blob/master/LICENSE.md))
 * [bullframe](https://github.com/marcop135/bullframe.css) by @marcop135 ([Preview](https://dohliam.github.io/dropin-minimal-css/?bullframe) · [MIT](https://github.com/marcop135/bullframe.css/blob/master/LICENSE.md))
 * [bulma](https://github.com/jgthms/bulma) by @jgthms ([Preview](https://dohliam.github.io/dropin-minimal-css/?bulma) · [MIT](https://github.com/jgthms/bulma/blob/master/LICENSE))
 * [caiuss](https://github.com/IonicaBizau/CaiuSS) by @IonicaBizau ([Preview](https://dohliam.github.io/dropin-minimal-css/?caiuss) · [MIT](https://github.com/IonicaBizau/CaiuSS/blob/master/LICENSE))

min/basic.min.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}:root{--sans:1em/1.6 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Fira Sans,sans-serif;--mono:'Courier New',Courier,'Ubuntu Mono','Liberation Mono',monospace;--c1:#0074d9;--c2:#eee;--c3:#fff;--c4:#000;--c5:#fff;--m1:8px;--rc:8px}@media(prefers-color-scheme:dark){:root{--c2:#333;--c3:#1e1f20;--c4:#fff}}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font:var(--sans);font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background-color:var(--c3);color:var(--c4)}img,iframe{border:0;max-width:100%}a{color:var(--c1);text-decoration:none}a:hover{color:var(--c1);text-decoration:underline}pre{font:1em/1.6 var(--mono);background:var(--c2);padding:1em;overflow:auto}code{font:1em/1.6 var(--mono)}blockquote{border-left:5px solid var(--c2);padding:1em 1.5em;margin:0}hr{border:0;border-bottom:1px solid var(--c4)}h1,h2,h3,h4,h5,h6{margin:.6em 0;font-weight:normal}h1{font-size:2.625em;line-height:1.2}h2{font-size:1.625em;line-height:1.2}h3{font-size:1.3125em;line-height:1.24}h4{font-size:1.1875em;line-height:1.23}h5,h6{font-size:1em;font-weight:bold}table{border-collapse:collapse;border-spacing:0;margin:1em 0}th,td{text-align:left;vertical-align:top;border:1px solid;padding:.4em}thead,tfoot{background:var(--c2)}pre,code,input,select,textarea,button,img{border-radius:var(--rc)}input,select,textarea{font-size:1em;color:var(--c4);background:var(--c2);border:0;padding:.6em}button,input[type=submit],input[type=reset],input[type="button"]{-webkit-appearance:none;font-size:1em;display:inline-block;color:var(--c5);background:var(--c1);border:0;margin:4px;padding:.6em;cursor:pointer;text-align:center}button:hover,button:focus,input:hover,textarea:hover,select:hover{opacity:.8}section{display:flex;flex-flow:row wrap}[style*="--c:"],section>section,aside,article{flex:var(--c,1);margin:var(--m1)}article{background:var(--c2);border-radius:var(--rc);padding:1em;box-shadow:0 1px 0 rgba(0,0,0,0.3)}[style*="--c:"]:first-child,section>section:first-child,article:first-child{margin-left:0}

scripts/frameworks.yml

@@ -32,6 +32,20 @@ frameworks:
     repo: https://github.com/matthewhartman/base
     url: https://unpkg.com/@getbase/base/index.css
     min_only: true
+  basic:
+    author: vladocar
+    author_name: Vladimir Carrer
+    license: MIT
+    license_url: https://github.com/vladocar/Basic.css/blob/master/LICENSE
+    repo: https://github.com/vladocar/Basic.css
+    url: https://github.com/vladocar/Basic.css/blob/master/css/basic.css
+  bonsai:
+    author: ciar4n
+    author_name: Ciaran Walsh
+    license: MIT
+    license_url: https://github.com/bonsaicss/bonsai.css/blob/master/LICENSE.md
+    repo: https://github.com/bonsaicss/bonsai.css
+    url: https://github.com/bonsaicss/bonsai.css/blob/master/dist/bonsai.css
   bullframe:
     author: marcop135
     author_name: Marco Pontili
@@ -318,6 +332,7 @@ frameworks:
     license_url: http://cjpatoilo.mit-license.org/
     repo: https://github.com/milligram/milligram
     url: https://github.com/milligram/milligram/blob/master/dist/milligram.css
+    skip: true
   min:
     author: owenversteeg
     author_name: Owen Versteeg

src/basic.css

@@ -0,0 +1,102 @@
+/* Basic.css  */
+
+* {box-sizing: border-box}
+
+:root{
+--sans:1em/1.6 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif;
+--mono:'Courier New', Courier, 'Ubuntu Mono', 'Liberation Mono', monospace;
+--c1:#0074d9;
+--c2:#eee;
+--c3:#fff;
+--c4:#000;
+--c5:#fff;
+--m1: 8px;
+--rc: 8px;
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {  
+    --c2:#333;
+    --c3:#1e1f20;
+    --c4:#fff;
+	}
+}
+
+html {
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+
+}
+
+/* General settings */
+
+body {
+    margin: 0;
+    font: var(--sans);
+    font-weight: 400;
+    font-style: normal;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    background-color: var(--c3);
+    color: var(--c4);
+}
+img, iframe {border: none; max-width: 100%}
+
+a {color: var(--c1);  text-decoration:none}
+
+a:hover {color: var(--c1); text-decoration: underline}
+
+pre {font: 1em/1.6 var(--mono); background: var(--c2); padding: 1em; overflow: auto}
+
+code {font: 1em/1.6 var(--mono);}
+
+blockquote {border-left: 5px solid var(--c2); padding: 1em 1.5em; margin: 0}
+
+hr {border:0; border-bottom: 1px solid var(--c4)}
+
+ /* Headlines */
+
+h1,h2,h3,h4,h5,h6 {margin: 0.6em 0; font-weight: normal}
+
+h1 {font-size: 2.625em; line-height: 1.2}
+
+h2 {font-size: 1.625em; line-height: 1.2}
+
+h3 {font-size: 1.3125em; line-height: 1.24}
+
+h4 {font-size: 1.1875em; line-height: 1.23}
+
+h5,h6 {font-size: 1em; font-weight:bold}
+
+/* Table */
+
+table {border-collapse: collapse; border-spacing: 0; margin:1em 0}
+
+th, td {text-align: left; vertical-align: top; border: 1px solid; padding: 0.4em}
+
+thead,tfoot {background: var(--c2)}
+
+/* Rounded Corners*/
+
+pre,code,input,select,textarea,button,img {border-radius: var(--rc)}
+
+
+/* Forms */
+
+input, select, textarea {font-size: 1em; color:var(--c4); background: var(--c2); border: 0; padding: 0.6em}
+ 
+button, input[type=submit], input[type=reset], input[type="button"] { -webkit-appearance: none; font-size: 1em; display: inline-block; color: var(--c5); background: var(--c1);  border: 0; margin: 4px;  padding: 0.6em; cursor: pointer; text-align: center}
+
+button:hover, button:focus, input:hover, textarea:hover, select:hover {opacity: 0.8}
+
+/* Infinite Grid */
+
+section {display: flex; flex-flow: row wrap}
+
+[style*="--c:"], section>section, aside, article {flex:var(--c,1); margin:var(--m1)}
+
+/* Cards */
+
+article {background: var(--c2); border-radius: var(--rc); padding: 1em; box-shadow: 0px 1px 0px rgba(0,0,0,0.3)}
+
+[style*="--c:"]:first-child, section>section:first-child, article:first-child {margin-left:0}

switcher.js

@@ -1,4 +1,4 @@
-var frameworks = "a11yana,bahunya,bare,base,bullframe,bulma,caiuss,caramel,cardinal,centurion,chota,cirrus,clmaterial,codify,comet,concise,concrete,cutestrap,flat-ui,fluidity,furtive,generic,github-markdown,gutenberg,hack,hello,hiq,holiday,html-starterkit,hyp,kathamo,koochak,kraken,kube,latex,lemon,lit,lotus,markdown,marx,material,materialize,mercury,milligram,min,mini,minimal,minimal-stylesheet,mobi,motherplate,mu,mui,mvp,new,no-class,normalize,oh-my-css,paper,papier,pavilion,picnic,preface,primer,propeller,pure,roble,sakura,sanitize,scooter,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spectre,style,stylize,tachyons,tacit,tent,thao,vanilla,vital,water,wing,writ,yamb,yorha,ads-gazette,ads-medium,ads-notebook,ads-tufte,awsm-default,awsm-black,awsm-bigstone,awsm-gondola,awsm-mischka,awsm-pastelpink,awsm-pearllusta,awsm-tasman,awsm-white,boot-cerulean,boot-cosmo,boot-cyborg,boot-darkly,boot-flatly,boot-journal,boot-lumen,boot-paper,boot-readable,boot-sandstone,boot-slate,boot-spacelab,boot-superhero,boot-yeti,md-air,md-modest,md-retro,md-splendor,w3c-chocolate,w3c-midnight,w3c-modernist,w3c-oldstyle,w3c-steely,w3c-swiss,w3c-traditional,w3c-ultramarine";
+var frameworks = "a11yana,bahunya,bare,base,basic,bonsai,bullframe,bulma,caiuss,caramel,cardinal,centurion,chota,cirrus,clmaterial,codify,comet,concise,concrete,cutestrap,flat-ui,fluidity,furtive,generic,github-markdown,gutenberg,hack,hello,hiq,holiday,html-starterkit,hyp,kathamo,koochak,kraken,kube,latex,lemon,lit,lotus,markdown,marx,material,materialize,mercury,milligram,min,mini,minimal,minimal-stylesheet,mobi,motherplate,mu,mui,mvp,new,no-class,normalize,oh-my-css,paper,papier,pavilion,picnic,preface,primer,propeller,pure,roble,sakura,sanitize,scooter,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spectre,style,stylize,tachyons,tacit,tent,thao,vanilla,vital,water,wing,writ,yamb,yorha,ads-gazette,ads-medium,ads-notebook,ads-tufte,awsm-default,awsm-black,awsm-bigstone,awsm-gondola,awsm-mischka,awsm-pastelpink,awsm-pearllusta,awsm-tasman,awsm-white,boot-cerulean,boot-cosmo,boot-cyborg,boot-darkly,boot-flatly,boot-journal,boot-lumen,boot-paper,boot-readable,boot-sandstone,boot-slate,boot-spacelab,boot-superhero,boot-yeti,md-air,md-modest,md-retro,md-splendor,w3c-chocolate,w3c-midnight,w3c-modernist,w3c-oldstyle,w3c-steely,w3c-swiss,w3c-traditional,w3c-ultramarine";
 
 add_switcher();