System Office Toolkit Modifications 2.16
Javascript
Header Changes
Wordmark
- .header--full .wordmark: padding: 20px 0 3px;
- .wordmark { --block-i-alignment: center;--unit-border: none;--unit-padding: 0px;position: relative;display: grid; grid-template-columns: 0; grid-template-areas: "campus unit"; grid-gap: 0px;}
- Remove \n contain: layout inline-size; in wordmark / @supports (contain: inline-size)
Hide header campus wordmark and text
- .header--full .campus { display: none;}
- .header--full .header__main-outer change background to transparent;
- .header__main-outer { border-top: 0px solid var(--il-blue);}
- .header--compact .header__main .campus { display: none;}
- .header--compact .header__main { border-top: none;}
- .header--compact .header__main { background-color: transparent;}
- Delete \n max-width: var(--il-content-max-width); in .header--full .header__main-inner
- .header--full .navigation__inner { max-width: 1300px;}
Hide I mark
- .campus {\n grid-area: campus;\n align-self: var(--block-i-alignment);\n display: none;\n}
- Change border to none --unit-border: 1px solid var(--il-blue); to --unit-border: none
- .header--full .header__main-outer \n padding: 0 var(--il-content-margin);
- .header--full .header__main-inner {--unit-padding: 0px;--unit-padding: 0px;
Formatting
- .section-inner {max-width: unset; }
- .section { padding-left, padding-right: unset;}
- Replace il-orange with il-orange-darker-2 (#d43f27) in all
Footer Changes
- .campus-wordmark { display: none;}
Additional CSS Changes
- add .il-formatted .il-icon a { text-decoration: none;}
- Replace "Source Sans Variable","Source Sans",sans-serif; With "Gotham A", "Gotham B", Lato, sans-serif;
- Replace il-unit-wordmark a { color: var(--il-link-color); with il-unit-wordmark a { color: #fff; text-decoration: none !important; background-color: rgba(19, 41, 75, 0.7); display: inline-block; padding: 20px; text-transform: uppercase; font-family: "Oswald", helvetica, sans-serif; }
- il-header[view="full"] .il-links { margin-top: -40px;}