, 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); })(); Letters to the Editor 2014 Fall - News & Stories | ƴɸ̳

ƴɸ̳

Skip to main content

Spark

Letters to the Editor 2014 Fall

Mon, Sep 01, 2014

Swell socks

Thank you for featuring “” in the last issue of the Calvin Spark. I promptly visited the website and ordered a pair of the fun socks for my dad in honor of Father’s Day!

Jessica Johnson Derosier ’03
West Palm Beach, Fla.

OK memories

Though it was a rare and wonderful treat to open the summer 2014 Spark and see a picture of my grandfather OK Bouwsma grinning over his boerenjongens, I wanted to let you know that some of the information written about him in the article was incorrect. He was never, to any of his family’s knowledge, called “Oscar,” though he did have a cousin who had that first name. Oets actually took his mother’s maiden name, Kolk, as his middle name when he was a teenager so that he could be called “OK.” Thank you for the memories.

Elizabeth Bouwsma Oppewal Berends ’74
Grand Rapids, Mich.

Loading...