Add Minimal stylesheet

pull/11/head
TheLastZombie 4 years ago
parent bae41e7d72
commit cff173c7bf

@ -4,17 +4,18 @@ This is a quick drop-in CSS switcher to allow for previewing some of the many mi
This project only includes _minimal_ frameworks, in other words, boilerplate / classless frameworks that require no adjustment of the corresponding HTML and can be simply dropped into the project to provide a starting point for further design. No additional javascript, compiling, pre-processors, or fiddling with classes should be required for these to look good and be responsive.
* [1 Usage](#usage)
* [1.1 Keyboard shortcut](#keyboard-shortcut)
* [1.2 Bookmarklet](#bookmarklet)
* [1.3 API](#api)
* [2 Frameworks](#frameworks)
* [2.1 Adding frameworks](#adding-frameworks)
* [2.2 List of frameworks](#list-of-frameworks)
* [2.3 Theme collections](#theme-collections)
* [3 See also](#see-also)
* [4 Acknowledgements](#acknowledgements)
* [5 License](#license)
- [Drop-in switcher for previewing minimal CSS frameworks](#drop-in-switcher-for-previewing-minimal-css-frameworks)
- [Usage](#usage)
- [Keyboard shortcut](#keyboard-shortcut)
- [Bookmarklet](#bookmarklet)
- [API](#api)
- [Frameworks](#frameworks)
- [Adding frameworks](#adding-frameworks)
- [List of frameworks](#list-of-frameworks)
- [Theme collections](#theme-collections)
- [See also](#see-also)
- [Acknowledgements](#acknowledgements)
- [License](#license)
## Usage
@ -95,7 +96,8 @@ If you know of a minimal framework that hasn't been included here, please create
* [milligram](https://dohliam.github.io/dropin-minimal-css/?milligram) by @cjpatoilo ([Source](https://github.com/milligram/milligram) · [MIT](http://cjpatoilo.mit-license.org/))
* [min](https://dohliam.github.io/dropin-minimal-css/?min) by @owenversteeg ([Source](https://github.com/owenversteeg/min) · [MIT](https://github.com/owenversteeg/min#license))
* [mini](https://dohliam.github.io/dropin-minimal-css/?mini) by @Chalarangelo ([Source](https://github.com/Chalarangelo/mini.css) · [MIT](https://github.com/Chalarangelo/mini.css/blob/master/LICENSE))
* [mobi](https://dohliam.github.io/dropin-minimal-css/?mobi) by @xcatliu ([Source](https://github.com/mobi-css/mobi.css) · [MIT](https://github.com/mobi-css/mobi.css/blob/master/LICENSE)
* [minimal-stylesheet](https://dohliam.github.io/dropin-minimal-css/?minimal-stylesheet) by @chr15m ([Source](https://github.com/chr15m/minimal-stylesheet))
* [mobi](https://dohliam.github.io/dropin-minimal-css/?mobi) by @xcatliu ([Source](https://github.com/mobi-css/mobi.css) · [MIT](https://github.com/mobi-css/mobi.css/blob/master/LICENSE))
* [motherplate](https://dohliam.github.io/dropin-minimal-css/?motherplate) by @leemunroe ([Source](https://github.com/leemunroe/motherplate) · [MIT](https://github.com/leemunroe/motherplate/blob/master/LICENSE))
* [mu](https://dohliam.github.io/dropin-minimal-css/?mu) by @BafS ([Source](https://github.com/BafS/mu) · [MIT](https://github.com/BafS/mu/blob/gh-pages/LICENSE))
* [mui](https://dohliam.github.io/dropin-minimal-css/?mui) by @amorey ([Source](https://github.com/muicss/mui) · [MIT](https://github.com/muicss/mui/blob/master/LICENSE.txt))

@ -1,4 +1,4 @@
var frameworks = "a11yana,air,awsm,bahunya,bare,base,bullframe,bulma,caiuss,caramel,cardinal,chota,clmaterial,comet,concise,concrete,flat-ui,fluidity,furtive,generic,github-markdown,hack,holiday,html-starterkit,hyp,kathamo,koochak,kraken,kube,latex,lemon,lit,lotus,markdown,marx,materialize,mercury,milligram,min,mini,mobi,modest,motherplate,mu,mui,mvp,no-class,normalize,oh-my-css,paper,papier,pavilion,picnic,preface,primer,pure,retro,sakura,sanitize-10up,sanitize-zdroid,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spectre,splendor,style,stylize,tachyons,tacit,tent,thao,vanilla,vital,water,wing,writ,yorha,ads-gazette,ads-medium,ads-notebook,ads-tufte,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";
var frameworks = "a11yana,air,awsm,bahunya,bare,base,bullframe,bulma,caiuss,caramel,cardinal,chota,clmaterial,comet,concise,concrete,flat-ui,fluidity,furtive,generic,github-markdown,hack,holiday,html-starterkit,hyp,kathamo,koochak,kraken,kube,latex,lemon,lit,lotus,markdown,marx,materialize,mercury,milligram,min,mini,minimal-stylesheet,mobi,modest,motherplate,mu,mui,mvp,no-class,normalize,oh-my-css,paper,papier,pavilion,picnic,preface,primer,pure,retro,sakura,sanitize-10up,sanitize-zdroid,semantic-ui,shoelace,siimple,simple,skeleton,skeleton-framework,skeleton-plus,snack,spectre,splendor,style,stylize,tachyons,tacit,tent,thao,vanilla,vital,water,wing,writ,yorha,ads-gazette,ads-medium,ads-notebook,ads-tufte,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";
add_switcher();

@ -0,0 +1 @@
*{box-sizing:border-box}body{color:#555;margin:0 auto;max-width:50em;font-family:"Helvetica","Arial",sans-serif;line-height:1.5;padding:2em 1em}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}h2,h3{margin-top:1.5em}h1,h2,strong{color:#333}code,pre{background:#eee}code{padding:2px 4px;vertical-align:text-bottom}pre{border-left:2px solid #bbb;padding:1em}a{color:#f56a6a}blockquote,q{border-left:solid 4px #bbb;font-style:italic;margin:0 0 2em;padding:.5em 0 .5em 2em}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}input,input[type="submit"],input[type="reset"],input[type="button"],button,.button,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],select,textarea{border-radius:.375em;background-color:transparent;border:0;cursor:pointer;display:inline-block;min-height:3.5em;line-height:3.5em;padding:0 2.25em;text-decoration:none;margin:.25em;font-size:.8em}input[type="submit"],input[type="reset"],input[type="button"],button,.button{box-shadow:inset 0 0 0 2px #f56a6a;color:#f56a6a;font-weight:700;letter-spacing:.075em;text-transform:uppercase;text-align:center;font-size:.8em}:disabled{opacity:.5}::placeholder{color:#bbb!important;opacity:1}input,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],select,textarea{background-color:#eee;color:#555;outline:none;padding:0 .75em;font-weight:700}textarea{font-size:1.2em;line-height:1.2em;padding-top:1em;padding-bottom:1em}.primary{background-color:#f56a6a;color:#fff;box-shadow:none}input[type="checkbox"],input[type="radio"]{cursor:pointer;display:block;float:left;margin:-2em;width:1em;appearance:none;opacity:0;z-index:-1}input[type="checkbox"] + label::before,input[type="radio"] + label::before{background-color:#f56a6a;color:#f56a6a;cursor:pointer;border-radius:.25em;content:'_';display:inline-block;height:1.5em;line-height:1.58125em;text-align:center;width:1.5em;margin-right:.5em;font-weight:700;font-size:1.5em;outline:0;margin-top:.25em}input[type="radio"] + label::before{border-radius:100%}input[type="checkbox"] + label,input[type="radio"] + label{cursor:pointer;margin-right:1em;white-space:nowrap}input[type="checkbox"]:checked + label::before,input[type="radio"]:checked + label::before{color:#fff;content:'\2714'}select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23bbbbbb' /%3E%3C/svg%3E");-webkit-appearance:none;appearance:none;background-size:1.25rem;background-repeat:no-repeat;background-position:calc(100% - 1rem) center;height:3rem;padding-right:3rem;text-overflow:ellipsis;outline:0}select::-ms-expand{display:none}.fit,.full{width:calc(100% - 0.5em)}.half{width:calc(50% - 0.7em)}.mid{text-align:center}.double{font-size:1em}.icon{width:3.5em;padding:0}.icon > *{font-size:2em;line-height:1em;vertical-align:middle}
Loading…
Cancel
Save