@import url('fonts.googleapis.com/css?family=Tienne:400,700');
$bodyFontFamily: Helvetica, sans-serif; $bigscreenBreakpoint: 900px; $widescreenBreakpoint: 1200px; $logoSize: 100px; $logoOffset: $logoSize + 12px;
$isoTCColor: #0f6db3; $textColor: black;
$warningColor: red; $importantColor: orange; $accentColor: $isoTCColor;
$codeListingBorderColor: lighten($textColor, 70); $codeListingBackgroundColor: rgba($textColor, 0.03);
$mainShadowColor: rgba(black, 0.4); $headerFooterBackgroundColor: rgba(black, 0.05); $mainSectionBackgroundColor: rgba(white, 0.8);
$linkColor: $isoTCColor; $linkColorInverse: white;
$stripeWidth: 30px;
$homeSectionItemSidePadding: 1em;
@mixin titleFontFamily($useBold: false) {
font-family: 'Tienne', Georgia, serif; @if $useBold == true { font-weight: 700; } @else { font-weight: 400; }
}
@import 'normalize';
a {
&:link, &:visited, &:hover { color: inherit; }
} main a {
&:link, &:visited, &:hover { color: $linkColor; }
}
input, textarea, button {
font-size: inherit; font-family: inherit;
}
html {
height: 100%; display: flex; flex-flow: column nowrap; align-items: stretch;
}
.section-title {
font-size: 18px; text-transform: uppercase; flex-shrink: 0; margin-top: 0; margin-bottom: 0; position: relative;
}
@import 'adoc-markup'; @import 'offsets'; @import 'main'; @import 'expandable-nav'; @import 'home'; @import 'post'; @import 'posts'; @import 'legacy-crossbrowser';
body.resource {
max-height: 100vh; > main { flex: 1 1 auto; padding-top: 1em; overflow: hidden; > header h1 { display: none; } } .two-pane-viewer { display: flex; flex-flow: row nowrap; overflow: hidden; width: 100%; flex: 1; .viewer { position: relative; flex: 1; display: flex; flex-flow: row nowrap; padding: 1em; margin: 0 1em; border-radius: 1em; background: whiteSmoke; iframe { flex: 1; border: 0; } } // Fix style clashes with Blueprint .bp3-tree { font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", "Icons16", sans-serif } .browser { max-width: 300px; font-size: 84%; box-shadow: none; overflow-y: scroll; padding-top: 1em; .bp3-tree-node-content:hover { background-color: inherit; } a { color: inherit; text-decoration: none; border: 0; &.selected { font-weight: bold; } } } }
}