-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Implement air skin from minimal mistakes
- Loading branch information
1 parent
cb25308
commit b082f78
Showing
4 changed files
with
451 additions
and
187 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,193 @@ | ||
| /* =========================================================================== | ||
| ==========================Minimal Mistake================================== | ||
| The https://www.ereefs.org.au/platform/ site uses the Minimal Mistakes theme, | ||
| which I have copied below after the quarto example: | ||
| https://github.com/mmistakes/minimal-mistakes/blob/master/_sass/minimal-mistakes/_variables.scss | ||
| ========================================================================== */ | ||
|
|
||
| /* ========================================================================== | ||
| Variables | ||
| ========================================================================== */ | ||
|
|
||
| /* | ||
| Typography | ||
| ========================================================================== */ | ||
|
|
||
| /*-- scss:defaults --*/ | ||
|
|
||
| $doc-font-size: 16 !default; | ||
|
|
||
| /* paragraph indention */ | ||
| $paragraph-indent: false !default; // true, false (default) | ||
| $indent-var: 1.3em !default; | ||
|
|
||
| /* system typefaces */ | ||
| $serif: Georgia, Times, serif !default; | ||
| $sans-serif: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", | ||
| "Helvetica Neue", "Lucida Grande", Arial, sans-serif !default; | ||
| $monospace: Monaco, Consolas, "Lucida Console", monospace !default; | ||
|
|
||
| /* sans serif typefaces */ | ||
| $sans-serif-narrow: $sans-serif !default; | ||
| $helvetica: Helvetica, "Helvetica Neue", Arial, sans-serif !default; | ||
|
|
||
| /* serif typefaces */ | ||
| $georgia: Georgia, serif !default; | ||
| $times: Times, serif !default; | ||
| $bodoni: "Bodoni MT", serif !default; | ||
| $calisto: "Calisto MT", serif !default; | ||
| $garamond: Garamond, serif !default; | ||
|
|
||
| $global-font-family: $sans-serif !default; | ||
| $header-font-family: $sans-serif !default; | ||
| $caption-font-family: $serif !default; | ||
|
|
||
| /* type scale */ | ||
| $type-size-1: 2.441em !default; // ~39.056px | ||
| $type-size-2: 1.953em !default; // ~31.248px | ||
| $type-size-3: 1.563em !default; // ~25.008px | ||
| $type-size-4: 1.25em !default; // ~20px | ||
| $type-size-5: 1em !default; // ~16px | ||
| $type-size-6: 0.75em !default; // ~12px | ||
| $type-size-7: 0.6875em !default; // ~11px | ||
| $type-size-8: 0.625em !default; // ~10px | ||
|
|
||
| /* headline scale */ | ||
| $h-size-1: 1.563em !default; // ~25.008px | ||
| $h-size-2: 1.25em !default; // ~20px | ||
| $h-size-3: 1.125em !default; // ~18px | ||
| $h-size-4: 1.0625em !default; // ~17px | ||
| $h-size-5: 1.03125em !default; // ~16.5px | ||
| $h-size-6: 1em !default; // ~16px | ||
|
|
||
| /* | ||
| Colors | ||
| ========================================================================== */ | ||
|
|
||
| // $primary-color: #6f777d !default; | ||
| $primary-color: #0092ca !default; // air skin | ||
| $success-color: #3fa63f !default; | ||
| $warning-color: #d67f05 !default; | ||
| $danger-color: #ee5f5b !default; | ||
| $info-color: #3b9cba !default; | ||
| $focus-color: $primary-color !default; | ||
| $active-color: mix(#fff, $primary-color, 80%) !default; | ||
|
|
||
| $gray: #7a8288 !default; | ||
| $dark-gray: mix(#000, $gray, 50%) !default; | ||
| $darker-gray: mix(#000, $gray, 60%) !default; | ||
| $light-gray: mix(#fff, $gray, 50%) !default; | ||
| $lighter-gray: mix(#fff, $gray, 90%) !default; | ||
|
|
||
| // $background-color: #fff !default; | ||
| $background-color: #eeeeee !default; // air skin | ||
| $code-background-color: #fafafa !default; | ||
| $code-background-color-dark: $light-gray !default; | ||
| // $text-color: $dark-gray !default; | ||
| $text-color: #222831 !default; // air skin | ||
| // $muted-text-color: mix(#fff, $text-color, 20%) !default; | ||
| $muted-text-color: #393e46 !default; // air skin | ||
| // $border-color: $lighter-gray !default; | ||
| $border-color: mix(#fff, #393e46, 75%) !default; // air skin | ||
| $form-background-color: $lighter-gray !default; | ||
| // $footer-background-color: $lighter-gray !default; | ||
| $footer-background-color: $primary-color !default; // air skin | ||
|
|
||
| /* YIQ color contrast */ | ||
| $yiq-contrasted-dark-default: $dark-gray !default; | ||
| $yiq-contrasted-light-default: #fff !default; | ||
| $yiq-contrasted-threshold: 175 !default; | ||
| $yiq-debug: false !default; | ||
|
|
||
| /* brands */ | ||
| $behance-color: #1769ff !default; | ||
| $bitbucket-color: #205081 !default; | ||
| $dribbble-color: #ea4c89 !default; | ||
| $facebook-color: #3b5998 !default; | ||
| $flickr-color: #ff0084 !default; | ||
| $foursquare-color: #0072b1 !default; | ||
| $github-color: #171516 !default; | ||
| $gitlab-color: #e24329 !default; | ||
| $instagram-color: #517fa4 !default; | ||
| $keybase-color: #ef7639 !default; | ||
| $lastfm-color: #d51007 !default; | ||
| $linkedin-color: #007bb6 !default; | ||
| $mastodon-color: #2b90d9 !default; | ||
| $pinterest-color: #cb2027 !default; | ||
| $reddit-color: #ff4500 !default; | ||
| $rss-color: #fa9b39 !default; | ||
| $soundcloud-color: #ff3300 !default; | ||
| $stackoverflow-color: #fe7a15 !default; | ||
| $tumblr-color: #32506d !default; | ||
| $twitter-color: #55acee !default; | ||
| $vimeo-color: #1ab7ea !default; | ||
| $vine-color: #00bf8f !default; | ||
| $youtube-color: #bb0000 !default; | ||
| $xing-color: #006567 !default; | ||
|
|
||
| /* links */ | ||
| // $link-color: mix(#000, $info-color, 20%) !default; | ||
| $link-color: #393e46 !default; // air skin | ||
| $link-color-hover: mix(#000, $link-color, 25%) !default; | ||
| $link-color-visited: mix(#fff, $link-color, 15%) !default; | ||
| // $masthead-link-color: $primary-color !default; | ||
| $masthead-link-color: $text-color !default; // air skin | ||
| // $masthead-link-color-hover: mix(#000, $primary-color, 25%) !default; | ||
| $masthead-link-color-hover: $text-color !default; // air skin | ||
| // $navicon-link-color-hover: mix(#fff, $primary-color, 75%) !default; | ||
| $navicon-link-color-hover: mix(#fff, $text-color, 80%) !default; // air skin | ||
|
|
||
| /* notices */ | ||
| $notice-background-mix: 80% !default; | ||
| $code-notice-background-mix: 90% !default; | ||
|
|
||
| /* syntax highlighting (base16) */ | ||
| $base00: #263238 !default; | ||
| $base01: #2e3c43 !default; | ||
| $base02: #314549 !default; | ||
| $base03: #546e7a !default; | ||
| $base04: #b2ccd6 !default; | ||
| $base05: #eeffff !default; | ||
| $base06: #eeffff !default; | ||
| $base07: #ffffff !default; | ||
| $base08: #f07178 !default; | ||
| $base09: #f78c6c !default; | ||
| $base0a: #ffcb6b !default; | ||
| $base0b: #c3e88d !default; | ||
| $base0c: #89ddff !default; | ||
| $base0d: #82aaff !default; | ||
| $base0e: #c792ea !default; | ||
| $base0f: #ff5370 !default; | ||
|
|
||
| /* | ||
| Breakpoints | ||
| ========================================================================== */ | ||
|
|
||
| $small: 600px !default; | ||
| $medium: 768px !default; | ||
| $medium-wide: 900px !default; | ||
| $large: 1024px !default; | ||
| $x-large: 1280px !default; | ||
| $max-width: $x-large !default; | ||
|
|
||
| /* | ||
| Grid | ||
| ========================================================================== */ | ||
|
|
||
| $right-sidebar-width-narrow: 200px !default; | ||
| $right-sidebar-width: 300px !default; | ||
| $right-sidebar-width-wide: 400px !default; | ||
|
|
||
| /* | ||
| Other | ||
| ========================================================================== */ | ||
|
|
||
| $border-radius: 4px !default; | ||
| $box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125) !default; | ||
| $nav-height: 2em !default; | ||
| $nav-toggle-height: 2rem !default; | ||
| $navicon-width: 1.5rem !default; | ||
| $navicon-height: 0.25rem !default; | ||
| $global-transition: all 0.2s ease-in-out !default; | ||
| $intro-transition: intro 0.3s both !default; | ||
|
|
Oops, something went wrong.