Skip to content

Commit

Permalink
docs(fundamentals): rename example-row-detail to annotation (#1863)
Browse files Browse the repository at this point in the history 
Relates to #1859 (comment)
  • Loading branch information
@dancormier @giamir
dancormier authored and giamir committed Nov 27, 2024
1 parent ffec8e5 commit d4d140b
Show file tree
Hide file tree
Showing 3 changed files with 18 additions and 18 deletions.
0 docs/_includes/example-row-detail.html → docs/_includes/annotation.html
View file
File renamed without changes.
14 changes: 7 additions & 7 deletions docs/product/foundation/accessibility.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@
role="presentation">
{% icon "Pencil" %} Button
</button>
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: group.description,
style: "margin-left: 50%;",
customHeight: 16
Expand All @@ -133,7 +133,7 @@
{% icon "Pencil" %}
Button
</button>
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: group.description,
style: "margin-left: 50%;",
customHeight: 16
Expand All @@ -158,7 +158,7 @@
<input class="s-toggle-switch {{group.classes | default: ""}}" type="checkbox" role="presentation">
{% endif %}

{% render 'example-row-detail.html',
{% render 'annotation.html',
text: group.description,
style: "margin-left: 50%;",
customHeight: 16
Expand Down Expand Up @@ -197,7 +197,7 @@
</div>
{% endif %}

{% render 'example-row-detail.html',
{% render 'annotation.html',
text: group.description,
style: "margin-left: 50%;",
customHeight: 16
Expand Down Expand Up @@ -232,7 +232,7 @@
</div>
{% endif %}

{% render 'example-row-detail.html',
{% render 'annotation.html',
text: group.description,
style: "margin-left: 50%;",
customHeight: 16
Expand Down Expand Up @@ -284,7 +284,7 @@
</div>
{% endif %}

{% render 'example-row-detail.html',
{% render 'annotation.html',
text: group.description,
style: "margin-left: 50%;",
customHeight: 16
Expand All @@ -306,7 +306,7 @@
</button>
{% endif %}

{% render 'example-row-detail.html',
{% render 'annotation.html',
text: group.description,
style: "margin-left: 50%;",
customHeight: 16
Expand Down
22 changes: 11 additions & 11 deletions docs/product/foundation/color-fundamentals.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,7 @@
<section class="stacks-section">
{% header "h3", "Backgrounds" %}
<div class="d-flex fd-column bg-black-100 bar-lg p32">
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: "Default background color",
style: "margin-left: calc((1.5/11) * 100%)",
classes: "sm:d-none",
Expand All @@ -139,7 +139,7 @@
colorSets: colors[0].sets,
labeledStops: "050,100,150,200" | split: ","
%}
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: "Background layers",
style: "width: calc((4/11) * 100%)",
classes: "sm:d-none",
Expand All @@ -160,13 +160,13 @@
labeledStops: "200,225,300" | split: ","
%}
<div class="d-flex w100">
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: "Decorative borders",
style: "margin-left: calc((3/11) * 100%); width: calc((2/11) * 100%)",
classes: "sm:d-none",
range: true
%}
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: "Input borders",
classes: "sm:d-none",
style: "margin-left: calc((1.5/11) * 100%);"
Expand All @@ -187,13 +187,13 @@
labeledStops: "400,500,600" | split: ","
%}
<div class="d-flex w100">
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: "Text",
style: "margin-left: calc((8/11) * 100%); width: calc((2/11) * 100%)",
classes: "sm:d-none",
range: true
%}
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: "Heading",
style: "margin-left: calc((.5/11) * 100%);",
classes: "sm:d-none"
Expand All @@ -210,12 +210,12 @@
<div class="d-flex fd-column bg-black-100 bar-lg p32">
{% render 'color-row.html', color: "black", colorSets: colors[0].sets, labeledStops: "350,400,500" | split: "," %}
<div class="d-flex w100">
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: "Illustrations",
style: "margin-left: calc((7.5/11) * 100%)",
classes: "sm:d-none"
%}
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: "Icons",
style: "margin-left: calc((.5/11) * 100%); width: calc((2/11) * 100%)",
classes: "sm:d-none",
Expand Down Expand Up @@ -331,7 +331,7 @@
<div class="{{color.classes}} bar-pill ta-center px8 py2">Robotics</div>
{% endfor %}
</div>
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: group.name,
range: true
%}
Expand All @@ -342,7 +342,7 @@
{% for group in colors[0].emphasis %}
<div class="ta-center">
<div class="fs-title {{group.textClasses}}">Text</div>
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: group.name,
style: "margin-left: 50%;"
%}
Expand All @@ -361,7 +361,7 @@
{% for group in colors[0].interaction %}
<div class="ta-center w100">
<button class="s-btn s-btn__filled {{group.classes}}" {{group.attr}} role="presentation">Button</button>
{% render 'example-row-detail.html',
{% render 'annotation.html',
text: group.name,
style: "margin-left: 50%;"
%}
Expand Down

0 comments on commit d4d140b

Please sign in to comment.