Web components of La Silla Vacía

Specialheader 

Cannot find module '../../common/Toggle/Toggle'
 
import { h, Component } from 'preact';
import Toggle from '../../common/Toggle/Toggle';

const SpecialHeader = ({ children, ...props }) => (
  <header className="g-specialHeader">
    <h1 className="g-specialHeader__title">The special title</h1>
    <h2 className="g-specialHeader__subtitle">this special subtitle</h2>

    <div className="g-specialHeader__content">
      <Toggle />
    </div>

    <nav className="g-specialHeader__navigation">
      <ul className="g-specialHeader__navigation__list">

      </ul>
    </nav>
  </header>
);

export default SpecialHeader;
 
/* No context defined for this component. */
  • Content: 
    .g-specialHeader {
  @apply --typeset-ui;
  width: 100%;
  background-color: #fff;
  text-align: center;
  display: block;
  font-size: 16px;
  color: map(colors, primary, base);
  line-height: 1.5;
  padding-bottom: 2em;

  &::before,
  &::after {
    content: '';
    display: table;
    width: 100%;
    clear: both;
  }

  &__title {
    font-family: map(fonts, family-serif);
    font-size: 3em;
    font-weight: 700;
    margin-top: 1em;
    line-height: 1.5;
  }

  &__subtitle {
    text-transform: uppercase;
    font-size: 0.875em;
    font-weight: 700;
    margin: 10px auto 0;
    letter-spacing: 1px;
  }

  &__content {
    margin: 2em auto;
  }
}
  • URL: /components/raw/specialheader/SpecialHeader.css
  • Filesystem Path: src/components/global/SpecialHeader/SpecialHeader.css
  • Size: 662 Bytes

There are no notes for this item.