diff --git a/_data/ui-text.yml b/_data/ui-text.yml index 634b9f5d..09cec56b 100644 --- a/_data/ui-text.yml +++ b/_data/ui-text.yml @@ -23,7 +23,7 @@ en: &DEFAULT_EN comments_title : "Comments" more_label : "Learn more" related_label : "You may also enjoy" - follow_label : "Connect:" + follow_label : "" feed_label : "Feed" powered_by : "Powered by" website_label : "Website" diff --git a/_includes/author-profile.html b/_includes/author-profile.html index e256ec7d..64efd406 100644 --- a/_includes/author-profile.html +++ b/_includes/author-profile.html @@ -56,14 +56,6 @@

{% endif %} - {% if author.keybase %} -
  • - - Keybase - -
    • - {% endif %} - {% if author.twitter %}
  • @@ -88,14 +80,6 @@

    • {% endif %} - {% if author.xing %} -
  • - - XING - -
    • - {% endif %} - {% if author.instagram %}
  • @@ -112,14 +96,6 @@

    • {% endif %} - {% if author.bitbucket %} -
  • - - Bitbucket - -
    • - {% endif %} - {% if author.github %}
  • @@ -152,14 +128,6 @@

    • {% endif %} - {% if author.dribbble %} -
  • - - Dribbble - -
    • - {% endif %} - {% if author.pinterest %}
  • @@ -168,14 +136,6 @@

    • {% endif %} - {% if author.foursquare %} -
  • - - Foursquare - -
    • - {% endif %} - {% if author.steam %}
  • diff --git a/_includes/footer.html b/_includes/footer.html index 5e87af14..036b2ba0 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -23,10 +23,9 @@
    -

    pyOpenSci is a fiscally sponsored project of Community Initiatives, a registered 501(c)3 non-profit organization based in California, USA. - pyOpenSci is grateful for support from the Sloan Foundation and the Chan Zuckerberg Initiative. -

    pyOpensci is dedicated to creating a welcoming, supportive and diverse community around the open source Python tools that drive open science. Our Code of Conduct defines expected behavior and guidelines that help create such a community. + pyOpenSci is a fiscally sponsored project of Community Initiatives, a registered 501(c)3 non-profit organization based in California, USA. + pyOpenSci is grateful for support from the Sloan Foundation and the Chan Zuckerberg Initiative.

    © {{ site.time | date: '%Y' }} {{ site.name | default: site.title }}
    diff --git a/_includes/package-grid.html b/_includes/package-grid.html index 98ea2a9c..de65396c 100644 --- a/_includes/package-grid.html +++ b/_includes/package-grid.html @@ -1,6 +1,12 @@ +{% assign use_isotope = include.isotope | default: false %} + +{% if use_isotope %}
    +{% else %} +
    +{% endif %}

    {{ apackage.package_name }} diff --git a/_pages/home.md b/_pages/home.md index 2155844e..55f588a0 100644 --- a/_pages/home.md +++ b/_pages/home.md @@ -134,7 +134,7 @@ peer-review: {% assign packages_sorted = site.data.packages | sort_natural: 'date_accepted' | reverse %} -
    +
    {% for apackage in packages_sorted limit:3 %} {% include package-grid.html %} {% endfor %} diff --git a/_pages/python-packages.md b/_pages/python-packages.md index 2d201139..c7ce89b1 100644 --- a/_pages/python-packages.md +++ b/_pages/python-packages.md @@ -51,7 +51,7 @@ To view packages affiliated with our partner communities that are a part of ourp
    {% for apackage in packages_sorted %} {% if apackage.active == true %} - {% include package-grid.html %} + {% include package-grid.html isotope=true %} {% endif %} {% endfor %}
    @@ -65,7 +65,7 @@ Archived packages are packages that have successfully completed [pyOpenSci's sof
    {% for apackage in packages_sorted %} {% if apackage.active == false %} - {% include package-grid.html %} + {% include package-grid.html isotope=true %} {% endif %} {% endfor %}
    diff --git a/_sass/minimal-mistakes/_footer.scss b/_sass/minimal-mistakes/_footer.scss index 9b04b30b..b02cba47 100644 --- a/_sass/minimal-mistakes/_footer.scss +++ b/_sass/minimal-mistakes/_footer.scss @@ -17,6 +17,7 @@ background-color: darken($pyos-deeppurple, 8%); font-size: 0.85rem; line-height: 1.3rem; + font-family: "Poppins", $sans-serif; footer { @include clearfix; @@ -50,11 +51,14 @@ } .page__footer-copyright { - font-family: $global-font-family; + font-family: "Poppins", $sans-serif; font-size: $type-size-6; + padding: 1em; + max-width: 900px; + margin: 0 auto; p { - margin: 0 + margin: 0 0 0.5em 0; } } @@ -63,15 +67,15 @@ margin: 0; padding: 0; list-style-type: none; + text-align: center; } li { display: inline-block; padding-top: 5px; padding-bottom: 5px; - font-family: $sans-serif-narrow; + font-family: "Poppins", $sans-serif; font-size: $type-size-5; - text-transform: uppercase; } li + li:before { @@ -81,67 +85,49 @@ a { padding-right: 10px; - font-weight: bold; + font-weight: normal; } +} - .social-icons { - a { - white-space: nowrap; - } +// Footer social icons - consolidated styles with higher specificity +.page__footer .page__footer-follow .social-icons, +.page__footer-follow .social-icons { + a { + white-space: nowrap; + color: rgba($pyos-white, 0.9); + text-decoration: none; - i { - font-size: 0.85em; - margin-right: 0.3em; + &:hover { + color: $pyos-white; + text-decoration: underline; } + } - // Override all brand colors to be white with grey mixed in - .fas, - .fab, - .far, - .fal, - .fa-behance, - .fa-behance-square, - .fa-bitbucket, - .fa-dribbble, - .fa-dribble-square, - .fa-facebook, - .fa-facebook-square, - .fa-facebook-f, - .fa-flickr, - .fa-foursquare, - .fa-github, - .fa-github-alt, - .fa-github-square, - .fa-gitlab, - .fa-instagram, - .fa-keybase, - .fa-lastfm, - .fa-lastfm-square, - .fa-linkedin, - .fa-linkedin-in, - .fa-mastodon, - .fa-mastodon-square, - .fa-pinterest, - .fa-pinterest-p, - .fa-pinterest-square, - .fa-reddit, - .fa-rss, - .fa-rss-square, - .fa-soundcloud, - .fa-stack-exchange, - .fa-stack-overflow, - .fa-tumblr, - .fa-tumblr-square, - .fa-twitter, - .fa-twitter-square, - .fa-vimeo, - .fa-vimeo-square, - .fa-vimeo-v, - .fa-vine, - .fa-youtube, - .fa-xing, - .fa-xing-square { - color: rgba($pyos-white, 0.85) !important; - } + i, + .fas, + .fab, + .far, + .fal { + font-size: 0.75em; + margin-right: 0.3em; + color: rgba($pyos-white, 0.85); + } + + // Override all brand colors to be white - higher specificity without !important + .fa-github, + .fa-github-alt, + .fa-github-square, + .fa-gitlab, + .fa-linkedin, + .fa-linkedin-in, + .fa-mastodon, + .fa-mastodon-square, + .fa-reddit, + .fa-rss, + .fa-rss-square, + .fa-stack-exchange, + .fa-stack-overflow, + .fa-youtube { + color: rgba($pyos-white, 0.85); } } diff --git a/_sass/minimal-mistakes/_pyos-grid.scss b/_sass/minimal-mistakes/_pyos-grid.scss index fc782808..fdcb4461 100644 --- a/_sass/minimal-mistakes/_pyos-grid.scss +++ b/_sass/minimal-mistakes/_pyos-grid.scss @@ -24,6 +24,13 @@ $colors: ( // Include the mixin //@include generate-color-styles($colors); +// Shared mixin for auto-responsive grid behavior +@mixin responsive-grid($min-width, $gap: 8px) { + display: grid; + grid-gap: $gap; + grid-template-columns: repeat(auto-fit, minmax($min-width, 1fr)); +} + .clearfix::after { content: ""; display: table; @@ -53,10 +60,10 @@ $colors: ( &.advisory-council-grid { grid-template-columns: repeat(4, 1fr); grid-gap: 8px; - @media screen and (max-width: 1199px) { + @media screen and (max-width: $x-large) { grid-template-columns: repeat(3, 1fr); } - @media screen and (max-width: 768px) { + @media screen and (max-width: $medium) { grid-template-columns: repeat(2, 1fr); } } @@ -93,6 +100,35 @@ $colors: ( } } +// Home page and volunteer page new contributors section - auto-responsive +.entries-grid { + display: grid; + grid-gap: 8px; + grid-template-columns: 1fr; // Mobile: 1 column + + > * { + max-width: 280px; + width: 100%; + } + + @media (min-width: $small) { + grid-template-columns: repeat(2, 1fr); // Small: 2 columns + } + + @media (min-width: $medium) { + grid-template-columns: repeat(3, 1fr); // Medium: 3 columns + } + + @media (min-width: $large) { + grid-template-columns: repeat(4, 1fr); // Large: 4 columns + } + } + +// Home page packages section - auto-responsive +.packages-grid { + @include responsive-grid(350px, 10px); +} + .grid-item { background: #f9f9f9; border: 1px solid #ddd; @@ -430,10 +466,24 @@ $colors: ( } .contrib_org,.ppl_social { - font-size: 1rem; + font-size: 0.875rem; font-weight:normal; margin-bottom: 0!important; } + + // Social links in people cards + .ppl_social { + a { + margin-right: 10px; + text-decoration: none !important; + } + + // Font Awesome icons inherit font-size from parent + .fa-brands, + .fa-solid { + font-size: inherit; + } + } .package_description { font-size: .95rem; line-height: 1.5rem; @@ -484,7 +534,7 @@ $colors: ( /* max 480 px */ - @media screen and (max-width: 480px) { + @media screen and (max-width: $mobile) { // large buttons are disproportionately large // Elements outside of notice blocks such as the blog page .blog__grid { @@ -507,6 +557,11 @@ $colors: ( } } + // Responsive social links in people cards + .ppl_social { + font-size: .9em !important; + } + // the home page has this grid in a notice block .notice { .card-body p, .card-body h2 { diff --git a/_sass/minimal-mistakes/_pyos-isotope.scss b/_sass/minimal-mistakes/_pyos-isotope.scss index f41fd407..b85567de 100644 --- a/_sass/minimal-mistakes/_pyos-isotope.scss +++ b/_sass/minimal-mistakes/_pyos-isotope.scss @@ -159,13 +159,8 @@ input[type="text"] { /* ---- Package Cards - Separate concerns ---- */ -.element-item.package-card { - margin: 8px; - padding: 0; - overflow: visible; - // Account for 8px margins on each side (16px total) - width: calc(#{$package-column-width} - 16px); - +// Base package card styles - apply to all package cards (isotope and grid) +.package-card { .package-card__content { background: #fff; border: 1px solid #e0e0e0; @@ -274,24 +269,34 @@ input[type="text"] { } } -// Responsive adjustments for package cards -@media screen and (max-width: 1199px) { +// Isotope-specific styles - width and margin for isotope layout +.element-item.package-card { + margin: 8px; + padding: 0; + overflow: visible; + // Account for 8px margins on each side (16px total) + width: calc(#{$package-column-width} - 16px); +} + +// Responsive adjustments for isotope package cards (width only) +@media screen and (max-width: $x-large) { .element-item.package-card { width: calc(#{$package-column-width} - 16px); } } -@media screen and (max-width: 768px) { +@media screen and (max-width: $medium) { .element-item.package-card { width: calc(50% - 16px); + } - .package-card__content { - padding: 1.25em; - } + // Responsive padding for all package cards + .package-card .package-card__content { + padding: 1.25em; } } -@media screen and (max-width: 480px) { +@media screen and (max-width: $mobile) { .element-item.package-card { width: 100%; margin-left: 0; diff --git a/_sass/minimal-mistakes/_pyos-main.scss b/_sass/minimal-mistakes/_pyos-main.scss index f2009337..ae6a4d3b 100644 --- a/_sass/minimal-mistakes/_pyos-main.scss +++ b/_sass/minimal-mistakes/_pyos-main.scss @@ -16,11 +16,6 @@ img { padding-right: 2em; } -.ppl_social a { - margin-right: 10px; - text-decoration: none !important; -} - .grid.people { grid-gap: 60px; } @@ -127,10 +122,6 @@ h2.clearall { // font-size: 1.3em; // } - .contrib_org, .ppl_social { - font-size: .9em !important; - } - .card-body { & .btn { diff --git a/_sass/minimal-mistakes/_utilities.scss b/_sass/minimal-mistakes/_utilities.scss index c6343f33..0d7780eb 100644 --- a/_sass/minimal-mistakes/_utilities.scss +++ b/_sass/minimal-mistakes/_utilities.scss @@ -216,8 +216,9 @@ body:hover .visually-hidden button { } /* social icons*/ - -.social-icons { +// General social icons - for author profiles and other non-footer contexts +// Footer styles are handled separately in _footer.scss with higher specificity +.author__urls.social-icons { .fas, .fab, .far, @@ -225,34 +226,6 @@ body:hover .visually-hidden button { color: $text-color; } - .fa-behance, - .fa-behance-square { - color: $behance-color; - } - - .fa-bitbucket { - color: $bitbucket-color; - } - - .fa-dribbble, - .fa-dribble-square { - color: $dribbble-color; - } - - .fa-facebook, - .fa-facebook-square, - .fa-facebook-f { - color: $facebook-color; - } - - .fa-flickr { - color: $flickr-color; - } - - .fa-foursquare { - color: $foursquare-color; - } - .fa-github, .fa-github-alt, .fa-github-square { @@ -263,19 +236,6 @@ body:hover .visually-hidden button { color: $gitlab-color; } - .fa-instagram { - color: $instagram-color; - } - - .fa-keybase { - color: $keybase-color; - } - - .fa-lastfm, - .fa-lastfm-square { - color: $lastfm-color; - } - .fa-linkedin, .fa-linkedin-in { color: $linkedin-color; @@ -286,12 +246,6 @@ body:hover .visually-hidden button { color: $mastodon-color; } - .fa-pinterest, - .fa-pinterest-p, - .fa-pinterest-square { - color: $pinterest-color; - } - .fa-reddit { color: $reddit-color; } @@ -301,43 +255,14 @@ body:hover .visually-hidden button { color: $rss-color; } - .fa-soundcloud { - color: $soundcloud-color; - } - .fa-stack-exchange, .fa-stack-overflow { color: $stackoverflow-color; } - .fa-tumblr, - .fa-tumblr-square { - color: $tumblr-color; - } - - .fa-twitter, - .fa-twitter-square { - color: $twitter-color; - } - - .fa-vimeo, - .fa-vimeo-square, - .fa-vimeo-v { - color: $vimeo-color; - } - - .fa-vine { - color: $vine-color; - } - .fa-youtube { color: $youtube-color; } - - .fa-xing, - .fa-xing-square { - color: $xing-color; - } } /* diff --git a/_sass/minimal-mistakes/_variables.scss b/_sass/minimal-mistakes/_variables.scss index 771c5c56..137689c9 100644 --- a/_sass/minimal-mistakes/_variables.scss +++ b/_sass/minimal-mistakes/_variables.scss @@ -129,16 +129,11 @@ $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; @@ -152,7 +147,6 @@ $twitter-color: #55acee !default; $vimeo-color: #1ab7ea !default; $vine-color: #00bf8f !default; $youtube-color: #bb0000 !default; -$xing-color: #006567 !default; /* links */ // Note that the link color is mixed with info-color here diff --git a/_sass/minimal-mistakes/skins/_air.scss b/_sass/minimal-mistakes/skins/_air.scss deleted file mode 100644 index 0e5360c3..00000000 --- a/_sass/minimal-mistakes/skins/_air.scss +++ /dev/null @@ -1,23 +0,0 @@ -/* ========================================================================== - Air skin - ========================================================================== */ - -/* Colors */ -$background-color: #eeeeee !default; -$text-color: #222831 !default; -$muted-text-color: #393e46 !default; -$primary-color: #0092ca !default; -$border-color: mix(#fff, #393e46, 75%) !default; -$footer-background-color: $primary-color !default; -$link-color: #393e46 !default; -$masthead-link-color: $text-color !default; -$masthead-link-color-hover: $text-color !default; -$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default; - -.page__footer { - color: #fff !important; // override -} - -.page__footer-follow .social-icons .svg-inline--fa { - color: inherit; -} diff --git a/_sass/minimal-mistakes/skins/_aqua.scss b/_sass/minimal-mistakes/skins/_aqua.scss deleted file mode 100644 index 7c3944e0..00000000 --- a/_sass/minimal-mistakes/skins/_aqua.scss +++ /dev/null @@ -1,34 +0,0 @@ -/* ========================================================================== - Aqua skin - ========================================================================== */ - -/* Colors */ -$gray : #1976d2 !default; -$dark-gray : mix(#000, $gray, 40%) !default; -$darker-gray : mix(#000, $gray, 60%) !default; -$light-gray : mix(#fff, $gray, 50%) !default; -$lighter-gray : mix(#fff, $gray, 90%) !default; - -$body-color : #fff !default; -$background-color : #f0fff0 !default; -$code-background-color : $lighter-gray !default; -$code-background-color-dark : $light-gray !default; -$text-color : $dark-gray !default; -$border-color : $lighter-gray !default; - -$primary-color : $gray !default; -$success-color : #27ae60 !default; -$warning-color : #e67e22 !default; -$danger-color : #c0392b !default; -$info-color : #03a9f4 !default; - -/* links */ -$link-color : $info-color !default; -$link-color-hover : mix(#000, $link-color, 25%) !default; -$link-color-visited : mix(#fff, $link-color, 25%) !default; -$masthead-link-color : $primary-color !default; -$masthead-link-color-hover : mix(#000, $primary-color, 25%) !default; - -/* notices */ -$notice-background-mix: 90% !default; -$code-notice-background-mix: 95% !default; diff --git a/_sass/minimal-mistakes/skins/_contrast.scss b/_sass/minimal-mistakes/skins/_contrast.scss deleted file mode 100644 index 38283b8f..00000000 --- a/_sass/minimal-mistakes/skins/_contrast.scss +++ /dev/null @@ -1,52 +0,0 @@ -/* ========================================================================== - Contrast skin - ========================================================================== */ - -/* Colors */ -$text-color: #000 !default; -$muted-text-color: $text-color !default; -$primary-color: #ff0000 !default; -$border-color: mix(#fff, $text-color, 75%) !default; -$footer-background-color: #000 !default; -$link-color: #0000ff !default; -$masthead-link-color: $text-color !default; -$masthead-link-color-hover: $text-color !default; -$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default; - -/* contrast syntax highlighting (base16) */ -$base00: #000000 !default; -$base01: #242422 !default; -$base02: #484844 !default; -$base03: #6c6c66 !default; -$base04: #918f88 !default; -$base05: #b5b3aa !default; -$base06: #d9d7cc !default; -$base07: #fdfbee !default; -$base08: #ff6c60 !default; -$base09: #e9c062 !default; -$base0a: #ffffb6 !default; -$base0b: #a8ff60 !default; -$base0c: #c6c5fe !default; -$base0d: #96cbfe !default; -$base0e: #ff73fd !default; -$base0f: #b18a3d !default; - -.page__content { - .notice, - .notice--primary, - .notice--info, - .notice--warning, - .notice--success, - .notice--danger { - color: $text-color; - } -} - -.page__footer { - color: #fff !important; // override -} - -.page__footer-follow .social-icons i, -.page__footer-follow .social-icons .svg-inline--fa { - color: inherit; -} diff --git a/_sass/minimal-mistakes/skins/_dark.scss b/_sass/minimal-mistakes/skins/_dark.scss deleted file mode 100644 index 38053493..00000000 --- a/_sass/minimal-mistakes/skins/_dark.scss +++ /dev/null @@ -1,30 +0,0 @@ -/* ========================================================================== - Dark skin - ========================================================================== */ - -/* Colors */ -$background-color: #252a34 !default; -$text-color: #eaeaea !default; -$primary-color: #00adb5 !default; -$border-color: mix(#fff, $background-color, 20%) !default; -$code-background-color: mix(#000, $background-color, 15%) !default; -$code-background-color-dark: mix(#000, $background-color, 20%) !default; -$form-background-color: mix(#000, $background-color, 15%) !default; -$footer-background-color: mix(#000, $background-color, 30%) !default; -$link-color: mix($primary-color, $text-color, 40%) !default; -$link-color-hover: mix(#fff, $link-color, 25%) !default; -$link-color-visited: mix(#000, $link-color, 25%) !default; -$masthead-link-color: $text-color !default; -$masthead-link-color-hover: mix(#000, $text-color, 20%) !default; -$navicon-link-color-hover: mix(#000, $background-color, 30%) !default; - -.author__urls.social-icons i, -.author__urls.social-icons .svg-inline--fa, -.page__footer-follow .social-icons i, -.page__footer-follow .social-icons .svg-inline--fa { - color: inherit; -} - -.ais-search-box .ais-search-box--input { - background-color: $form-background-color; -} diff --git a/_sass/minimal-mistakes/skins/_dirt.scss b/_sass/minimal-mistakes/skins/_dirt.scss deleted file mode 100644 index 5090f559..00000000 --- a/_sass/minimal-mistakes/skins/_dirt.scss +++ /dev/null @@ -1,33 +0,0 @@ -/* ========================================================================== - Dirt skin - ========================================================================== */ - -/* Colors */ -$background-color: #f3f3f3 !default; -$text-color: #343434 !default; -$muted-text-color: #8e8b82 !default; -$primary-color: #343434 !default; -$border-color: #e9dcbe !default; -$footer-background-color: #e9dcbe !default; -$link-color: #343434 !default; -$masthead-link-color: $text-color !default; -$masthead-link-color-hover: $text-color !default; -$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default; - -/* dirt syntax highlighting (base16) */ -$base00: #231e18 !default; -$base01: #302b25 !default; -$base02: #48413a !default; -$base03: #9d8b70 !default; -$base04: #b4a490 !default; -$base05: #cabcb1 !default; -$base06: #d7c8bc !default; -$base07: #e4d4c8 !default; -$base08: #d35c5c !default; -$base09: #ca7f32 !default; -$base0a: #e0ac16 !default; -$base0b: #b7ba53 !default; -$base0c: #6eb958 !default; -$base0d: #88a4d3 !default; -$base0e: #bb90e2 !default; -$base0f: #b49368 !default; diff --git a/_sass/minimal-mistakes/skins/_mint.scss b/_sass/minimal-mistakes/skins/_mint.scss deleted file mode 100644 index 28557a3a..00000000 --- a/_sass/minimal-mistakes/skins/_mint.scss +++ /dev/null @@ -1,24 +0,0 @@ -/* ========================================================================== - Mint skin - ========================================================================== */ - -/* Colors */ -$background-color: #f3f6f6 !default; -$text-color: #40514e !default; -$muted-text-color: #40514e !default; -$primary-color: #11999e !default; -$border-color: mix(#fff, #40514e, 75%) !default; -$footer-background-color: #30e3ca !default; -$link-color: #11999e !default; -$masthead-link-color: $text-color !default; -$masthead-link-color-hover: $text-color !default; -$navicon-link-color-hover: mix(#fff, $text-color, 80%) !default; - -.page__footer { - color: #fff !important; // override -} - -.page__footer-follow .social-icons i, -.page__footer-follow .social-icons .svg-inline--fa { - color: inherit; -} diff --git a/_sass/minimal-mistakes/skins/_neon.scss b/_sass/minimal-mistakes/skins/_neon.scss deleted file mode 100644 index 8a2385f5..00000000 --- a/_sass/minimal-mistakes/skins/_neon.scss +++ /dev/null @@ -1,63 +0,0 @@ -/* ========================================================================== - Neon skin - ========================================================================== */ - -/* Colors */ -$background-color: #141010 !default; -$text-color: #fff6fb !default; -$primary-color: #f21368 !default; -$border-color: mix(#fff, $background-color, 20%) !default; -$code-background-color: mix(#000, $background-color, 15%) !default; -$code-background-color-dark: mix(#000, $background-color, 20%) !default; -$form-background-color: mix(#000, $background-color, 15%) !default; -$footer-background-color: mix($primary-color, #000, 10%) !default; -$link-color: $primary-color !default; -$link-color-hover: mix(#fff, $link-color, 25%) !default; -$link-color-visited: mix(#000, $link-color, 25%) !default; -$masthead-link-color: $text-color !default; -$masthead-link-color-hover: mix(#000, $text-color, 20%) !default; -$navicon-link-color-hover: mix(#000, $background-color, 30%) !default; - -/* notices */ -$notice-background-mix: 90% !default; -$code-notice-background-mix: 95% !default; - -/* neon syntax highlighting (base16) */ -$base00: #ffffff !default; -$base01: #e0e0e0 !default; -$base02: #d0d0d0 !default; -$base03: #b0b0b0 !default; -$base04: #000000 !default; -$base05: #101010 !default; -$base06: #151515 !default; -$base07: #202020 !default; -$base08: #ff0086 !default; -$base09: #fd8900 !default; -$base0a: #aba800 !default; -$base0b: #00c918 !default; -$base0c: #1faaaa !default; -$base0d: #3777e6 !default; -$base0e: #ad00a1 !default; -$base0f: #cc6633 !default; - -.author__urls.social-icons i, -.author__urls.social-icons .svg-inline--fa, -.page__footer-follow .social-icons i, -.page__footer-follow .social-icons .svg-inline--fa { - color: inherit; -} - -/* next/previous buttons */ -.pagination--pager { - color: $text-color; - background-color: $primary-color; - border-color: transparent; - - &:visited { - color: $text-color; - } -} - -.ais-search-box .ais-search-box--input { - background-color: $form-background-color; -} diff --git a/_sass/minimal-mistakes/skins/_plum.scss b/_sass/minimal-mistakes/skins/_plum.scss deleted file mode 100644 index 6a88e012..00000000 --- a/_sass/minimal-mistakes/skins/_plum.scss +++ /dev/null @@ -1,70 +0,0 @@ -/* ========================================================================== - Plum skin - ========================================================================== */ - -/* Colors */ -$background-color: #521477 !default; -$text-color: #fffd86 !default; -$primary-color: #c327ab !default; -$border-color: mix(#fff, $background-color, 20%) !default; -$code-background-color: mix(#000, $background-color, 15%) !default; -$code-background-color-dark: mix(#000, $background-color, 20%) !default; -$form-background-color: mix(#000, $background-color, 15%) !default; -$footer-background-color: mix(#000, $background-color, 25%) !default; -$link-color: $primary-color !default; -$link-color-hover: mix(#fff, $link-color, 25%) !default; -$link-color-visited: mix(#000, $link-color, 25%) !default; -$masthead-link-color: $text-color !default; -$masthead-link-color-hover: mix(#000, $text-color, 20%) !default; -$navicon-link-color-hover: mix(#000, $background-color, 30%) !default; - -/* notices */ -$notice-background-mix: 70% !default; -$code-notice-background-mix: 80% !default; - -/* plum syntax highlighting (base16) */ -$base00: #ffffff !default; -$base01: #e0e0e0 !default; -$base02: #d0d0d0 !default; -$base03: #b0b0b0 !default; -$base04: #000000 !default; -$base05: #101010 !default; -$base06: #151515 !default; -$base07: #202020 !default; -$base08: #ff0086 !default; -$base09: #fd8900 !default; -$base0a: #aba800 !default; -$base0b: #00c918 !default; -$base0c: #1faaaa !default; -$base0d: #3777e6 !default; -$base0e: #ad00a1 !default; -$base0f: #cc6633 !default; - -.author__urls.social-icons i, -.author__urls.social-icons .svg-inline--fa, -.page__footer-follow .social-icons i, -.page__footer-follow .social-icons .svg-inline--fa { - color: inherit; -} - -.page__content { - a, - a:visited { - color: inherit; - } -} - -/* next/previous buttons */ -.pagination--pager { - color: $text-color; - background-color: $primary-color; - border-color: transparent; - - &:visited { - color: $text-color; - } -} - -.ais-search-box .ais-search-box--input { - background-color: $form-background-color; -} diff --git a/_sass/minimal-mistakes/skins/_sunrise.scss b/_sass/minimal-mistakes/skins/_sunrise.scss deleted file mode 100644 index bc259f6d..00000000 --- a/_sass/minimal-mistakes/skins/_sunrise.scss +++ /dev/null @@ -1,49 +0,0 @@ -/* ========================================================================== - Sunrise skin - ========================================================================== */ - -/* Colors */ -$dark-gray: #0e2431 !default; -$background-color: #e8d5b7 !default; -$text-color: #000 !default; -$muted-text-color: $dark-gray !default; -$primary-color: #fc3a52 !default; -$border-color: mix(#000, $background-color, 20%) !default; -$code-background-color: mix(#fff, $background-color, 20%) !default; -$code-background-color-dark: mix(#000, $background-color, 10%) !default; -$form-background-color: mix(#fff, $background-color, 15%) !default; -$footer-background-color: #f9b248 !default; -$link-color: mix(#000, $primary-color, 10%) !default; -$link-color-hover: mix(#fff, $link-color, 25%) !default; -$link-color-visited: mix(#000, $link-color, 25%) !default; -$masthead-link-color: $text-color !default; -$masthead-link-color-hover: mix(#000, $text-color, 20%) !default; -$navicon-link-color-hover: mix(#000, $background-color, 30%) !default; - -/* notices */ -$notice-background-mix: 75% !default; - -/* sunrise syntax highlighting (base16) */ -$base00: #1d1f21 !default; -$base01: #282a2e !default; -$base02: #373b41 !default; -$base03: #969896 !default; -$base04: #b4b7b4 !default; -$base05: #c5c8c6 !default; -$base06: #e0e0e0 !default; -$base07: #ffffff !default; -$base08: #cc6666 !default; -$base09: #de935f !default; -$base0a: #f0c674 !default; -$base0b: #b5bd68 !default; -$base0c: #8abeb7 !default; -$base0d: #81a2be !default; -$base0e: #b294bb !default; -$base0f: #a3685a !default; - -.author__urls.social-icons i, -.author__urls.social-icons .svg-inline--fa, -.page__footer-follow .social-icons i, -.page__footer-follow .social-icons .svg-inline--fa { - color: inherit; -}