Natalia Davydova nat-davydova

## media.scss
$breakpoints: (
  breakpoint-small: 768px,
  breakpoint-medium: 992px,
  breakpoint-large: 1200px
);

@mixin media($type) {
  @media screen and (min-width: map-get($breakpoints, breakpoint-#{$type})) {
      @content;
    }

## px-to-rem.scss
@function rem($size) {
  @return $size / 16px * 1rem;
}

## gist:61b60e75b30dee163d918ac9ef674866
svgo pathtoicons/*.svg --enable={inlineStyles,prefixIds}  --config '{ "plugins": [{ "inlineStyles": { "onlyMatchedOnce": false } }, {"removeViewBox": false}, {"removeAttrs": {"attrs": ["fill"]}}]}'

## gist:b9599fafa837036fc223253f6daaf122
step 1: npm install -g npm-check-updates
step 2 : ncu --loglevel verbose --packageFile package.json
step 3 : ncu -u --packageFile package.json

## gist:19f532935276eab45959e0fc65767c28
document.documentElement.clientWdth

## .env
SASS_PATH=./node_modules;./src/

## jsconfig.json
{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

## gist:52d8d93687b34f7a0f4ff85e9c09efb4
svgo path/to/file.svg --enable={inlineStyles,prefixIds}  --config '{ "plugins": [ { "inlineStyles": { "onlyMatchedOnce": false } }] }'
	$breakpoints: (
	breakpoint-small: 768px,
	breakpoint-medium: 992px,
	breakpoint-large: 1200px
	);

	@mixin media($type) {
	@media screen and (min-width: map-get($breakpoints, breakpoint-#{$type})) {
	@content;
	}
	step 1: npm install -g npm-check-updates
	step 2 : ncu --loglevel verbose --packageFile package.json
	step 3 : ncu -u --packageFile package.json