@zohodesk/components/lib/v1/Typography/css/v1_Typography.module.css

In this Package, we Provide Some Basic Components to Build Web App

.reset {
  font-weight: initial;
  margin: initial ;
  padding: initial ;
}
.dotted{
  composes: dotted from '../../../common/common.module.css';
}
.display_block {
  display: block;
}
.display_inlineBlock {
  display: inline-block;
}
.display_inline {
  display: inline;
}
.display_initial{
  display: initial;
}
.font_regular {
  font-family: var(--zd_regular);
}
.font_light {
  font-family: var(--zd_light);
}
.font_semibold {
  font-family: var(--zd_semibold);
  composes: ftsmooth from '../../../common/common.module.css';
}
.font_bold {
  font-family: var(--zd_bold);
  composes: ftsmooth from '../../../common/common.module.css';
}
.fontStyles_normal{
  font-style: normal;
}
.fontStyles_italic{
  font-style: italic;
}
.decoration_default{
  text-decoration: none;
}
.decoration_underline{
  text-decoration: underline;
}
.decoration_strike{
  text-decoration: line-through;
}
.decoration_overline{
  text-decoration: overline;
}
[dir=ltr] .textalign_left{
  text-align: left;
}
[dir=rtl] .textalign_left{
  text-align: right;
}
[dir=ltr] .textalign_right{
  text-align: right;
}
[dir=rtl] .textalign_right{
  text-align: left;
}
.textalign_center{
  text-align: center;
}
.textalign_justify{
  text-align: justify;
}
.transform_default{
  text-transform: none;
}
.transform_upper{
  text-transform: uppercase;
}
.transform_lower{
  text-transform: lowercase;
}
.transform_capital{
  text-transform: capitalize;
}
.dotted_clamp{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.lineclamp_1{
  -webkit-line-clamp: 1;
  composes:dotted_clamp;
}
.lineclamp_2{
  -webkit-line-clamp: 2;
  composes:dotted_clamp;
}
.lineclamp_3{
  -webkit-line-clamp: 3;
  composes:dotted_clamp;
}
.lineclamp_4{
  -webkit-line-clamp: 4;
  composes:dotted_clamp;
}
.lineclamp_5{
  -webkit-line-clamp: 5;
  composes:dotted_clamp;
}

.wordBreak_breakAll{
  word-break: break-all
}
.wordBreak_keepAll{
  word-break: keep-all
}
.wordBreak_breakWord{
  word-break: break-word
}

.wordWrap_normal{
  word-wrap:normal;
}
.wordWrap_break{
  word-wrap:break-word
}

.whiteSpace_normal{
  white-space:normal
}
.whiteSpace_noWrap{
  white-space:nowrap
}
.whiteSpace_pre{
  white-space:pre
}
.whiteSpace_preLine{
  white-space:pre-line
}
.whiteSpace_preWrap{
  white-space:pre-wrap
}



/*...............Font Size Start.........*/

.size7{
  font-size: var(--zd_font_size7) ;
}
.size8{
  font-size: var(--zd_font_size8) ;
}
.size9{
  font-size: var(--zd_font_size9) ;
}
.size10{
  font-size: var(--zd_font_size10) ;
}
.size11{
  font-size: var(--zd_font_size11) ;
}
.size12{
  font-size: var(--zd_font_size12) ;
}
.size13{
  font-size: var(--zd_font_size13) ;
}
.size14{
  font-size: var(--zd_font_size14) ;
}
.size15{
  font-size: var(--zd_font_size15) ;
}
.size16{
  font-size: var(--zd_font_size16) ;
}
.size17{
  font-size: var(--zd_font_size17) ;
}
.size18{
  font-size: var(--zd_font_size18) ;
}
.size19{
  font-size: var(--zd_font_size19) ;
}
.size20{
  font-size: var(--zd_font_size20) ;
}
.size21{
  font-size: var(--zd_font_size21) ;
}
.size22{
  font-size: var(--zd_font_size22) ;
}
.size24{
  font-size: var(--zd_font_size24) ;
}
.size25{
  font-size: var(--zd_font_size25) ;
}
.size26{
  font-size: var(--zd_font_size26) ;
}
.size28{
  font-size: var(--zd_font_size28) ;
}
.size29{
  font-size: var(--zd_font_size29) ;
}
.size30{
  font-size: var(--zd_font_size30) ;
}
.size32{
  font-size: var(--zd_font_size32) ;
}
.size34{
  font-size: var(--zd_font_size34) ;
}
.size35{
  font-size: var(--zd_font_size35) ;
}
.size36{
  font-size: var(--zd_font_size36) ;
}
.size40{
  font-size: var(--zd_font_size40) ;
}
.size50{
  font-size: var(--zd_font_size50) ;
}
.sizeinherit{
  font-size: inherit ;
}

/*...............Font Size End.........*/

/*............... Lineheight Start.........*/

.lineheight_inherit{
  line-height: inherit;
}
.lineheight_initial{
  line-height: initial;
}
.lineheight_normal{
  line-height: normal;
}
.lineheight_0{
  line-height: 0;
}
.lineheight_0_1{
  line-height: 0.1;
}
.lineheight_0_2{
  line-height: 0.2;
}
.lineheight_0_3{
  line-height: 0.3;
}
.lineheight_0_4{
  line-height: 0.4;
}
.lineheight_0_5{
  line-height: 0.5;
}
.lineheight_0_6{
  line-height: 0.6;
}
.lineheight_0_7{
  line-height: 0.7;
}
.lineheight_0_8{
  line-height: 0.8;
}
.lineheight_0_9{
  line-height: 0.9;
}
.lineheight_1{
  line-height: 1;
}
.lineheight_1_1{
  line-height: 1.1;
}
.lineheight_1_2{
  line-height: 1.2;
}
.lineheight_1_3{
  line-height: 1.3;
}
.lineheight_1_4{
  line-height: 1.4;
}
.lineheight_1_5{
  line-height: 1.5;
}
.lineheight_1_6{
  line-height: 1.6;
}
.lineheight_1_7{
  line-height: 1.7;
}
.lineheight_1_8{
  line-height: 1.8;
}
.lineheight_1_9{
  line-height: 1.9;
}
.lineheight_2{
  line-height: 2;
}


/*............... Lineheight End.........*/

/*............... Letterspacing Start.........*/

.letterspacing_inherit{
  letter-spacing:inherit;
}
.letterspacing_0_1{
  letter-spacing: 0.1px;
}
.letterspacing_0_2{
  letter-spacing: 0.2px;
}
.letterspacing_0_3{
  letter-spacing: 0.3px;
}
.letterspacing_0_4{
  letter-spacing: 0.4px;
}
.letterspacing_0_5{
  letter-spacing: 0.5px;
}
.letterspacing_0_6{
  letter-spacing: 0.6px;
}
.letterspacing_0_7{
  letter-spacing: 0.7px;
}
.letterspacing_0_8{
  letter-spacing: 0.8px;
}
.letterspacing_0_9{
  letter-spacing: 0.9px;
}
.letterspacing_1{
  letter-spacing: 1px;
}
.letterspacing_1_1{
  letter-spacing: 1.1px;
}
.letterspacing_1_2{
  letter-spacing: 1.2px;
}
.letterspacing_1_3{
  letter-spacing: 1.3px;
}
.letterspacing_1_4{
  letter-spacing: 1.4px;
}
.letterspacing_1_5{
  letter-spacing: 1.5px;
}
.letterspacing_1_6{
  letter-spacing: 1.6px;
}
.letterspacing_1_7{
  letter-spacing: 1.7px;
}
.letterspacing_1_8{
  letter-spacing: 1.8px;
}
.letterspacing_1_9{
  letter-spacing: 1.9px;
}
.letterspacing_2{
  letter-spacing: 2px;
}

/*............... Letterspacing End.........*/