js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 11:09:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

reformat comment

Browse Source
This commit is contained in:
Cory LaViska
2023-12-13 12:03:01 -05:00
parent a21ab1d044
commit f5f4f9ae43
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/spinner/spinner.styles.ts
View File

@@ -1,11 +1,10 @@
import { css } from 'lit';
import componentStyles from '../../styles/component.styles.js';
// Note on flex:none on the :host
// Resizing a spinner element using anything but font-size will break the animation
// mostly because the animation uses em units. Therefore, if a spinner is used in a flex container,
// without flex:none applied, the spinner can grow/shrink and break the animation
// flex:none hopes to prevent this by always having the spinner sized according to its actual dimensions
// Resizing a spinner element using anything but font-size will break the animation because the animation uses em units.
// Therefore, if a spinner is used in a flex container without `flex: none` applied, the spinner can grow/shrink and
// break the animation. The use of `flex: none` on the host element prevents this by always having the spinner sized
// according to its actual dimensions.
export default css`
${componentStyles}