$width-tab:80%; $marginleft-tab:10%; $marginright-tab:10%; $display-tab:block; $color-tab-body:#CFCFCF; $height-tab-body: 100%; $width-tab-body: 80%; $display-tab-body:none; $bgcolor-tab-body: #FFFFFF; $height-tab-body: 500px; $width-tab-left:20%; $display-tab-left:block; /*$bgcolor-child-tab: #212121;*/ $bgcolor-child-tab: #FFFFFF; $width-child-tab: 100%; $textalign-child-tab:center; $fontsize-child-tab:16px; $color-child-tab:#000000; $color-child-tab-active:#FFFFFF; $bgcolor-child-tab-active:#0072C6 ; $display-child-tab:block; $bgcolor-default-lang: #E0E0E0; $color-default-lang: #000000; $bgcolor-blank: #FFFFFF; $color-blank: #FFFFFF; $padleft:50px; $padright:50px; $fontsize:18px; $marginbot:12px; $bgcolor-tab-form: #FFFFFF; @mixin tab-model($param-display,$param-width){ display:$param-display; float:left; width: $param-width; } @mixin background-text-color($param-bgcolor,$param-color){ background-color:$param-bgcolor; color: $param-color; } .tab{ @include tab-model($display-tab,$width-tab); height:inherit; margin-left:$marginleft-tab; margin-right:$marginright-tab; box-shadow:1px 1px 5px #000000; } .tab-left{ @include tab-model($display-tab-left,$width-tab-left); } .tab-body{ @include tab-model($display-tab-body,$width-tab-body); @include background-text-color($bgcolor-tab-body,$color-tab-body); border: 1px solid #D1CACA; height: $height-tab-body; } .child-tab{ @include tab-model($display-child-tab,$width-tab-body); width: $width-child-tab; text-align: $textalign-child-tab; font-size: $fontsize-child-tab; cursor:pointer; border: 1px solid #D1CACA; @include background-text-color($bgcolor-child-tab,$color-child-tab); } .child-tab.active{ @include background-text-color($bgcolor-child-tab-active,$color-child-tab-active); display:block !important; } .tab-body.active{ @include background-text-color($bgcolor-tab-body,$color-default-lang); display:block !important; } .blank{ @include background-text-color($bgcolor-blank,$color-blank); border: 0px solid white !important; cursor:default; } .center{ text-align:center; padding-bottom:20px !important; } .tab-detail{ padding-left:$padleft; padding-right:$padright; padding-top: 20px !important; } .tab-data{ font-size: $fontsize; margin-bottom: $marginbot; } .tab-form{ background-color: $bgcolor-tab-form; border-radius: 5px; padding-bottom: 20px !important; }