sass @use

Grumpy Gibbon answered on February 23, 2022 Popularity 9/10 Helpfulness 1/10

answer sass @use

related sass use

related how to use sass

sass @use

Comment

// style.scss
@use "src/corners";

.button {
  @include corners.rounded;
  padding: 5px + corners.$radius;
}

Popularity 9/10 Helpfulness 1/10 Language css

Source: sass-lang.com

Tags: css sass

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Grumpy Gibbon

0 Answers Avg Quality 2/10

Closely Related Answers

sass use

Comment

// style.scss
@use "src/corners" as c;

.button {
  @include c.rounded;
  padding: 5px + c.$radius;
}

Popularity 10/10 Helpfulness 1/10 Language css

Source: sass-lang.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Mar 09 2022

yashu mastrose

0 Answers Avg Quality 2/10

sass use

Comment

// style.scss
@use 'foundation/code';
@use 'foundation/lists';

Popularity 10/10 Helpfulness 1/10 Language typescript

Source: sass-lang.com

Tags: sass

Link to this answer
Share Copy Link

Contributed on Mar 09 2022

yashu mastrose

0 Answers Avg Quality 2/10

how to use sass

Comment

// Example of using Sass variables, mixins, and nesting

// Define a variable
$primary-color: #007bff;

// Use the variable in a CSS rule
body {
  background-color: $primary-color;
}

// Define a mixin with parameters
@mixin box-shadow($x, $y, $blur, $color) {
  box-shadow: $x $y $blur $color;
}

// Use the mixin in a CSS rule
.card {
  @include box-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

// Nest selectors to improve readability
nav {
  ul {
    margin: 0;
    padding: 0;
    
    li {
      display: inline-block;
      margin-right: 1rem;
    }
  }
}

// Import another Sass file
@import 'variables';

// Use the variables defined in the imported file
.btn {
  background-color: $primary-color;
  color: $secondary-color; 
}

Popularity 10/10 Helpfulness 1/10 Language whatever

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

sass @use

Contents

More Related Answers

sass @use

Closely Related Answers

sass use

sass use

how to use sass

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.