4-elements edit

global  edit

Contains global css styles.

Copy
Edit
<!-- components/4-elements/global.php --> <p>Contains global css styles.</p>
Copy
Copy
Edit
/* scss/4-elements/_global.scss */ @import "https://www.wm.edu/js/vendor/galleria/themes/classic/galleria.classic.css"; // ============================================== // W&M GLOBAL STYLES // ============================================== $transition-default: all 0.3s cubic-bezier(0.22, 1, 0.36, 1); * { box-sizing: border-box; } html { color: var(--color-text-base); background-color: var(--color-content-background-base); font-family: font(text-sans); font-size: 1rem; font-weight: 400; line-height: font(text-line-height); } .monospace { font-family: "Courier New", Courier, monospace !important; } .sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0; } #quick_nav { margin-bottom: kspaces(sm); font-size: 1rem; @include breakpoint($mobile-to-desktop-breakpoint) { display: none; } & a { font-weight: font(sans-weight, medium); } } .quick_nav_divider:last-child { display: none; } b, strong { font-weight: font(sans-weight, demi); } // ---------------------------------------------- // HR hr { display: block; overflow: auto; height: 1px; margin: kspaces(lg) 0; padding: 0; border: 0; // border-top: $border-width solid $border-color; border-top: $border-width solid rgba(var(--color-wmsilver-25-rgb), 0.4); } //not sure what this is .cf:before, .cf:after { display: table; content: ""; } .cf:after { clear: both; } .cf { zoom: 1; }