Remove margin in BBUI body component
This commit is contained in:
parent
2745506fc9
commit
76cef0b06d
|
@ -3,27 +3,14 @@
|
||||||
|
|
||||||
export let size = "M"
|
export let size = "M"
|
||||||
export let serif = false
|
export let serif = false
|
||||||
export let noPadding = false
|
|
||||||
export let weight = 400
|
export let weight = 400
|
||||||
export let textAlign = "left"
|
export let textAlign = "left"
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<p
|
<p
|
||||||
style="font-weight:{weight};text-align:{textAlign};"
|
style="font-weight:{weight};text-align:{textAlign};"
|
||||||
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}
|
||||||
>
|
>
|
||||||
<slot />
|
<slot />
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<style>
|
|
||||||
p {
|
|
||||||
margin-top: 0.75em;
|
|
||||||
margin-bottom: 0.75em;
|
|
||||||
}
|
|
||||||
.noPadding {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
Loading…
Reference in New Issue