Skip to content

Commit

Permalink
chore: fixed various sass issues
Browse files Browse the repository at this point in the history
  • Loading branch information
@agliga
agliga committed Jun 27, 2024
1 parent 22edcb2 commit 3e8b9e5
Show file tree
Hide file tree
Showing 24 changed files with 78 additions and 72 deletions.
4 changes: 2 additions & 2 deletions dist/breadcrumbs/breadcrumbs.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions dist/button/button.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

11 changes: 3 additions & 8 deletions dist/carousel/carousel.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/carousel/carousel.css.map
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions dist/combobox/combobox.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/filter-menu-button/filter-menu-button.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

9 changes: 9 additions & 0 deletions dist/icon/icon.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/icon/icon.css.map
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/lightbox-dialog/lightbox-dialog.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/select/select.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

12 changes: 6 additions & 6 deletions docs/_includes/inline-notice.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@

<div class="inline-notice inline-notice--confirmation">
<span class="inline-notice__header">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Confirmation">
<svg class="icon icon--16 icon--confirmation-filled" height="16" width="16" role="img" aria-label="Confirmation">
{% include symbol.html name="confirmation-filled-16" %}
</svg>
</span>
Expand All @@ -26,7 +26,7 @@

<div class="inline-notice inline-notice--information">
<span class="inline-notice__header">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Information">
<svg class="icon icon--16 icon--information-filled" height="16" width="16" role="img" aria-label="Information">
{% include symbol.html name="information-filled-16" %}
</svg>
</span>
Expand All @@ -37,7 +37,7 @@

<div class="inline-notice inline-notice--attention">
<span class="inline-notice__header">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Attention">
<svg class="icon icon--16 icon--attention-filled" height="16" width="16" role="img" aria-label="Attention">
{% include symbol.html name="attention-filled-16" %}
</svg>
</span>
Expand All @@ -56,7 +56,7 @@

<div class="inline-notice inline-notice--confirmation">
<span class="inline-notice__header">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Confirmation">
<svg class="icon icon--16 icon--confirmation-filled" height="16" width="16" role="img" aria-label="Confirmation">
<use href="#icon-confirmation-filled-16"></use>
</svg>
</span>
Expand All @@ -67,7 +67,7 @@

<div class="inline-notice inline-notice--information">
<span class="inline-notice__header">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Information">
<svg class="icon icon--16 icon--information-filled" height="16" width="16" role="img" aria-label="Information">
<use href="#icon-information-filled-16"></use>
</svg>
</span>
Expand All @@ -78,7 +78,7 @@

<div class="inline-notice inline-notice--attention">
<span class="inline-notice__header">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Attention">
<svg class="icon icon--16 icon--attention-filled" height="16" width="16" role="img" aria-label="Attention">
<use href="#icon-attention-filled-16"></use>
</svg>
</span>
Expand Down
22 changes: 11 additions & 11 deletions docs/_includes/section-notice.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ <h3 id="section-notice-status">Status Section Notice</h3>
<div class="demo__inner">
<section class="section-notice" role="region" aria-label="Confirmation" aria-roledescription="Notice">
<div class="section-notice__header" id="section-notice-confirmation">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Confirmation">
<svg class="icon icon--16 icon--confirmation-filled" height="16" width="16" role="img" aria-label="Confirmation">
{% include symbol.html name="confirmation-filled-16" %}
</svg>
</div>
Expand All @@ -40,7 +40,7 @@ <h3 id="section-notice-status">Status Section Notice</h3>

<section class="section-notice" role="region" aria-label="Attention" aria-roledescription="Notice">
<div class="section-notice__header" id="section-notice-attention">
<svg class="icon icon--16" height="16" width="16" aria-label="Attention">
<svg class="icon icon--16 icon--attention-filled" height="16" width="16" aria-label="Attention">
{% include symbol.html name="attention-filled-16" %}
</svg>
</div>
Expand All @@ -51,7 +51,7 @@ <h3 id="section-notice-status">Status Section Notice</h3>

<section class="section-notice" role="region" aria-label="Information" aria-roledescription="Notice">
<div class="section-notice__header" id="section-notice-information">
<svg class="icon icon--16" height="16" width="16" aria-label="Information">
<svg class="icon icon--16 icon--information-filled" height="16" width="16" aria-label="Information">
{% include symbol.html name="information-filled-16" %}
</svg>
</div>
Expand All @@ -76,7 +76,7 @@ <h3 id="section-notice-status">Status Section Notice</h3>

<section class="section-notice" role="region" aria-label="Attention" aria-roledescription="Notice">
<div class="section-notice__header" id="section-notice-attention">
<svg class="icon icon--16" height="16" width="16" aria-label="Attention">
<svg class="icon icon--16 icon--attention-filled" height="16" width="16" aria-label="Attention">
<use href="#icon-attention-filled-16"></use>
</svg>
</div>
Expand All @@ -87,7 +87,7 @@ <h3 id="section-notice-status">Status Section Notice</h3>

<section class="section-notice" role="region" aria-label="Information" aria-roledescription="Notice">
<div class="section-notice__header" id="section-notice-information">
<svg class="icon icon--16" height="16" width="16" aria-label="Information">
<svg class="icon icon--16 icon--information-filled" height="16" width="16" aria-label="Information">
<use href="#icon-information-filled-16"></use>
</svg>
</div>
Expand All @@ -104,7 +104,7 @@ <h3 id="section-notice-titled">Titled Section Notice</h3>
<div class="demo__inner">
<section class="section-notice" role="region" aria-label="Confirmation" aria-roledescription="Notice">
<div class="section-notice__header" id="section-notice-confirmation">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Confirmation">
<svg class="icon icon--16 icon--confirmation-filled" height="16" width="16" role="img" aria-label="Confirmation">
{% include symbol.html name="confirmation-filled-16" %}
</svg>
</div>
Expand All @@ -119,7 +119,7 @@ <h3 class="section-notice__title">Notification title</h3>
{% highlight html %}
<section class="section-notice" role="region" aria-label="Confirmation" aria-roledescription="Notice">
<div class="section-notice__header" id="section-notice-confirmation">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Confirmation">
<svg class="icon icon--16 icon--confirmation-filled" height="16" width="16" role="img" aria-label="Confirmation">
<use href="#icon-confirmation-filled-16"></use>
</svg>
</div>
Expand All @@ -137,7 +137,7 @@ <h3 id="section-notice-dismissable">Dismissable Section Notice</h3>
<div class="demo__inner">
<section class="section-notice" role="region" aria-label="Confirmation" aria-roledescription="Notice">
<div class="section-notice__header" id="section-notice-confirmation">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Confirmation">
<svg class="icon icon--16 icon--confirmation-filled" height="16" width="16" role="img" aria-label="Confirmation">
{% include symbol.html name="confirmation-filled-16" %}
</svg>
</div>
Expand All @@ -159,7 +159,7 @@ <h3 class="section-notice__title">Notification title</h3>
{% highlight html %}
<section class="section-notice" role="region" aria-label="Confirmation" aria-roledescription="Notice">
<div class="section-notice__header" id="section-notice-confirmation">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Confirmation">
<svg class="icon icon--16 icon--confirmation-filled" height="16" width="16" role="img" aria-label="Confirmation">
<use href="#icon-confirmation-filled-16"></use>
</svg>
</div>
Expand All @@ -181,7 +181,7 @@ <h3 id="section-notice-actionable">Actionable Section Notice</h3>
<p>Link or button actions can be placed in a <span class="highlight">section-notice__cta</span> element.</p>
<section class="section-notice" role="region" aria-label="Confirmation">
<div class="section-notice__header">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Confirmation">
<svg class="icon icon--16 icon--confirmation-filled" height="16" width="16" role="img" aria-label="Confirmation">
{% include symbol.html name="confirmation-filled-16" %}
</svg>
</div>
Expand All @@ -204,7 +204,7 @@ <h3 class="section-notice__title">Notification title</h3>
{% highlight html %}
<section class="section-notice" role="region" aria-label="Confirmation" aria-roledescription="Notice">
<div class="section-notice__header">
<svg class="icon icon--16" height="16" width="16" role="img" aria-label="Confirmation">
<svg class="icon icon--16 icon--confirmation-filled" height="16" width="16" role="img" aria-label="Confirmation">
<use href="#icon-confirmation-filled-16"></use>
</svg>
</div>
Expand Down
2 changes: 1 addition & 1 deletion docs/static/skin-default.min.css.map
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/static/skin-full.min.css.map
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/static/skin-headless.min.css.map
View file

Large diffs are not rendered by default.

Loading

0 comments on commit 3e8b9e5

Please sign in to comment.