/* HTML and body */ html, .pure-g [class *= “pure-u”] {
font-family: $font-family-serif; font-size: $font-size-big;
}
@media (min-width: 684px) {
html { font-size: $font-size-bigger; }
}
::selection, {
background-color: $color-main-lighter; /* WebKit/Blink Browsers */
} ::-moz-selection {
background-color: $color-main-lighter; /* Gecko Browsers */
}
body {
color: $color-gray-dark; background-color: $color-white; line-height: 1.618;
}
@media (max-width: 800px) {
.wrapper { padding: 0 1rem; }
}
.pure-g {
display: flex;
}
/* Global tags */ p { margin: 0 0 1.6rem; }
a {
color: $color-link; text-decoration: none; position: relative; @include transition(all, .2s, ease-in-out); &:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: $color-link-hover; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); @include transition(all, .2s, ease-in-out); } &:hover { color: $color-link-hover; &:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } }
}
/* Helpers */ .text-center {
text-align: center;
} .sr-only, .ninja {
display: none;
}
.wrapper {
max-width: $site-base-width; margin: 0 auto;
}
.pixelated {
image-rendering:optimizeSpeed; /* Legal fallback */ image-rendering:-moz-crisp-edges; /* Firefox */ image-rendering:-o-crisp-edges; /* Opera */ image-rendering:-webkit-optimize-contrast; /* Safari */ image-rendering:optimize-contrast; /* CSS3 Proposed */ image-rendering:crisp-edges; /* CSS4 Proposed */ image-rendering:pixelated; /* CSS4 Proposed */ -ms-interpolation-mode:nearest-neighbor; /* IE8+ */
}
/* Miscellanous */ .tweets iframe {
width: 100% !important;
} .embed-responsive {
margin-bottom: 1.6rem;
}