Settings live Sass Compiler
- CTRL + SHIFT + /
- Search: liveSassCompile.settings.formats
- Check: settings.json
- Add code:
"liveSassCompile.settings.formats": [
{
Andrej Sharapov andrejsharapov
💻
andrejsharapov
/ livesasscompiler.md
Created
October 20, 2019 19:09
Visual Studio Code: Settings live Sass Compiler
This file contains 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
| *, | |
| *::before, | |
| *::after { | |
| box-sizing: border-box; | |
| } | |
| html { | |
| font-family: sans-serif; |
This file contains 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
| //- Media Queries | |
| $mp: 20em; // (min-width: 320px) | |
| $sp: 30em; //? (min-width: 480px) | |
| $sm: 36em; // (min-width: 576px) | |
| $md: 48em; // (min-width: 768px) | |
| $lg: 62em; // (min-width: 992px) | |
| $de: 64em; //? (min-width: 1024px) | |
| $xl: 75em; // (min-width: 1200px) |
This file contains 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 { | |
| position: relative; | |
| margin: 0 auto; | |
| padding-right: 1rem; | |
| padding-left: 1rem; | |
| width: 100%; | |
| @include mq(sm) { | |
| max-width: $col-sm; | |
| } |
This file contains 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
| $green: #1d9f1d; | |
| $blue: #019ee0; | |
| $red: #de2317; | |
| $orange: #f5a623; | |
| :export { | |
| chart_green: $green; | |
| chart_blue: $blue; | |
| chart_red: $red; | |
| chart_orange: $orange; |
andrejsharapov
/ app.config.js
Created
November 24, 2020 17:06
OG and Schema meta tags for nuxt.config.js
This file contains 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
| export const meta = { | |
| siteLang: 'ru-RU', | |
| viewport: | |
| 'user-scalable=no, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, width=device-width', | |
| siteUrl: 'https://host_name', | |
| siteName: 'site name', | |
| keywords: '', | |
| description: 'Open Source Portfolio of Ui/Ux Designer, Web Developer at GitHub', | |
| author: 'Andrej Sharapov', | |
| } |
andrejsharapov
/ bread_crumbs.vue
Last active
October 21, 2021 12:54
Nuxt breadcrumbs (with Vuetify)
This file contains 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
| <template> | |
| <v-container> | |
| <v-row> | |
| <v-col cols="12"> | |
| <ul class="bread-crumbs__list d-flex align-center"> | |
| <li class="bread-crumbs__list__item"> | |
| <h4 class="font-weight-regular"> | |
| <nuxt-link to="/"> | |
| {{ $vuetify.breakpoint.xs ? 'Home' : 'Home page' }} | |
| </nuxt-link> |
This file contains 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
| export default { | |
| buildModules: [ | |
| 'nuxt-purgecss', | |
| ], | |
| purgeCSS: { | |
| paths: [ | |
| 'components/**/*.vue', | |
| 'layouts/**/*.vue', | |
| 'pages/**/*.vue', | |
| 'plugins/**/*.js', |
andrejsharapov
/ nuxt.config.js
Last active
March 18, 2021 12:54
if IE - [FOR NUXT] - redirects to info page
This file contains 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
| module.exports = { | |
| head: { | |
| meta: [ | |
| ], | |
| link: [ | |
| ], | |
| script: [ | |
| { | |
| type: 'text/javascript', | |
| src: '/ie-not-supported.js', |
andrejsharapov
/ locale.js
Last active
March 6, 2022 17:18
Declensions years [склонения лет: js]. Use i18n
This file contains 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
| export default { | |
| author: { | |
| name: 'User name', | |
| }, | |
| pages: { | |
| index: { | |
| title: 'Home', | |
| sections: { | |
| about: { | |
| message: |
OlderNewer