, 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); })(); Theatre | 麻豆区

麻豆区

Skip to main content
School of Humanities, Arts, and Social Sciences

Theatre

Request Info Apply

Tell compassionate stories of diverse human experiences from all around God鈥檚 world.

At Calvin, we challenge ourselves and our audience to engage people around us with empathy and compassion. The creativity you foster here, and the practical skills you gain, will empower you in any career you choose to pursue.

Here you'll find courses, productions, internships, and programs where you'll explore the human condition and develop skills vital to any career, whether it's on or off the stage. Our brand-new theatre minor lets you enhance any major with skills like acting, directing, production, and design鈥攕kills that will make you an effective leader and communicator in any workplace.

much ado about nothing

Season 91: Important Questions

Featuring three main stage productions and three student-led lab series productions.

Learn more
two students in a production

Want to join the company?

Auditions are open to all Calvin students. Interested in working backstage? Contact us for ways to get involved.

Learn more

Explore Programs

Theatre Minor

On Campus
Minor
View the Full course catalog

upcoming

View all Theatre events

Upcoming Events

Loading...