norin89

// @use "sass:math";

@mixin font-size($size: 16, $line: 1.5) {
  font-size: $size * 1px;
  font-size: ($size / 16) + rem;

  @if $line < 4 {
    line-height: $line;
  } @else {
    line-height: $line / $size;

norin89

/* Root should be passed for modifiers only */
@mixin hoverable($root: '') {
    @at-root {
        a#{&},
        button#{&},
        label#{&},
        &#{$root}--hoverable {
            @content;
        }
    }

norin89

/* Root should be passed for modifiers only */
@mixin hoverable($root: '') {
    @at-root {
        a#{&},
        button#{&},
        label#{&},
        &#{$root}--hoverable {
            @content;
        }
    }

norin89

/* Root should be passed for modifiers only */
@mixin hoverable($root: '') {
    @at-root {
        a#{&},
        button#{&},
        label#{&},
        &#{$root}--hoverable {
            @content;
        }
    }

norin89

@mixin hoverable($root: '') {
    @at-root {
        a#{&},
        button#{&},
        label#{&},
        &#{$root}--hoverable {
            @content;
        }
    }
}

norin89

@use "sass:map";

// Sass map, ideally imported from JSON (e.g. with https://github.com/pmowrer/node-sass-json-importer)
// Based on MUI palette example - https://mui.com/material-ui/customization/color/#picking-colors
$palette: (
    primary: (
      light: '#757ce8',
      main: '#3f50b5',
      dark: '#002884',
      contrastText: '#fff',

norin89

@use "sass:map";

// Sass map, ideally imported from JSON (e.g. with https://github.com/pmowrer/node-sass-json-importer)
// Based on MUI palette example - https://mui.com/material-ui/customization/color/#picking-colors
$palette: (
    primary: (
      light: '#757ce8',
      main: '#3f50b5',
      dark: '#002884',
      contrastText: '#fff',

norin89

@use "sass:map";

// Sass map, ideally imported from JSON (e.g. with https://github.com/pmowrer/node-sass-json-importer)
// Based on MUI palette example - https://mui.com/material-ui/customization/color/#picking-colors
$palette: (
    primary: (
      light: '#757ce8',
      main: '#3f50b5',
      dark: '#002884',
      contrastText: '#fff',

norin89

// Sass map, ideally imported from JSON (e.g. with https://github.com/pmowrer/node-sass-json-importer)
// Based on MUI palette example - https://mui.com/material-ui/customization/color/#picking-colors
$palette: (
    primary: (
      light: '#757ce8',
      main: '#3f50b5',
      dark: '#002884',
      contrastText: '#fff',
    ),
    secondary: (

norin89

@use "sass:meta";
@use "sass:map";
@use "sass:string";

$breakpoints: (
    'xs': 0,
    'md': 800,
);

@function breakpoint($key) {