zenya385
/ flex-basis-calc.css
Last active
April 2, 2023 16:00
— forked from luxplanjay/flex-basis-calc.css
Формула розрахунку ширины flex-елементу у сітці
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .element { | |
| flex-basis: calc((100% - к-ть маржинів * значення маржина) / к-ть елементів); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container { | |
| margin-left: auto; | |
| margin-right: auto; | |
| padding-left: 15px; | |
| padding-right: 15px; | |
| width: 100%; | |
| } | |
| @media screen and (min-width: 480px) { | |
| .container { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "liveSassCompile.settings.generateMap": true, // вимикаємо генерацію карти стилів | |
| "liveSassCompile.settings.formats": [ | |
| { | |
| "format": "expanded", // розширений, або стиснутий формат стилів | |
| "autoprefix": "last 5 versions", // компілятор буде додавати префікси кросбраузерності для останніх 5 версій відомих браузерів | |
| "extensionName": ".css", // розширення вихідного файлу | |
| "savePath": "css" // папка, у яку буде компілюватись файл стилів | |
| }, | |
| { | |
| "format": "compressed", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| &::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; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "printWidth": 100, | |
| "tabWidth": 2, | |
| "useTabs": false, | |
| "semi": true, | |
| "singleQuote": true, | |
| "trailingComma": "es5", | |
| "bracketSpacing": true, | |
| "jsxBracketSameLine": false, | |
| "arrowParens": "avoid", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. | |
| # Created by https://www.toptal.com/developers/gitignore/api/node,windows,visualstudiocode | |
| # Edit at https://www.toptal.com/developers/gitignore?templates=node,windows,visualstudiocode | |
| ### Node ### | |
| # Logs | |
| logs | |
| *.log | |
| npm-debug.log* |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html, | |
| body, | |
| p, | |
| ol, | |
| ul, | |
| li, | |
| hr, | |
| h1, | |
| h2, | |
| h3, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="stylesheet" | |
| href="https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.min.css"> |
OlderNewer