zenya385

{
  "printWidth": 100,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "jsxBracketSameLine": false,
  "arrowParens": "avoid",

zenya385

        &::after {
  content:""; 
  width: 30px;
  height: 30px;
  border-bottom: 2px solid red;
  border-left: 2px solid red;
  border-radius:
  background-color: #fff;
  left: -9px;
  // position: absolute;

zenya385

"liveSassCompile.settings.generateMap": true,    // вимикаємо генерацію карти стилів
"liveSassCompile.settings.formats": [ 
        {
            "format": "expanded",                 // розширений, або стиснутий формат стилів
            "autoprefix": "last 5 versions",      // компілятор буде додавати префікси кросбраузерності для останніх 5 версій відомих браузерів
            "extensionName": ".css",              // розширення вихідного файлу
            "savePath": "css"                     // папка, у яку буде компілюватись файл стилів
        },
         {
      "format": "compressed",

zenya385

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

@media screen and (min-width: 480px) {
  .container {

zenya385

.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0);
}

zenya385

.element {
  flex-basis: calc((100% - к-ть маржинів * значення маржина) / к-ть елементів);
}