Skip to content

Commit 33591d5

Browse files
author
Ryan A. Johnson
committed
feat(typography): Modify Heading styles
* update regression baselines
1 parent 9b5abf8 commit 33591d5

File tree

37 files changed

+280
-253
lines changed

37 files changed

+280
-253
lines changed

‎docs/_templates/component.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
{% block layout %}
44
<main id="content" class="hxBox-md">
5-
<h1 class="hxPageTitle">{{ page.title }}</h1>
5+
<h1>{{ page.title }}</h1>
66

77
{% block content %}
88
{# freeform page content goes here #}
@@ -13,7 +13,7 @@
1313
{% endif %}
1414
</main>
1515
<aside class="hxSiderail hxBox-md">
16-
<h1 class="hxContainerTitle">On this page:</h1>
16+
<h1 class="hxHeading-4">On this page:</h1>
1717
<nav class="article-toc">
1818
{{ page.raw | toc | safe }}
1919
{% if page.also %}

‎docs/_templates/element.njk‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22

33
{% block layout %}
44
<main id="content" class="hxBox-md">
5-
<h1 class="hxPageTitle">{{ page.title }}</h1>
5+
<h1>{{ page.title }}</h1>
66

77
{% block content %}
88
{# freeform page content goes here #}
99
{% endblock %}
1010

1111
{# ATTRIBUTES #}
1212
<section>
13-
<h2 class="hxSectionTitle" id="attributes">Attributes</h2>
13+
<h2 id="attributes">Attributes</h2>
1414
<p>
1515
Attributes allow you to configure an element in a
1616
declarative manner via markup.
@@ -27,7 +27,7 @@
2727

2828
{# PROPERTIES #}
2929
<section>
30-
<h2 class="hxSectionTitle" id="properties">Properties</h2>
30+
<h2 id="properties">Properties</h2>
3131
<p>
3232
Properties allow you to configure an element in an
3333
imperative manner via JavaScript.
@@ -47,7 +47,7 @@
4747
{% endif %}
4848
</main>
4949
<aside class="hxSiderail hxBox-md">
50-
<h1 class="hxContainerTitle">On this page:</h1>
50+
<h1 class="hxHeading-4">On this page:</h1>
5151
<nav class="article-toc">
5252
{{ page.raw | toc | safe }}
5353
<a href="#attributes">Attributes</a>

‎docs/_templates/guide.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
{% block layout %}
44
<main id="content" class="hxBox-md">
5-
<h1 class="hxPageTitle">{{ page.title }}</h1>
5+
<h1>{{ page.title }}</h1>
66

77
{% block content %}
88
{# page content goes here #}

‎docs/_templates/partials/see-also.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<section>
2-
<h2 class="hxSectionTitle" id="see-also">See Also</h2>
2+
<h2 id="see-also">See Also</h2>
33
<ul>
44
{% for href,label in page.also %}
55
<li><a href="{{href}}">{{label}}</a></li>

‎docs/_templates/partials/sidebar.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<h1 class="hxContainerTitle">On this page:</h1>
1+
<h1 class="hxHeading-4">On this page:</h1>
22
<nav class="article-toc">
33
{{ page.raw | toc | safe }}
44
{% if page.also %}

‎docs/components/alerts/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
{% extends 'component.njk' %}
55
{% block content %}
66
<section>
7-
<h2 class="hxSectionTitle" id="default">Default</h2>
7+
<h2 id="default">Default</h2>
88

99
<div class="demo">
1010
<div role="status" class="hxAlerts" aria-live="polite">
@@ -43,7 +43,7 @@ <h2 class="hxSectionTitle" id="default">Default</h2>
4343
</section>
4444

4545
<section>
46-
<h2 class="hxSectionTitle" id="error">Error</h2>
46+
<h2 id="error">Error</h2>
4747

4848
<div class="demo">
4949
<div role="status" class="hxAlerts" aria-live="polite">
@@ -82,7 +82,7 @@ <h2 class="hxSectionTitle" id="error">Error</h2>
8282
</section>
8383

8484
<section>
85-
<h2 class="hxSectionTitle" id="warning">Warning</h2>
85+
<h2 id="warning">Warning</h2>
8686

8787
<div class="demo">
8888
<div role="status" class="hxAlerts" aria-live="polite">
@@ -121,7 +121,7 @@ <h2 class="hxSectionTitle" id="warning">Warning</h2>
121121
</section>
122122

123123
<section>
124-
<h2 class="hxSectionTitle" id="success">Success</h2>
124+
<h2 id="success">Success</h2>
125125

126126
<div class="demo">
127127
<div role="status" class="hxAlerts" aria-live="polite">

‎docs/components/box/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,10 @@
1414
</section>
1515

1616
<section>
17-
<h2 class="hxSectionTitle" id="demos">Demos</h2>
17+
<h2 id="demos">Demos</h2>
1818
<div id="vue-boxDemo" class="hxRow" v-cloak>
1919
<div class="hxCol hxSpan-12-xs hxSpan-3-lg hxOrder-2-lg">
20-
<h3 class="hxSubSectionTitle">Options</h3>
20+
<h3>Options</h3>
2121
<p>
2222
<b>Size:</b><br />
2323
<select v-model="size">
@@ -28,7 +28,7 @@ <h3 class="hxSubSectionTitle">Options</h3>
2828
</p>
2929
</div>
3030
<div class="hxCol hxSpan-12-xs hxSpan-9-lg hxOrder-1-lg">
31-
<h3 class="hxSubSectionTitle">Basic Box</h3>
31+
<h3>Basic Box</h3>
3232

3333
<div class="demo box-demo">
3434
<div :class="size.value">
@@ -52,7 +52,7 @@ <h3 class="hxSubSectionTitle">Basic Box</h3>
5252
</section>
5353

5454
<section>
55-
<h2 class="hxSectionTitle" id="sizes">Sizes</h2>
55+
<h2 id="sizes">Sizes</h2>
5656
<table class="hxTable hxSpan-12-xs hxSpan-8-md">
5757
<thead>
5858
<tr>

‎docs/components/breadcrumbs/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
{% extends 'component.njk' %}
55
{% block content %}
66
<section>
7-
<h2 class="hxSectionTitle" id="basic-breadcrumbs">Basic Breadcrumbs</h2>
7+
<h2 id="basic-breadcrumbs">Basic Breadcrumbs</h2>
88
<div class="demo">
99
<nav class="hxBreadcrumb">
1010
<a href="#">Home</a>

‎docs/components/buttons/index.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,10 @@
88
{% extends 'component.njk' %}
99
{% block content %}
1010
<section>
11-
<h2 class="hxSectionTitle" id="demos">Demos</h2>
11+
<h2 id="demos">Demos</h2>
1212
<div id="vue-buttonDemo" class="hxRow" v-cloak>
1313
<div class="hxCol hxSpan-12-xs hxSpan-3-lg hxOrder-2-lg">
14-
<h3 class="hxSubSectionTitle">Options</h3>
14+
<h3>Options</h3>
1515
<div class="hxRow">
1616
<div class="hxCol hxSpan-12-lg hxSpan-6-xs">
1717
<b>Variant:</b><br />
@@ -46,7 +46,7 @@ <h3 class="hxSubSectionTitle">Options</h3>
4646
</div>
4747
<div class="hxCol hxSpan-12-xs hxSpan-9-lg hxOrder-1-lg">
4848
<section>
49-
<h3 class="hxSubSectionTitle">Single Button</h3>
49+
<h3>Single Button</h3>
5050
<div class="demo button-demo">
5151
<button :class="loneClasses">
5252
{% raw %}{{size.label}} {{variant.label}}{% endraw %}
@@ -58,7 +58,7 @@ <h3 class="hxSubSectionTitle">Single Button</h3>
5858
</section>
5959

6060
<section>
61-
<h3 class="hxSubSectionTitle">Button Group</h3>
61+
<h3>Button Group</h3>
6262
<div class="demo button-demo">
6363
<div :class="groupClasses">
6464
<button class="hxBtn">First</button>
@@ -83,7 +83,7 @@ <h3 class="hxSubSectionTitle">Button Group</h3>
8383
</section>
8484

8585
<section data-visreg="button-states">
86-
<h2 class="hxSectionTitle" id="button-states">Button States</h2>
86+
<h2 id="button-states">Button States</h2>
8787
<table class="hxTable">
8888
<tbody>
8989
<tr>

‎docs/components/checkboxes/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,10 @@
66
{% extends 'component.njk' %}
77
{% block content %}
88
<section>
9-
<h2 class="hxSectionTitle" id="demos">Demos</h2>
9+
<h2 id="demos">Demos</h2>
1010
<div id="vue-checkboxDemo" class="hxRow" v-cloak>
1111
<div class="hxCol hxSpan-12-xs hxSpan-3-lg hxOrder-2-lg">
12-
<h3 class="hxSubSectionTitle">Options</h2>
12+
<h3>Options</h2>
1313
<label>
1414
<input type="checkbox" v-model="isChecked" />
1515
Checked
@@ -28,7 +28,7 @@ <h3 class="hxSubSectionTitle">Options</h2>
2828
</label>
2929
</div>
3030
<div class="hxCol hxSpan-12-xs hxSpan-9-lg hxOrder-1-lg">
31-
<h3 class="hxSubSectionTitle">Basic Checkbox</h2>
31+
<h3>Basic Checkbox</h2>
3232
<div class="demo">
3333
<hx-checkbox
3434
:checked="isChecked"
@@ -45,7 +45,7 @@ <h3 class="hxSubSectionTitle">Basic Checkbox</h2>
4545
</section>
4646

4747
<section data-visreg="checkbox-states">
48-
<h2 class="hxSectionTitle" id="checkbox-states">Checkbox States</h2>
48+
<h2 id="checkbox-states">Checkbox States</h2>
4949
<table class="hxTable">
5050
<thead>
5151
<tr>

0 commit comments

Comments
 (0)