# Only the main Sass file needs front matter (the dashes are enough)
/* Colors */ .primary{
color: #FFF !important; background-color: #332000 !important;
}
.highlight{
color: #FFF !important; background-color: #329A00 !important;
}
/* Fonts */ @font-face {
font-family: Kirsty; src: url(../assets/fonts/kirsty/kirsty-bd.ttf) format("truetype");
}
@font-face {
font-family: KirstyRegular; src: url(../assets/fonts/kirsty/kirsty-rg.ttf) format("truetype");
}
.title {
font-family: Kirsty;
}
h1, h2, h3, h4, h5, h6 {
font-family: Kirsty;
}
html {
font-family: Ubuntu;
}
.centered {
display: inline; align-content:center; align-self: center; align-items: center;
}
.inset {
padding-left: 1%; width: 99%; display: block;
}
/* Title and Nav */ nav .brand-logo {
font-size: 3rem;
}
.nav-wrapper {
padding-top: 0px; padding-bottom: 0px; align: center;
}
.nav {
align: center;
}
.nav ul li {
float: right;
}
.dropdown-content {
overflow: visible;
}
/* Main Content */ .card {
padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 10px;
}
.card-panel {
margin-top: 0px; margin-bottom: 5px; padding: 10px; padding-bottom: 2px;
}
.row {
margin: 5px;
}
.flow-text {
font-size: 1rem;
}
.material-icons {
display: inline-flex; align-items: center; justify-content: center; vertical-align: middle !important;
}
img {
padding-top: 30px; padding-bottom: 2px; padding-left: 20px; padding-right: 20px;
}
/* Footer */ .page-footer {
padding: 2px; font-size: 1.2rem;
}
.page-footer a:link {
color: blue;
}
.footer-copyright {
padding: 2px;
}
$primary-color: #332000; $highlight-color: #329A00;
/**
* Code formatting */ $base-font-size: 16px !default; $ratio: 0; $grey-color: $primary-color !default; $grey-color-light: lighten($grey-color, 10%) !default; $grey-color-dark: darken($grey-color, 10%) !default; @mixin relative-font-size($ratio) { font-size: $base-font-size * $ratio; }
pre, code {
@include relative-font-size(0.9375); border: 3px inset $grey-color-light; border-radius: 3px;
}
code {
padding: 1px 5px;
}
pre {
padding: 8px 12px; overflow-x: auto; > code { border: 0; padding-right: 0; padding-left: 0; }
}
/**
* Syntax highlighting styles */ $spacing-unit: 30px !default; h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, %vertical-rhythm { margin-bottom: $spacing-unit / 2; }
.highlight {
background: #fff; @extend %vertical-rhythm; .highlighter-rouge & { background: #eef; } .c { color: #998; font-style: italic } // Comment .err { color: #a61717; background-color: #e3d2d2 } // Error .k { font-weight: bold } // Keyword .o { font-weight: bold } // Operator .cm { color: #998; font-style: italic } // Comment.Multiline .cp { color: #999; font-weight: bold } // Comment.Preproc .c1 { color: #998; font-style: italic } // Comment.Single .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special .gd { color: #000; background-color: #fdd } // Generic.Deleted .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific .ge { font-style: italic } // Generic.Emph .gr { color: #a00 } // Generic.Error .gh { color: #999 } // Generic.Heading .gi { color: #000; background-color: #dfd } // Generic.Inserted .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific .go { color: #888 } // Generic.Output .gp { color: #555 } // Generic.Prompt .gs { font-weight: bold } // Generic.Strong .gu { color: #aaa } // Generic.Subheading .gt { color: #a00 } // Generic.Traceback .kc { font-weight: bold } // Keyword.Constant .kd { font-weight: bold } // Keyword.Declaration .kp { font-weight: bold } // Keyword.Pseudo .kr { font-weight: bold } // Keyword.Reserved .kt { color: #458; font-weight: bold } // Keyword.Type .m { color: #099 } // Literal.Number .s { color: #d14 } // Literal.String .na { color: #008080 } // Name.Attribute .nb { color: #0086B3 } // Name.Builtin .nc { color: #458; font-weight: bold } // Name.Class .no { color: #008080 } // Name.Constant .ni { color: #800080 } // Name.Entity .ne { color: #900; font-weight: bold } // Name.Exception .nf { color: #900; font-weight: bold } // Name.Function .nn { color: #555 } // Name.Namespace .nt { color: #000080 } // Name.Tag .nv { color: #008080 } // Name.Variable .ow { font-weight: bold } // Operator.Word .w { color: #bbb } // Text.Whitespace .mf { color: #099 } // Literal.Number.Float .mh { color: #099 } // Literal.Number.Hex .mi { color: #099 } // Literal.Number.Integer .mo { color: #099 } // Literal.Number.Oct .sb { color: #d14 } // Literal.String.Backtick .sc { color: #d14 } // Literal.String.Char .sd { color: #d14 } // Literal.String.Doc .s2 { color: #d14 } // Literal.String.Double .se { color: #d14 } // Literal.String.Escape .sh { color: #d14 } // Literal.String.Heredoc .si { color: #d14 } // Literal.String.Interpol .sx { color: #d14 } // Literal.String.Other .sr { color: #009926 } // Literal.String.Regex .s1 { color: #d14 } // Literal.String.Single .ss { color: #990073 } // Literal.String.Symbol .bp { color: #999 } // Name.Builtin.Pseudo .vc { color: #008080 } // Name.Variable.Class .vg { color: #008080 } // Name.Variable.Global .vi { color: #008080 } // Name.Variable.Instance .il { color: #099 } // Literal.Number.Integer.Long
}