gaf-mobile/app/styles/modules/Notifications.less

GAF mobile Web site

@import (reference) '../libs/mixins';
@import (reference) '../themes/variables';

/**
 * Notifications
 *
 * Used to display in-app notifications
 *
 * Markup: Notifications.html
 *
 * Styleguide 9
 */

.Notifications {
    opacity: 0.9;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 97%;
    margin: 5px;
    padding: 16px;
    border-radius: @border-radius;

    font-size: @type-size;
    font-weight: @type-weight-regular;
    text-align: center;
    color: @text-color-light;
    background: @site-bg--dark;
}