add tiny as part of size prop

ripe-tech · Nov 8, 2023 · 20d8004 · 20d8004
1 parent acbb133
commit 20d8004
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 * `title` and `subTitle` optional props to Lightbox component - [#635](https://github.com/ripe-tech/ripe-components-vue/issues/635)
 * `backgroundColor` optional prop to Input component - [#638](https://github.com/ripe-tech/ripe-components-vue/issues/638)
+* `tiny` as an option to the size prop - [#641](https://github.com/ripe-tech/ripe-components-vue/issues/641)
 
 ### Changed
 

diff --git a/vue/components/ui/molecules/section-expandable/section-expandable.stories.js b/vue/components/ui/molecules/section-expandable/section-expandable.stories.js
@@ -21,6 +21,7 @@ storiesOf("Components/Molecules/Section Expandable", module)
                 default: select(
                     "Size",
                     {
+                        Tiny: "tiny",
                         Small: "small",
                         Medium: "medium",
                         Large: "large"

diff --git a/vue/components/ui/molecules/section-expandable/section-expandable.vue b/vue/components/ui/molecules/section-expandable/section-expandable.vue
@@ -35,6 +35,10 @@
     letter-spacing: 0.35px;
 }
 
+.section-expandable > .header > .title.title-tiny {
+    font-size: 12px;
+}
+
 .section-expandable > .header > .title.title-small {
     font-size: 14px;
 }