@require 'common/variables.styl'

.category-container {

  background: var(--background-color);

  if (hexo-config('magic.enable')) {
    magic-container(1.02, 30px);
  }

  .category-name {
    color: var(--second-text-color);
    font-size: 1.6em;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: $component-interspace;
    border-bottom: 1px solid var(--border-color);
  }
}