From cff173c7bfe342d19c5853ea6793f8605bfff5f6 Mon Sep 17 00:00:00 2001 From: TheLastZombie Date: Mon, 18 May 2020 15:43:56 +0200 Subject: [PATCH] Add Minimal stylesheet --- README.md | 26 ++++++++++++++------------ switcher.js | 2 +- vendor/minimal-stylesheet.min.css | 1 + 3 files changed, 16 insertions(+), 13 deletions(-) create mode 100644 vendor/minimal-stylesheet.min.css diff --git a/README.md b/README.md index 32b4c1b..02cfaf7 100644 --- a/README.md +++ b/README.md @@ -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)) diff --git a/switcher.js b/switcher.js index 2bfdb21..d482957 100644 --- a/switcher.js +++ b/switcher.js @@ -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(); diff --git a/vendor/minimal-stylesheet.min.css b/vendor/minimal-stylesheet.min.css new file mode 100644 index 0000000..64fa541 --- /dev/null +++ b/vendor/minimal-stylesheet.min.css @@ -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}