diff options
Diffstat (limited to 'design/sass/_global.scss')
-rw-r--r-- | design/sass/_global.scss | 205 |
1 files changed, 0 insertions, 205 deletions
diff --git a/design/sass/_global.scss b/design/sass/_global.scss deleted file mode 100644 index c2c1cc0..0000000 --- a/design/sass/_global.scss +++ /dev/null @@ -1,205 +0,0 @@ -//font-size: 20px -//font-size: 1.25rem -//alpha = 720px -//beta = 960px -//gamma = 1170px -//delta = 1440px -// *************************** Basic element styles ***********************{{{ -body { - font-size: 20px; - font-size: 1.25rem; - font-family: $fancy_serif; - margin: 0 auto; - padding: 0; - color: #222; - text-align: left; - max-width: 96%; - line-height: 1.5; -} -@media screen and (min-width: 1170px) { - body { - font-size: 24px; - font-size: 1.5rem; - max-width: 100%; - } -} -// eliminate touch delay on mobile safari -a, button, input, select, textarea, label, summary { - touch-action: manipulation; -} -// links -a { - color: #222; - transition: all 0.1s ease; - text-decoration-color: $orange; -} -a:hover { - text-decoration: none; -} -a:visited { - color: #222; -} - -p { - text-align: left; -} -@media screen and (min-width: 1170px) { - p { - line-height: 1.6; - } -} -time { - display: block; -} -abbr { - cursor: help; -} -pre { - text-align: left; -} -object, embed, video, img { - max-width: 100%; - height: auto; -} -audio { - max-width: 100%; -} -blockquote { - font-size: 18px; - font-size: 1.125rem; - display: block; - border-top: 4px solid #e6e6e6; - border-bottom: 4px solid #e6e6e6; - margin: 3rem 0; - position: relative; - text-align: left; - font-style: italic; - cite { - display: block; - text-align: right; - } -} -hr { - border: 0; - margin: 3rem 0; - display: block; - content: ""; - height: 1px; - width: 100%; - background: -webkit-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); - background: -moz-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); - background: -o-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); - background: linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); -} -figure { - margin: 0; -} -figcaption { - font-family: mffnweb, Helvetica, sans-serif; - font-size: 16px; - font-size: 1rem; - text-align: left; - line-height: 1.9; - padding: .3rem .5rem .3rem 0; - color: #666; - border-bottom: 1px #e6e6e6 solid; - margin-bottom: 1rem; -} -figcaption a, figcaption a:visited { - color: #666; -} -h1 { - font-size: 48px; - font-size: 3rem; - font-weight: normal; - margin-bottom: 0; - line-height: 1; -} -h2 { - font-size: 28px; - font-size: 1.75rem; - font-weight: normal; -} -h3 { - font-size: 24px; - font-size: 1.5rem; - font-weight: normal; -} -h4 { - font-size: 22px; - font-size: 1.375rem; -} -h5 { - font-size: 16px; - font-size: 1rem; -} -dd { - display: inline; - margin: 0; -} -dd:after{ - display: block; - content: ''; -} -dt{ - display: inline-block; -} -dt:after { - content: ":"; -} -//************** Global layout ************************ -.content { - margin-left: auto; - margin-right: auto; - max-width: 96%; - -} -@media screen and (min-width: 1170px) { - .content { - max-width: 100%; - } -} -@media screen and (min-width: 1440px) { - .content { - max-width: 1440px; - } -} -//************** Universals ************************ -.hide { - display: none; -} -.alert { - color: red !important; -} -.small { - font-size: 85%; -} -.buy-btn { - font-family: mffnweb, Helvetica, sans-serif; - display: block; - padding: .5rem 1rem; - background: #249bd6; - color: white; - text-transform: uppercase; - font-size: 16px; - font-size: 1rem; - text-decoration: none; - margin-right: 1rem; -} -.buy-btn-wrapper { - display: flex; - justify-content: start; - align-items: center; - align-content: space-between; -} -.buy-btn-wrapper h4 { - margin: 0 1.5rem 0 0; - line-height: normal; -} -.buy-btn-wrapper h4:after { - content: ":"; -} -.buy-btn-wrapper h5 { - margin-right: 1rem; -} -//}}} |