rivendellweb pattern library

Heading 

<!-- H1 -->
<h1>Towards the Splendid City (Pablo Neruda, 1971)</h1>


<!-- H2 -->
<h2>Towards the Splendid City (Pablo Neruda, 1971)</h2>


<!-- H3 -->
<h3>Towards the Splendid City (Pablo Neruda, 1971)</h3>


<!-- H4 -->
<h4>Towards the Splendid City (Pablo Neruda, 1971)</h4>


<!-- H5 -->
<h5>Towards the Splendid City (Pablo Neruda, 1971)</h5>


<!-- H6 -->
<h6>Towards the Splendid City (Pablo Neruda, 1971)</h6>


<!-- H1 Vertical -->
<h1 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h1>


<!-- H2 Vertical -->
<h1>Towards the Splendid City (Pablo Neruda, 1971)</h1>


<!-- H3 Vertical -->
<h3 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h3>


<!-- H4 Vertical -->
<h4 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h4>


<!-- H5 Vertical -->
<h5 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h5>


<!-- H6 Vertical -->
<h6 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h6>


<!-- Marvin Book Cover -->
<h1 class="marvin">The Dying Night</h1>


<!-- H 2 -->
<h2 class="vertical">Towards the Splendid City (Pablo Neruda, 1971)</h2>


<!-- H1 -->
<h1>{{ headingText }}</h1>

<!-- H2 -->
<h2>{{ headingText }}</h2>

<!-- H3 -->
<h3>{{ headingText }}</h3>

<!-- H4 -->
<h4>{{ headingText }}</h4>

<!-- H5 -->
<h5>{{ headingText }}</h5>

<!-- H6 -->
<h6>{{ headingText }}</h6>

<!-- H1 Vertical -->
<h1 class="vertical">{{ headingText }}</h1>

<!-- H2 Vertical -->
<h1>{{ headingText }}</h1>

<!-- H3 Vertical -->
<h3 class="vertical">{{ headingText }}</h3>

<!-- H4 Vertical -->
<h4 class="vertical">{{ headingText }}</h4>

<!-- H5 Vertical -->
<h5 class="vertical">{{ headingText }}</h5>

<!-- H6 Vertical -->
<h6 class="vertical">{{ headingText }}</h6>

<!-- Marvin Book Cover -->
<h1 class="marvin">The Dying Night</h1>

<!-- H 2 -->
<h2 class="vertical">{{ headingText }}</h2>
 
/* H1 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H2 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H3 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H4 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H5 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H6 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H1 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H2 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H3 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H4 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H5 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H6 Vertical */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* Marvin Book Cover */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}


/* H 2 */
{
  "headingText": "Towards the Splendid City (Pablo Neruda, 1971)"
}
  • Content: 
    @font-face {
  font-family: 'Marvin Visions';
  src: url('/fonts/MarvinVisionsBig-Bold.woff2') format('woff2');
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Recursive', sans-serif;
  font-variation-settings: "MONO" 0, "CASL" 0, "wght" 700, "slnt" 0, "CRSV" 0.5;
  margin: 3rem 0 1.38rem;
  line-height: 1.3;
}

h1 {
  margin-top: 0;
  font-size: 4.209rem;
}

h2 {font-size: 3.157rem;}

h3 {font-size: 2.369rem;}

h4 {font-size: 1.777rem;}

h5 {font-size: 1.333rem;}

small, .text_small {font-size: 0.75rem;}

.vertical {
  float: left;
  writing-mode: vertical-rl;
}

.marvin {
  font-family: 'Marvin Visions', Helvetica, Arial, sans-serif;
  font-size: 16rem;
  color: #e65f1d;
  font-weight: bold;
  margin: 0;
  line-height: 1;
  text-shadow: 6px 6px 2px rgb(0 0 0 / 80%);
}
  • URL: /components/raw/heading/heading.css
  • Filesystem Path: src/components/01-atoms/01-typography/01-heading/heading.css
  • Size: 777 Bytes

Headings