Skip to content

Commit b99e4fd

Browse files
CITguyCITguy
authored
Merge pull request #436 from rackerlabs/dev-compat-small-papercuts
fix(papercuts): implement new classes for box styles
2 parents 0a9f1a9 + ad8c5fa commit b99e4fd

File tree

50 files changed

+84
-80
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+84
-80
lines changed

‎docs/_templates/component.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{% extends 'application.njk' %}
22

33
{% block layout %}
4-
<main id="content" class="hxBox-md">
4+
<main id="content" class="hxBox hxMd">
55
<h1>{{ page.title }}
66
{% include 'partials/min-version.njk' %}
77
</h1>
@@ -14,7 +14,7 @@
1414
{% include 'partials/see-also.njk' %}
1515
{% endif %}
1616
</main>
17-
<aside class="hxSiderail hxBox-md">
17+
<aside class="hxSiderail hxBox hxMd">
1818
<h1 class="hxHeading-4">On this page:</h1>
1919
<nav class="article-toc">
2020
{{ page.raw | toc | safe }}

‎docs/_templates/element.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{% extends 'application.njk' %}
22

33
{% block layout %}
4-
<main id="content" class="hxBox-md">
4+
<main id="content" class="hxBox hxMd">
55
<h1>{{ page.title }}
66
{% include 'partials/min-version.njk' %}
77
</h1>
@@ -48,7 +48,7 @@
4848
{% include 'partials/see-also.njk' %}
4949
{% endif %}
5050
</main>
51-
<aside class="hxSiderail hxBox-md">
51+
<aside class="hxSiderail hxBox hxMd">
5252
<h1 class="hxHeading-4">On this page:</h1>
5353
<nav class="article-toc">
5454
{{ page.raw | toc | safe }}

‎docs/_templates/guide.njk‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{% extends 'application.njk' %}
22

33
{% block layout %}
4-
<main id="content" class="hxBox-xl">
4+
<main id="content" class="hxBox hxMd">
55
<h1>{{ page.title }}</h1>
66

77
{% block content %}
@@ -12,7 +12,7 @@
1212
{% include 'partials/see-also.njk' %}
1313
{% endif %}
1414
</main>
15-
<aside class="hxSiderail hxBox-md">
15+
<aside class="hxSiderail hxBox hxMd">
1616
{% include 'partials/sidebar.njk' %}
1717
</aside>
1818
{% endblock %}

‎docs/_templates/test.njk‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{% extends 'application.njk' %}
22

33
{% block layout %}
4-
<main id="content" class="hxBox-lg">
4+
<main id="content" class="hxBox hxLg">
55
<h1>{{ page.title }}</h1>
66

77
{% block content %}

‎docs/components/accordions/accordion-demo.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ if (document.getElementById('vue-singlePanelAccordionDemo')) {
2424
<hx-accordion current-panel="${this.currentPanel}">
2525
<hx-accordion-panel ${this.currentPanel === 0 ? 'open' : ''}>
2626
<header slot="header">Cupcake Ipsum</header>
27-
<div class="hxBox-md">
27+
<div class="hxBox hxMd">
2828
<!-- body content goes here -->
2929
</div>
3030
</hx-accordion-panel>

‎docs/components/accordions/index.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ <h2 id="basic-accordion">Basic Accordion</h2>
1919
<hx-accordion>
2020
<hx-accordion-panel open>
2121
<header slot="header">Cupcake Ipsum</header>
22-
<div class="hxBox-md">
22+
<div class="hxBox hxMd">
2323
<p>
2424
Sweet toffee pie icing croissant halvah chupa chups. Cotton candy pie
2525
sesame snaps. Muffin sesame snaps cake toffee liquorice apple pie
@@ -30,7 +30,7 @@ <h2 id="basic-accordion">Basic Accordion</h2>
3030

3131
<hx-accordion-panel>
3232
<header slot="header">Biscuit Marshmallow</header>
33-
<div class="hxBox-md">
33+
<div class="hxBox hxMd">
3434
<p>
3535
Sweet toffee pie icing croissant halvah chupa chups. Cotton candy pie
3636
sesame snaps. Muffin sesame snaps cake toffee liquorice apple pie
@@ -41,7 +41,7 @@ <h2 id="basic-accordion">Basic Accordion</h2>
4141

4242
<hx-accordion-panel open>
4343
<header slot="header">Caramels Marzipan</header>
44-
<div class="hxBox-md">
44+
<div class="hxBox hxMd">
4545
<p>
4646
Sweet toffee pie icing croissant halvah chupa chups. Cotton candy pie
4747
sesame snaps. Muffin sesame snaps cake toffee liquorice apple pie
@@ -57,7 +57,7 @@ <h2 id="basic-accordion">Basic Accordion</h2>
5757
<hx-accordion>
5858
<hx-accordion-panel open>
5959
<header slot="header">Cupcake Ipsum</header>
60-
<div class="hxBox-md">
60+
<div class="hxBox hxMd">
6161
<!-- body content goes here -->
6262
</div>
6363
</hx-accordion-panel>
@@ -98,7 +98,7 @@ <h2 id="single-panel-accordion">Single Panel Accordion</h2>
9898
>
9999
<hx-accordion-panel>
100100
<header slot="header">Cupcake Ipsum</header>
101-
<div class="hxBox-md">
101+
<div class="hxBox hxMd">
102102
<p>
103103
Sweet toffee pie icing croissant halvah chupa chups. Cotton candy pie
104104
sesame snaps. Muffin sesame snaps cake toffee liquorice apple pie
@@ -109,7 +109,7 @@ <h2 id="single-panel-accordion">Single Panel Accordion</h2>
109109

110110
<hx-accordion-panel>
111111
<header slot="header">Biscuit Marshmallow</header>
112-
<div class="hxBox-md">
112+
<div class="hxBox hxMd">
113113
<p>
114114
Sweet toffee pie icing croissant halvah chupa chups. Cotton candy pie
115115
sesame snaps. Muffin sesame snaps cake toffee liquorice apple pie
@@ -120,7 +120,7 @@ <h2 id="single-panel-accordion">Single Panel Accordion</h2>
120120

121121
<hx-accordion-panel>
122122
<header slot="header">Caramels Marzipan</header>
123-
<div class="hxBox-md">
123+
<div class="hxBox hxMd">
124124
<p>
125125
Sweet toffee pie icing croissant halvah chupa chups. Cotton candy pie
126126
sesame snaps. Muffin sesame snaps cake toffee liquorice apple pie

‎docs/components/accordions/test.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ <h2>Open Enabled</h2>
1616
<hx-accordion>
1717
<hx-accordion-panel open>
1818
<header slot="header">Cupcake Ipsum</header>
19-
<div class="hxBox-md">
19+
<div class="hxBox hxMd">
2020
<p>
2121
Sweet toffee pie icing croissant halvah chupa chups. Cotton candy pie
2222
sesame snaps. Muffin sesame snaps cake toffee liquorice apple pie
@@ -32,7 +32,7 @@ <h2>Closed Disabled</h2>
3232
<hx-accordion>
3333
<hx-accordion-panel disabled>
3434
<header slot="header">Cupcake Ipsum</header>
35-
<div class="hxBox-md">
35+
<div class="hxBox hxMd">
3636
<p>
3737
Sweet toffee pie icing croissant halvah chupa chups. Cotton candy pie
3838
sesame snaps. Muffin sesame snaps cake toffee liquorice apple pie

‎docs/components/icons/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -49,13 +49,13 @@ <h2 id="file-icons">File Icon</h2>
4949
</header>
5050

5151
<div class="demo">
52-
<hx-file-icon
52+
<hx-file-icon
5353
v-if="ext !== ''"
5454
:extension="ext"
5555
:type="type"
5656
></hx-file-icon>
57-
58-
<hx-file-icon
57+
58+
<hx-file-icon
5959
v-else
6060
:type="type"
6161
></hx-file-icon>
@@ -141,7 +141,7 @@ <h3 class="hxHeading-4">{{icon.name}}</h3>
141141
</p>
142142
</div>
143143
</div>
144-
<div app-loading class="hxBox-lg">
144+
<div app-loading class="hxBox hxLg">
145145
<hx-busy></hx-busy>
146146
<p>Loading...</p>
147147
</div>

‎docs/components/modals/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ <h3>Modal Header</h3>
8484
<pre><code v-text="snippet"></code></pre>
8585
</footer>
8686
</div>
87-
<div app-loading class="hxBox-lg">
87+
<div app-loading class="hxBox hxLg">
8888
<hx-busy></hx-busy>
8989
<p>Loading...</p>
9090
</div>

‎docs/components/stepper/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ <h2 id="basic-stepper">Basic Stepper</h2>
2525
<span class="beta-hxStepLabel">Account</span>
2626
<span class="beta-hxStepValue">Acme Corp Inc.</span>
2727
</header>
28-
<div class="hxBox-md">
28+
<div class="hxBox hxMd">
2929
<p>
3030
<em>Content Goes Here</em>
3131
</p>
@@ -42,7 +42,7 @@ <h2 id="basic-stepper">Basic Stepper</h2>
4242
<span class="beta-hxStepLabel">Topic</span>
4343
<span class="beta-hxStepValue">Technical Incident</span>
4444
</header>
45-
<div class="hxBox-md">
45+
<div class="hxBox hxMd">
4646
<p>
4747
<em>Content Goes Here</em>
4848
</p>
@@ -60,7 +60,7 @@ <h2 id="basic-stepper">Basic Stepper</h2>
6060
<span class="beta-hxStepLabel">Issue Details</span>
6161
<span class="beta-hxStepValue"></span>
6262
</header>
63-
<div class="hxBox-md">
63+
<div class="hxBox hxMd">
6464
<p>
6565
<em>Content Goes Here</em>
6666
</p>
@@ -85,7 +85,7 @@ <h2 id="basic-stepper">Basic Stepper</h2>
8585
<span class="beta-hxStepLabel">Account</span>
8686
<span class="beta-hxStepValue">Acme Corp Inc.</span>
8787
</header>
88-
<div class="hxBox-md">
88+
<div class="hxBox hxMd">
8989
<p>
9090
<em>Content Goes Here</em>
9191
</p>

0 commit comments

Comments
 (0)