mikaela.github.io/assets/main.scss

---
# Only the main Sass file needs front matter (the dashes are enough)
---

@charset "utf-8";

// Our variables
$base-font-family: "Liberation Serif", "Tinos", "Times New Roman", serif;
$monospace-font-family: "Liberation Mono", "Cousine", "Courier New", monospace;
//$base-font-family: "Liberation Sans", "Arimo", "Arial", sans-serif;

// CSS of used Jekyll theme
@import "{{ site.theme }}";

// My overrides, often !important so they actually get used

// As high in css as can be edited.
:root {
  color-scheme: light dark !important;
}

// Revert to defaults
* {
  color: revert !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}

a {
  text-decoration: underline !important;
}

// Fitting to text and monospace preferred
code,
pre {
  font-family: $monospace-font-family !important;
  font-size: 0.8em !important;
}

// Overrides for light themes
@media (prefers-color-scheme: light) {
  *:not(a) {
    border-color: #000000 !important;
  }
}

// Overrides for dark themes
@media (prefers-color-scheme: dark) {
  *:not(a) {
    color: #ffb700 !important;
    border-color: #ffb700 !important;
    background-color: #000000 !important;
  }

  // Adblocker detection)
  .ftf-dma-note {
    color-scheme: only dark !important;
    color: #ffb700 !important;
    border-color: #ffb700 !important;
    background-color: #000000 !important;
  }
}

// This is used in the index
#avatar {
  margin-left: auto;
  margin-right: auto;
  width: 25%;
  border: 1px solid;
  display: block;
}

// This is the short bio in the index and all my profiles
#bio {
  text-align: center;
  font-style: italic;
}

// At least used in the index link list
.centered {
  list-style-type: none;
  margin: 0 auto;
  text-align: center;
}

// At least used in the index SSH key fingerprints
.monospaced {
  font-family: $monospace-font-family;
  font-size: 0.8em;
}