private-dreamnet/dreamtime

View on GitHub
src/assets/css/components/_markdown.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.
 */

.markdown-content {
  h2 {
    @apply text-xl mb-2 font-semibold;

    &:not(:first-child) {
      @apply mt-6;
    }
  }

  h3 {
    @apply text-lg mb-2;

    &:not(:first-child) {
      @apply mt-4;
    }
  }

  p {
    @apply my-2;
  }

  ul {
    @apply list-disc ml-6;

    li {
      @apply mt-2;
    }
  }

  a {
    @apply text-primary;

    &:hover {
      @apply underline;
    }
  }

  code {
    @apply bg-gray-200 font-mono py-2 px-2 text-sm;
  }
}