private-dreamnet/dreamtime

View on GitHub
src/assets/css/components/_notification.scss

Summary

Maintainability
Test Coverage
/*
 * DreamTime.
 * Copyright (C) DreamNet. All rights reserved.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License 3.0 as published by
 * the Free Software Foundation. See <https://www.gnu.org/licenses/gpl-3.0.html>
 *
 * Written by Ivan Bravo Bravo <ivan@opendreamnet.com>, 2019.
 */

.notification {
  @apply mb-6 py-4 pl-4 pr-6 rounded;
  @apply bg-menus-light text-white text-sm;

  h5 {
    @apply font-bold;
    margin-bottom: 6px;
  }

  a {
    @apply underline;
  }

  &.notification--warning {
    @apply bg-warning text-black;

    code {
      @apply bg-warning-dark;
    }
  }

  &.notification--danger {
    @apply bg-danger text-black;

    code {
      @apply bg-danger-dark;
    }
  }

  &.notification--success {
    @apply bg-success text-black;

    code {
      @apply bg-success-dark;
    }
  }

  .icon {
    @apply mr-1;
  }

  pre {
    @apply text-xs overflow-auto bg-black p-2 text-white break-words whitespace-pre-wrap;
    max-height: 100px;
  }
}