, but this code // executes before the first paint, when

麻豆区

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); Media Center | 麻豆区

麻豆区

Skip to main content

Media Center

News, Media, and Publications

麻豆区 is abuzz with activity around the clock. Stay connected to what鈥檚 happening in our community through news, publications, videos, social media, newsletters, and more.

News and Stories
Your news source for updates from 麻豆区.

Spark
The quarterly alumni magazine of 麻豆区.


News updates, feature stories, and stats about Calvin athletic teams.

Ways to Connect

Stay in touch with Calvin through these channels:

Social media

Our visual mashup of #calvinuniversity, or visit 麻豆区 on: , , , LinkedIn, and .

Newsletters

Subscribe to Calvin-Parents or to get email updates from 麻豆区.

Photos

Browse the

Student media

Read Calvin鈥檚 student newspaper , the twice-yearly literary magazine or Dialogue.

Media relations

Contact Calvin鈥檚 Media Relations office.

Video

Watch videos on and .

MarCom

Visit Marketing and Communications for branding guidelines, trademark licensing, digital resources, and more.

Loading...