, 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); })(); Shades of White Flight - News & Stories | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Publications

Shades of White Flight

Thu, Mar 12, 2015
Mark T. Mulder
Using a wealth of both archival and interview data, Mulder sheds light on the forces that shaped these midwestern neighborhoods and shows that, surprisingly, evangelical religion fostered both segregation as well as the decline of urban stability. Indeed, the Roseland and Englewood stories show how religion—often used to foster community and social connectedness—can sometimes help to disintegrate neighborhoods. Mulder describes how the Dutch CRC formed an insular social circle that focused on the local church and Christian school—instead of the local park or square or market—as the center point of the community. Rather than embrace the larger community, the CRC subculture sheltered themselves and their families within these two places. Thus it became relatively easy—when black families moved into the neighborhood—to sell the church and school and relocate in the suburbs. This is especially true because, in these congregations, authority rested at the local church level and in fact they owned the buildings themselves.Ìý
Ìý
Revealing how a dominant form of evangelical church polity—congregationalism—functioned within the larger phenomenon of white flight, Shades of White Flight lends new insights into the role of religion and how it can affect social change, not always for the better.Ìý

Authors: