Mirrors/tabler
1
0 Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-10-12 05:06:55 +04:00
Code Issues Projects Releases Wiki Activity

Fix .icon so transform animations work on webfont icons (#2729)

Browse Source 
Co-authored-by: codecalm <codecalm@gmail.com>
This commit is contained in:
Riccardo Bessoneandcodecalm authored and GitHub committed 2026-08-01 01:58:45 +02:00
1 parent 70f069cd05
commit 70193fef56
2 files changed
+7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

.changeset/fix-icon-transform-animations.md
+5
View File
@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fixed transform animations (`.icon-pulse`, `.icon-tada`, `.icon-rotate`) not working on webfont icons by adding `display: inline-block` and `transform-origin: center` to `.icon`.
core/scss/ui/_icons.scss
+2
View File
@@ -9,6 +9,8 @@
height: var(--#{$prefix}icon-size); height: var(--#{$prefix}icon-size);
font-size: var(--#{$prefix}icon-size); font-size: var(--#{$prefix}icon-size);
vertical-align: bottom; vertical-align: bottom;
display: inline-block;
transform-origin: center;
@if $icon-stroke-width { @if $icon-stroke-width {
stroke-width: $icon-stroke-width; stroke-width: $icon-stroke-width;