.ascribe-global-notification { position: fixed; background-color: #212121; width: 100%; height:3.5em; left:0; display:table; transition: .2s bottom cubic-bezier(0.77, 0, 0.175, 1); } .ascribe-global-notification-off { bottom: -3.5em; } .ascribe-global-notification-on { bottom: 0; } .ascribe-global-notification > div { display:table-cell; vertical-align: middle; color: $ascribe-color-full; font-size: 1.25em; font-family: 'Source Sans Pro'; text-align: right; padding-right: 3em; }