Generated by SassMeister.com.

input.scss

// UP
$xsmall-up: "(min-width: 544px)";
$small-up: "(min-width: 768px)";
$medium-up: "(min-width: 992px)";
$large-up: "(min-width: 1200px)";
$xlarge-up: "(min-width: 1366px)";
// DOWN
$xsmall-down: "(max-width: 543px)";
$small-down: "(max-width: 767px)";
$medium-down: "(max-width: 991px)";
$large-down: "(max-width: 1199px)";
 
// _mixins.scss
@mixin print($declarations) {
  @each $property, $value in $declarations {
     @if (type-of(map-get($declarations,$property))==map){
          @media #{$small-up} {
              #{$property}: map-get(map-get($declarations,$property),sm) or null;
          }
          @media #{$medium-up} {
              #{$property}: map-get(map-get($declarations,$property),md) or null
          }
          @media #{$large-up} {
            #{$property}: map-get(map-get($declarations,$property),lg) or null
          }
      }
      @else{
        #{$property}: $value
      }
  }
}
$colorv : #f9f9f9;
$accordion:(
    h1:(
       
        padding: 10px,
        float: right,
        color: $colorv
    )
);
.accordion-item {
	clear: both;
	float: left;
	width: 100%;
	height: 100%;
	@if variable-exists(accordion) and map-has-key($accordion, h1) {
        @include print(map-get($accordion, h1));
    }
}

output.css

.accordion-item {
  clear: both;
  float: left;
  width: 100%;
  height: 100%;
  padding: 10px;
  float: right;
  color: #f9f9f9;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}