@use 'sass:map'; 
 | 
@use './var.scss' as *; 
 | 
@use './function.scss' as *; 
 | 
@use './orderCard.scss' as *; 
 | 
@use './card.scss' as *; 
 | 
@use './gas.scss' as *; 
 | 
@use './mine.scss' as *; 
 | 
@use './nut.scss' as *; 
 | 
@use './layout.scss' as *; 
 | 
@use './rechargeGrid.scss' as *; 
 | 
@use './components.scss' as *; 
 | 
@use './loading.scss' as *; 
 | 
  
 | 
:root, 
 | 
page { 
 | 
  @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); 
 | 
  overflow: hidden; 
 | 
  background-color: map.get($bole-colors, 'body-background-color'); 
 | 
  
 | 
  --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')}; 
 | 
} 
 | 
  
 | 
@mixin lifeListScrollViewWithNoPadding { 
 | 
  flex: 1; 
 | 
  min-height: 0; 
 | 
  box-sizing: border-box; 
 | 
  background-color: map-get($bole-colors, 'body-background-color'); 
 | 
} 
 | 
  
 | 
@mixin lifeListScrollView { 
 | 
  padding: 0 map-get($bole-size, 'body-padding-h'); 
 | 
  @include lifeListScrollViewWithNoPadding; 
 | 
} 
 | 
  
 | 
.life-infinite-scroll-list-no-padding { 
 | 
  @include lifeListScrollViewWithNoPadding; 
 | 
} 
 | 
  
 | 
.life-infinite-scroll-list { 
 | 
  @include lifeListScrollView; 
 | 
} 
 | 
  
 | 
.life-page-infinite-scroll-list { 
 | 
  @include lifeListScrollView; 
 | 
  padding-top: 32px; 
 | 
} 
 |