holakit/packages/core/.stencil/optimizeCss_97bcos0wbm7tfowtalndzw.log

Yet another design-driven UI component set.

/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

:root {
  /**
   * @prop --hola-primary-color: Primary color applied throughout the whole
   *   component set.
   **/
  --hola-primary-color: #3498db;

  /**
   * @prop --hola-text-light-color: Light color for text. Usually you don't
   *   change this.
   * @prop --hola-text-dark-color: Dark color for text. Like the light one.
   **/
  --hola-text-light-color: rgba(255, 255, 255, 0.97);
  --hola-text-dark-color: rgba(0, 0, 0, 0.8);

  /**
   * @prop --hola-backdrop-color: Color of backdrop for overlays, like the
   *   navigation on mobile.
   **/
  --hola-backdrop-color: rgba(0, 0, 0, 0.8);

  /**
   * @prop --hola-focus-color: Color used in focus glows around inputs and
   *   other controls.
   **/
  --hola-focus-color: rgba(52, 152, 219, 0.5);

  /**
   * @prop --hola-elment-gap: The gap used between block elements in a vertical
   *   flow of components. Notice that this setting doesn't affect paragraph
   *   gaps, only component gaps, like the gap between an image and a paragraph.
   **/
  --hola-element-gap: 2rem
}

@media (max-width: 700px) {

:root {
    --hola-element-gap: 1rem
}
  }

body {
  color: rgba(0, 0, 0, 0.8);
  color: var(--hola-text-dark-color);
  background: #eee;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, "Lantinghei SC",
    sans-serif
}

@media (max-width: 700px) {

body {
    font-size: 0.9rem
}
  }

h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.17em;
}
body h4, body h5, body h6 {
  font-size: 1em;
}

body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
  color: inherit;
  text-decoration: inherit;
}

a {
  color: #3498db;
  color: var(--hola-primary-color);
}

p {
  margin-bottom: 1em;
}
p:last-child {
  margin-bottom: 0;
}