Skip to content

Instantly share code, notes, and snippets.

@Gillinghammer
Created April 18, 2020 21:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Gillinghammer/bcecd78f57c33d7f874d67120f12f848 to your computer and use it in GitHub Desktop.
Save Gillinghammer/bcecd78f57c33d7f874d67120f12f848 to your computer and use it in GitHub Desktop.
.text-container,.text-container *{word-wrap:break-word}.btn,.input-text:focus{outline:0}body{font-family:"helvetica neue",helvetica,arial,sans-serif;padding:0;margin:0}h1,h2,h3,h4,h5,h6{font-weight:500;margin:0;padding:.5em 0}hr{border:.05em solid #ddd}.round,.text-container{border-radius:5px}p{display:inline-block;clear:both;margin:.2em 0}.container{max-width:100%;min-width:300px;padding:1em 0;margin:1em auto}.text-container{display:block;padding:2em 1em;background-color:#f8f8f8;width:98%;max-width:98%;margin:0 auto;overflow:scroll}.nav,.nav *,.r-form,.stacked,.stacked-center{display:flex}.stacked{flex-direction:column}.stacked-center{flex-direction:column;align-items:center}.text-small{font-size:.9em}.text-medium{font-size:1.4em}.text-large{font-size:3em}.text-huge{font-size:4em}.text-light{font-weight:200}.text-bold{font-weight:800}.w-1{width:20%}.w-2{width:50%}.w-3{width:75%}.fixed-top,.w-max{width:100%}.m-1{margin:.5em!important}.mb-1,.mb-2{margin-bottom:1em!important}.mt-1{margin-top:.5em!important}.ml-1{margin-left:.5em!important}.mr-1{margin-right:.5em!important}.m-2{margin:1em!important}.mt-2{margin-top:1em!important}.ml-2{margin-left:1em!important}.mr-2{margin-right:1em!important}.m-3{margin:2em!important}.mt-3{margin-top:2em!important}.ml-3{margin-left:2em!important}.mr-3{margin-right:2em!important}.mb-3{margin-bottom:2em!important}.p-1{padding:.5em!important}.pt-1{padding-top:.5em!important}.pl-1{padding-left:.5em!important}.pr-1{padding-right:.5em!important}.p-2{padding:1em!important}.pt-2{padding-top:1em!important}.pl-2{padding-left:1em!important}.pr-2{padding-right:1em!important}.pb-2{padding-bottom:1em!important}.p-3{padding:2em!important}.pt-3{padding-top:2em!important}.pl-3{padding-left:2em!important}.pr-3{padding-right:2em!important}.pb-1{padding-bottom:2em!important}p.border{padding:0}:not(p.border){padding:2em}.circle{border-radius:50%}.center-children{display:flex;justify-content:center;clear:both}.center-text{text-align:center!important}.center{margin:0 auto}.nav{background-color:#eee;padding:1.2em;color:#666;align-items:center}.nav *{padding-right:.5em;padding-left:.5em;color:#666}.nav a{text-decoration:none}.nav a:hover{color:#222}.nav-brand{font-size:1.2em;font-weight:500;text-align:left}.sb{justify-content:space-between}.sa{justify-content:space-around}.nav-center{justify-content:center}.nav-end{justify-content:flex-end}.nav ul{list-style-type:none;margin:0}.fixed-top{position:fixed;top:0;right:2px!important}.sticky-top{position:sticky;top:0}.dark{background-color:#2d2d2d!important;color:#fafafa!important}.dark a{color:#ccc}.dark a:hover{color:#fff!important}.light{background-color:#eee;color:#666}.btn-1,.btn-2,.btn-3{color:#fff}.btn{padding:.5em;border:none;font-size:1em;border-radius:3px;cursor:pointer;font-weight:350;letter-spacing:1px;margin:5px .5em;box-shadow:0 1px 3px -2px #000}.btn:hover{filter:brightness(95%)}.btn-1{background-color:#009688}.btn-2{background-color:#07b57a}.btn-3{background-color:#00c4cc}.btn-4{color:#555;background-color:#f6f7f8;border:1px solid silver}.btn-5{color:#fff;background-color:#2a3439}.btn-6{color:#fff;background-color:#2196f3}.btn-success{color:#fff;background-color:#23d160}.btn-warning{color:#222;background-color:#ffdd57}.btn-danger{color:#fff;background-color:#ff3860}.btn-small{font-size:.9em}.btn-medium{font-size:1.1em}.btn-large{font-size:2em}.r-form{margin:1em auto;border:1px solid #ddd;border-radius:3px;padding:2em;width:400px;flex-direction:column;flex-wrap:wrap;box-shadow:0 0 15px -2px #eee}.r-form label{display:block;font-weight:700;font-size:.9em;color:#666}.r-form button{width:30%}.r-form textarea{height:100px;max-height:200px;max-width:98%}.input-text{font-size:1em;border:.05em solid #ddd;color:#333;border-radius:3px;margin-bottom:1em;margin-top:.3em;width:96%;padding:.5em}.input-checkbox{padding:1em}.tab{padding:2em 0;border-spacing:0}.tab th{color:#444;font-weight:400;border:1px solid #ddd;padding:1em;background-color:#eee}.tab td{color:#666;padding:1em;border:.05em solid #ddd}.border,.border-1,.border-2,.border-3{padding:2em 0}.c-green{color:#07b57a!important}.c-red{color:#ff3860!important}.c-blue{color:#2196f3!important}.c-white{color:#fff!important}.c-black{color:#222!important}.c-yellow{color:#ffdd57!important}.bg-green{background-color:#07b57a!important}.bg-red{background-color:#ff3860!important}.bg-blue{background-color:#2196f3!important}.bg-white{background-color:#fff!important}.bg-black{background-color:#222!important}.bg-yellow{background-color:#ffdd57!important}.shadow{box-shadow:0 0 4px 1px #ddd}.shadow-1{box-shadow:0 0 10px 3px #ddd}.shadow-2{box-shadow:0 0 27px 6px #ddd}.shadow-3{box-shadow:0 0 40px 10px #ddd}.border{border:1px solid #ddd;border-radius:3px}.border-1{border:3px solid #ddd;border-radius:3px}.border-2{border:6px solid #ddd;border-radius:3px}.border-3{border:10px solid #ddd;border-radius:3px}.rounded{border-radius:5px}.rounded-1{border-radius:10px}.rounded-2{border-radius:20px}.rounded-3{border-radius:100px}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment