, 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); })(); News | Â鶹Çø

Â鶹Çø

Skip to main content

News

Gerbens

This January, a group of Calvin pre-health students will be taking their learning from the classroom...

Gerbens

This January, a group of Calvin pre-health students will be taking their learning from the classroom...

A Christmas message from Calvin College

Calvin College student Dantia Dandjinou shares a spoken word poem to express the timeless wonder of...

A Christmas message from Calvin College

Calvin College student Dantia Dandjinou shares a spoken word poem to express the timeless wonder of...

A Christmas message from Calvin College

Calvin College student Dantia Dandjinou shares a spoken word poem to express the timeless wonder of...
Calvin Christmas Video 2014.00_00_19_09.Still002-001

A Christmas message from Calvin College

Calvin College student Dantia Dandjinou shares a spoken word poem to express the timeless wonder of...
Calvin Christmas Video 2014.00_00_19_09.Still002-001

A Christmas message from Calvin College

Calvin College student Dantia Dandjinou shares a spoken word poem to express the timeless wonder of...
Robert Otten720x405

Calvin remembers Robert Otten

Remembered for his ability to challenge and attract students to the Classics field of study, Robert...

Calvin remembers Robert Otten

Remembered for his ability to challenge and attract students to the Classics field of study, Robert...

Calvin remembers Robert Otten

Remembered for his ability to challenge and attract students to the Classics field of study, Robert...

Summary of Calvin's response to robbery near campus

The following is a summary of the incident that transpired near Calvin’s campus in the early morning...

Calvin remembers Robert Otten

Remembered for his ability to challenge and attract students to the Classics field of study, Robert...

Summary of Calvin's response to robbery near campus

The following is a summary of the incident that transpired near Calvin’s campus in the early morning...
Robert Otten720x405

Calvin remembers Robert Otten

Remembered for his ability to challenge and attract students to the Classics field of study, Robert...
CalvinCrossing720x405

Summary of Calvin's response to robbery near campus

The following is a summary of the incident that transpired near Calvin’s campus in the early morning...