restrict sitehed sizes

This commit is contained in:
Prasanta Kumar Dutta 2023-08-03 16:07:15 +05:30
parent 7fcc859e48
commit 8b527e9730
2 changed files with 12 additions and 8 deletions

View file

@ -28,7 +28,7 @@
argTypes: {
hedSize: {
control: 'select',
options: ['small', 'normal', 'big', 'bigger', 'biggest'],
options: ['small', 'normal', 'big'],
},
},
};

View file

@ -1,5 +1,8 @@
<script lang="ts">
import { HeadlineSize } from '../@types/global';
/**
* Used to set headline class fluid size from text-2xl to text-4xl
*/
type HeadlineSize = 'small' | 'normal' | 'big';
/**
* Headline
@ -10,6 +13,7 @@
/**
* Headline size
* @type {string}
* @
*/
export let hedSize: HeadlineSize = 'normal';
/**
@ -73,12 +77,12 @@
let hedClass;
$: {
switch (hedSize) {
case 'biggest':
hedClass = 'text-6xl';
break;
case 'bigger':
hedClass = 'text-5xl';
break;
// case 'biggest':
// hedClass = 'text-6xl';
// break;
// case 'bigger':
// hedClass = 'text-5xl';
// break;
case 'big':
hedClass = 'text-4xl';
break;