|  |  |  | 
|---|
|  |  |  | @include bole-set-component-css-var('color', $bole-colors); | 
|---|
|  |  |  | @include bole-set-component-css-var('text-color', $bole-text-color); | 
|---|
|  |  |  | @include bole-set-component-css-var('size', $bole-size); | 
|---|
|  |  |  | background-color: map-get($bole-colors, 'body-background-color'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | --primary-color: #{map-get($bole-colors, 'primary')}; | 
|---|
|  |  |  | overflow: hidden; | 
|---|
|  |  |  | background-color: map.get($bole-colors, 'body-background-color'); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | --nut-primary-color: #{map-get($bole-colors, 'primary')}; | 
|---|
|  |  |  | --primary-color: #{map.get($bole-colors, 'primary')}; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | --nut-primary-color: #{map.get($bole-colors, 'primary')}; | 
|---|
|  |  |  | --nut-primary-color-end: $primary-color-end; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | --nut-tag-success-background-color: #d0f8e2; | 
|---|
|  |  |  | --nut-tag-danger-background-color: #ffe5e5; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | --nut-badge-background-color: #{map-get($bole-colors, 'danger')}; | 
|---|
|  |  |  | --nut-badge-background-color: #{map.get($bole-colors, 'danger')}; | 
|---|
|  |  |  | } | 
|---|