Browse Source

Updating text align style to be optional.

gh-pages
mike12345567 5 years ago
parent
commit
b8e08b455d
  1. 4
      packages/bbui/src/Typography/Body.svelte
  2. 4
      packages/bbui/src/Typography/Heading.svelte

4
packages/bbui/src/Typography/Body.svelte

@ -4,11 +4,11 @@
export let size = "M" export let size = "M"
export let serif = false export let serif = false
export let noPadding = false export let noPadding = false
export let textAlign = "left" export let textAlign
</script> </script>
<p <p
style="text-align:{textAlign};" style="{textAlign ? `text-align:${textAlign}` : ``}"
class:noPadding class:noPadding
class="spectrum-Body spectrum-Body--size{size}" class="spectrum-Body spectrum-Body--size{size}"
class:spectrum-Body--serif={serif} class:spectrum-Body--serif={serif}

4
packages/bbui/src/Typography/Heading.svelte

@ -3,12 +3,12 @@
// Sizes // Sizes
export let size = "M" export let size = "M"
export let textAlign = "left" export let textAlign
export let noPadding = false export let noPadding = false
</script> </script>
<h1 <h1
style="text-align:{textAlign};" style="{textAlign ? `text-align:${textAlign}` : ``}"
class:noPadding class:noPadding
class="spectrum-Heading spectrum-Heading--size{size}" class="spectrum-Heading spectrum-Heading--size{size}"
> >

Loading…
Cancel
Save