style.pcss

@import url('https://gfonts.pirati.cz/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap');

/* Icons */
@import "./atoms/icons.pcss";

/**
* This injects Tailwind's base styles and any base styles registered by
* plugins.
*/
@import "tailwindcss/base";

/**
* This injects Tailwind's component classes and any component classes
* registered by plugins.
*/
@import "tailwindcss/components";

/**
 * Custom components
 */
@import "./atoms/animations.pcss";
@import "./atoms/alert.pcss";
@import "./atoms/avatar.pcss";
@import "./atoms/card.pcss";
@import "./atoms/contact-line.pcss";
@import "./atoms/container.pcss";
@import "./atoms/figure.pcss";
@import "./atoms/flag.pcss";
@import "./atoms/form-field.pcss";
@import "./atoms/heading.pcss";
@import "./atoms/horizontal-rule.pcss";
@import "./atoms/icons.pcss";
@import "./atoms/list.pcss";
@import "./atoms/paragraph.pcss";
@import "./atoms/quotation.pcss";
@import "./atoms/social-icon.pcss";
@import "./atoms/super-button.pcss";
@import "./atoms/table.pcss";
@import "./atoms/tooltip.pcss";

@import "./molecules/article-card.pcss";
@import "./molecules/badge.pcss";
@import "./molecules/banner.pcss";
@import "./molecules/calendar.pcss";
@import "./molecules/candidate-card.pcss";
@import "./molecules/candidate-table-row.pcss";
@import "./molecules/chips.pcss";
@import "./molecules/content-block.pcss";
@import "./molecules/dropdown.pcss";
@import "./molecules/dropdown-button.pcss";
@import "./molecules/flip-clock.pcss";
@import "./molecules/form-field.pcss";
@import "./molecules/modal.pcss";
@import "./molecules/pagination.pcss";
@import "./molecules/program-point-list.pcss";
@import "./molecules/social-icon-group.pcss";
@import "./molecules/switch.pcss";

@import "./organisms/candidate-card-list.pcss";
@import "./organisms/candidate-table.pcss";
@import "./organisms/footer.pcss";
@import "./organisms/hero.pcss";
@import "./organisms/navbar.pcss";
@import "./organisms/subnav.pcss";
@import "./organisms/region-map.pcss";

@import "./templates/candidate-detail.pcss";
@import "./templates/cf2021.pcss";

/**
* This injects Tailwind's utility classes and any utility classes registered
* by plugins.
*/
@import "tailwindcss/utilities";

::-moz-selection {
  color: theme("colors.white");
  background: theme("colors.cyan.300");
}

::selection {
  color: theme("colors.white");
  background: theme("colors.cyan.300");
}

:root {
  font-size: 16px;
}

body {
  @apply font-body font-normal leading-none antialiased;
  font-size: 1rem;
}

a:hover {
  @apply underline;
}

a.icon-link:hover {
  @apply no-underline;

  span {
    @apply underline;
  }
}

/* Hide vue templates before rendering */
[v-cloak] {
  @apply hidden;
}

.copyleft {
  transform: matrix(-1, 0, 0, 1, 0, 0) !important;
}

.inline-block-nogap {
  /* Avoid gaps between inline-block elements */
  font-size: 0;
}

/* auto-size iframe according to aspect ratio while keeping the 100% height */
.iframe-container {
  @apply relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.iframe-container iframe {
  @apply absolute top-0 left-0 w-full h-full;
}