-
-
Save mmynsted/1f7965711e1f8e3fbc13b7b36663128b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset "UTF-8"; | |
/* _defaults.scss | |
* Defaults mostly based on the safari defaults. | |
* https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css | |
*/ | |
body { | |
margin: 8px; | |
} | |
/* end _defaults.scss | |
*/ | |
/* _lit.scss | |
*/ | |
/* | |
* This is based on Lit v0.1 | |
* -- Minor modifications by Mark Mynsted | |
* | |
* Lit v0.1 | |
* Primary Color set to: #FA0 | |
* Font set to: Nunito | |
*/ | |
:root { | |
--font: nunito; | |
--primary-color: #fa0; | |
--light: #eee; | |
font-family: Nunito; | |
} | |
* { | |
box-sizing: border-box; | |
} | |
* + * { | |
margin: 0.5em 0; | |
} | |
pre { | |
overflow: auto; | |
} | |
@media (min-width: 35em) { | |
.col { | |
display: table-cell; | |
} | |
.\31 { | |
width: 5%; | |
} | |
.\33 { | |
width: 22%; | |
} | |
.\34 { | |
width: 30%; | |
} | |
.\35 { | |
width: 40%; | |
} | |
.\32 { | |
width: 15%; | |
} | |
.\36 { | |
width: 50%; | |
} | |
.row { | |
display: table; | |
border-spacing: 1em 0; | |
} | |
} | |
.w-100, | |
.row { | |
width: 100%; | |
} | |
.card:focus, | |
hr { | |
outline: 0; | |
border: solid var(--primary-color); | |
} | |
.card, | |
pre { | |
padding: 1em; | |
border: solid var(--light); | |
} | |
a:hover, | |
.btn:hover { | |
opacity: 0.6; | |
} | |
.c { | |
max-width: 60em; | |
padding: 1em; | |
margin: auto; | |
font: 1em/1.6 var(--font); | |
} | |
h6 { | |
font: 100 1em var(--font); | |
} | |
h5 { | |
font: 100 1.2em var(--font); | |
} | |
h3 { | |
font: 100 2em var(--font); | |
} | |
h4 { | |
font: 100 1.5em var(--font); | |
} | |
h2 { | |
font: 100 2.2em var(--font); | |
} | |
h1 { | |
font: 100 2.5em var(--font); | |
} | |
a { | |
color: var(--primary-color); | |
text-decoration: none; | |
} | |
.btn.primary { | |
color: white; | |
background: var(--primary-color); | |
border: solid var(--primary-color); | |
} | |
/* add bottom border on column table headings */ | |
table tr > th[scope=col] { | |
border-bottom: 1.36px solid; | |
} | |
/* add right border on row table headings */ | |
table tr > th[scope=row] { | |
border-right: 1.36px solid; | |
} | |
table > tbody > tr:first-child > td, | |
table > tbody > tr:first-child > th { | |
border-top: 1.36px solid; | |
} | |
td, | |
th { | |
padding: 0.3rem 0.5rem 0.3rem 0.5rem; | |
text-align: left; | |
font-size: 0.8rem; | |
} | |
th:first-child, | |
td:first-child { | |
padding-left: 0; | |
} | |
th:last-child, | |
td:last-child { | |
padding-right: 0; | |
} | |
.btn { | |
padding: 1em; | |
text-transform: uppercase; | |
background: white; | |
border: solid; | |
font: 0.7em var(--font); | |
} | |
/* end _lit.scss | |
*/ | |
/* _blockquote-extras.scss | |
* Mark Mynsted 2023 Feb | |
*/ | |
blockquote { | |
-moz-border-radius: 6px; | |
-webkit-border-radius: 6px; | |
border: solid 1px #667C89; | |
border-radius: 6px; | |
background-color: #EAEDEF; | |
line-height: 1.5; | |
overflow: hidden; | |
padding: 12px; | |
font-weight: normal; | |
font: message-box; | |
} | |
blockquote:before { | |
content: "“"; | |
color: #667C89; | |
font-weight: bold; | |
padding-right: 1em; | |
} | |
blockquote.is-info { | |
-moz-border-radius: 6px; | |
-webkit-border-radius: 6px; | |
border: solid 1px #78B3F0; | |
border-radius: 6px; | |
background-color: #E5F2FC; | |
line-height: 1.5; | |
overflow: hidden; | |
padding: 12px; | |
font-weight: normal; | |
font: message-box; | |
} | |
blockquote.is-info:before { | |
content: "Info"; | |
color: #78B3F0; | |
font-weight: bold; | |
padding-right: 1em; | |
} | |
blockquote { | |
-moz-border-radius: 6px; | |
-webkit-border-radius: 6px; | |
border: solid 1px #667C89; | |
border-radius: 6px; | |
background-color: #EAEDEF; | |
line-height: 1.5; | |
overflow: hidden; | |
padding: 12px; | |
font-weight: normal; | |
font: message-box; | |
} | |
blockquote:before { | |
content: "“"; | |
color: #667C89; | |
font-weight: bold; | |
padding-right: 1em; | |
} | |
blockquote.is-success { | |
-moz-border-radius: 6px; | |
-webkit-border-radius: 6px; | |
border: solid 1px #91C58A; | |
border-radius: 6px; | |
background-color: #EAF4EA; | |
line-height: 1.5; | |
overflow: hidden; | |
padding: 12px; | |
font-weight: normal; | |
font: message-box; | |
} | |
blockquote.is-success:before { | |
content: "Success"; | |
color: #91C58A; | |
font-weight: bold; | |
padding-right: 1em; | |
} | |
blockquote { | |
-moz-border-radius: 6px; | |
-webkit-border-radius: 6px; | |
border: solid 1px #667C89; | |
border-radius: 6px; | |
background-color: #EAEDEF; | |
line-height: 1.5; | |
overflow: hidden; | |
padding: 12px; | |
font-weight: normal; | |
font: message-box; | |
} | |
blockquote:before { | |
content: "“"; | |
color: #667C89; | |
font-weight: bold; | |
padding-right: 1em; | |
} | |
blockquote.is-warning { | |
-moz-border-radius: 6px; | |
-webkit-border-radius: 6px; | |
border: solid 1px #F4BA61; | |
border-radius: 6px; | |
background-color: #FDF3E2; | |
line-height: 1.5; | |
overflow: hidden; | |
padding: 12px; | |
font-weight: normal; | |
font: message-box; | |
} | |
blockquote.is-warning:before { | |
content: "Warning"; | |
color: #F4BA61; | |
font-weight: bold; | |
padding-right: 1em; | |
} | |
blockquote { | |
-moz-border-radius: 6px; | |
-webkit-border-radius: 6px; | |
border: solid 1px #667C89; | |
border-radius: 6px; | |
background-color: #EAEDEF; | |
line-height: 1.5; | |
overflow: hidden; | |
padding: 12px; | |
font-weight: normal; | |
font: message-box; | |
} | |
blockquote:before { | |
content: "“"; | |
color: #667C89; | |
font-weight: bold; | |
padding-right: 1em; | |
} | |
blockquote.is-danger { | |
-moz-border-radius: 6px; | |
-webkit-border-radius: 6px; | |
border: solid 1px #D77976; | |
border-radius: 6px; | |
background-color: #FCECEE; | |
line-height: 1.5; | |
overflow: hidden; | |
padding: 12px; | |
font-weight: normal; | |
font: message-box; | |
} | |
blockquote.is-danger:before { | |
content: "Danger"; | |
color: #D77976; | |
font-weight: bold; | |
padding-right: 1em; | |
} | |
/* end _blockqoute-extras.scss | |
*/ | |
/* _generic-extras.scss | |
* Mark Mynsted 2023 Feb | |
*/ | |
figure { | |
text-align: center; | |
font-style: italic; | |
font-size: smaller; | |
text-indent: 0; | |
border: thin silver solid; | |
margin: 0.5em; | |
padding: 0.5em; | |
background-color: whitesmoke; | |
} | |
.wrap-box { | |
display: inline-block; | |
padding: 1em; | |
border: 1px solid gray; | |
background-color: whitesmoke; | |
border-radius: 25px; | |
} | |
/* end _generic-extras.scss | |
*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment