style.css

/*!
Theme Name: Trebuchet
Theme URI: https://andreasjr.com/work/trebuchet
Author: Andreas Reif
Author URI: https://andreasjr.com
Description: 
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0.0
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trebuchet
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.wp-block-group:where(.has-background) {
  padding: 0px;
}

.is-style-padding {
  padding-left: var(--wp--custom--page--spacing--outer);
  padding-left: var(--wp--custom--page--spacing--outer);
}

.is-style-content-padding {
  padding-left: var(--wp--custom--page--spacing--outer);
  padding-right: var(--wp--custom--page--spacing--outer);
}
.is-style-content-padding .alignfull {
  padding-left: var(--wp--custom--page--spacing--outer);
  padding-right: var(--wp--custom--page--spacing--outer);
  margin-left: calc(-1 * var(--wp--custom--page--spacing--outer)) !important;
  margin-right: calc(-1 * var(--wp--custom--page--spacing--outer)) !important;
  width: auto !important;
}
@media screen and (min-width: 900px) {
  .wp-site-blocks {
    margin-left: var(--wp--custom--heading--layout--width);
  }
}

/**
 * Header
 */
header {
  position: fixed !important;
  top: 0px;
  left: 0px;
  z-index: 10;
  margin: 0px;
}
@media screen and (max-width: 899px) {
  header {
    position: -webkit-sticky !important;
    position: sticky !important;
    width: 100%;
  }
}
@media screen and (min-width: 900px) {
  header {
    width: var(--wp--custom--heading--layout--width);
    height: 100vh;
    flex-shrink: 0;
  }
}
header > .wp-block-group {
  height: 100%;
}
header .header--link-row--container {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 899px) {
  header .header--link-row--container {
    justify-content: space-between;
  }
}
@media screen and (min-width: 900px) {
  header .header--link-row--container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 899px) {
  header .wp-block-site-logo {
    display: none;
  }
  header .wp-block-site-logo img {
    max-height: 100px;
    width: auto !important;
  }
}

main {
  width: auto;
  min-height: 100vh;
  margin-top: 0px !important;
  position: relative;
}

.wp-block-navigation > button {
  padding: 1em;
  border: solid 1px white;
  border-radius: 10px;
}
@media (min-width: 600px) {
  .wp-block-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
}
@media screen and (min-width: 900px) {
  .wp-block-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
}
@media (min-width: 600px) {
  .wp-block-navigation .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .wp-block-navigation .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
  }
}
@media screen and (max-width: 899px) {
  .wp-block-navigation .wp-block-navigation__responsive-container {
    position: fixed;
    top: -100%;
    left: 0;
    display: block;
    transform: scale(1.1);
    transition: var(--wp--custom--utility--transition--default);
    transition-property: opacity, transform;
    opacity: 0;
    right: unset;
    left: unset;
    bottom: unset;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    padding: 1.5em 1em;
    top: 0;
    left: 0;
    opacity: 1;
    transform: scale(1);
    right: 0;
    left: 0;
    bottom: 0;
  }
}

.trebuchet--query--blogroll a {
  text-decoration: none;
  cursor: default;
}
.trebuchet--query--blogroll a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 999px) {
  .trebuchet--query--blogroll > li > div {
    flex-direction: column;
  }
}
.trebuchet--query--blogroll .wp-block-post-title {
  display: block;
}
@media screen and (min-width: 1000px) {
  .trebuchet--query--blogroll .wp-block-post-title a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.trebuchet--query--blogroll .wp-block-post-excerpt {
  display: block;
  opacity: 0.5;
  transition: var(--wp--custom--utility--transition--default);
  transition-property: opacity;
  /* p {
      margin: 0px;

      @include bp-min($br-bp) {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
      }
  } */
}
.trebuchet--query--blogroll .wp-block-post-excerpt:hover {
  opacity: 1;
}
.trebuchet--query--blogroll .wp-block-post-excerpt p {
  margin: 0px;
}
.trebuchet--query--blogroll .trebuchet--query--blogroll--item--meta {
  margin-top: 0px;
}
@media screen and (max-width: 999px) {
  .trebuchet--query--blogroll .trebuchet--query--blogroll--item--meta {
    justify-content: center;
  }
}
.trebuchet--query--blogroll .trebuchet--query--blogroll--item--meta > * {
  transition: var(--wp--custom--utility--transition--default);
  cursor: default;
  opacity: 0.25;
}
.trebuchet--query--blogroll .trebuchet--query--blogroll--item--meta > *:hover {
  opacity: 1;
}
.trebuchet--query--blogroll .trebuchet--query--blogroll--item--meta .wp-block-post-terms {
  padding: 5px 10px;
  border-radius: 10px;
  display: block;
  order: 1;
  text-align: center;
  border: solid 1px var(--wp--preset--color--black);
}
@media screen and (max-width: 999px) {
  .trebuchet--query--blogroll .trebuchet--query--blogroll--item--meta .wp-block-post-terms {
    order: 2;
  }
}
.trebuchet--query--blogroll .trebuchet--query--blogroll--item--meta .wp-block-post-terms::before {
  content: "\f02b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: calc(0.5 * var(--wp--style--block-gap));
  display: inline-block;
}/*# sourceMappingURL=style.css.map */