restrict sitehed sizes
This commit is contained in:
parent
7fcc859e48
commit
8b527e9730
2 changed files with 12 additions and 8 deletions
|
|
@ -28,7 +28,7 @@
|
|||
argTypes: {
|
||||
hedSize: {
|
||||
control: 'select',
|
||||
options: ['small', 'normal', 'big', 'bigger', 'biggest'],
|
||||
options: ['small', 'normal', 'big'],
|
||||
},
|
||||
},
|
||||
};
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue