summaryrefslogtreecommitdiff
path: root/design/sass/_global.scss
diff options
context:
space:
mode:
Diffstat (limited to 'design/sass/_global.scss')
-rw-r--r--design/sass/_global.scss205
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;
-}
-//}}}