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

ÃÛÌÒapp

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); })(); The ÃÛÌÒapp Press - | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

The ÃÛÌÒapp Press

Ìý

Christian Thinking Goes Where You Go.

The ÃÛÌÒapp Press works to make Christian perspectives on contemporary topics more accessible. By empowering great scholars in higher education to share their expertise, The ÃÛÌÒapp Press advances Christian thinking in a variety of fields, all the way from how to best prepare for an excursion abroad to what it means to be a young person in today’s churches.

Where to Purchase

The ÃÛÌÒapp Press titles are availableÌýat major online retailers as well as the ÃÛÌÒappÌýUniversity Campus Store. Some titles are available to download for free on Digital Commons.

ÃÛÌÒapp Shorts

ÃÛÌÒapp Shorts is a series for global Christians who want to understand our world better. Each book examines a single topic, untangles misconceptions, and suggests ways to think and act faithfully.Ìý

Ìý