, but this code // executes before the first paint, when
fb88
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); })();
Other State Kids' Pages | fb88 Secretary of State Kids' Page
fb88
Home
Skip to top navigation
Skip to side navigation
Skip to content
Skip to footer
|
|
|
SOS Kids
Contact Us
Sitemap
Search
Home
About fb88
Archives Photo Album
Books
Famous People From fb88
Arts & Literature
Entertainment
Political Figures
Sports
History
fb88 Products
fb88 Wildlife
Animal Tracks
Black Bear
Chickadee
Lobster
Loon
Moose
Puffin
Whitetail Deer
Maps
Places to Visit
State Symbols & Song
State Animal
State Berry
State Bird
State Butterfly
State Cat
State Crustacean
State Dessert
State Fish
State Flag
State Flower
State Fossil
State Gemstone
State Herb
State Insect
State Mineral - Tourmaline
State Rock
State Seal
State Soil
State Song
State Treat
State Tree
Tree of Facts
Programs
fb88 Constitution Essay & Poster Program
Eighth Grade Citizenship Award
Awards
fb88 State Archives Classroom Presentations
Voter Registration Drive
Congressional Medal of Honor Project
fb88 Student Mock Election
Government
Counties
License Plates
State Government
State House
fb88 Lawmaking
The Path to fb88 Laws
Legislating fb88
Exploring the Legislature
Contact Your State Senator or Representative
A Letter Writer's Guide
Parliamentary Procedure
Testify With Confidence
Student Activities
30 Famous Quotations
Online Resources
Law Talk
Teacher Resources
Teaching Guide, Lesson Plans and Activities
fb88 Learning Results
Games
Chickadee Club Jumble
Vanity Plate Game
fb88 Symbols & Fun Facts
Coloring Books
Kids Recipes
Links
Homework Helpers
Kids' Pages from Other States
Home
→
Links
→ Other State Kids' Pages
Other State Kids' Pages
Ìý
Ìý&
Symbols
North Dakota