-
Add local domain to
/etc/hosts
:127.0.0.1 my-project.dev
-
Install mkcert
-
Create certificate for this domain:
➜ mkcert my-project.dev
With Sass, I can use nested media queries:
.selector
@media (min-width: 100px)
@media (max-width: 200px)
color: white
And it combines all media queries with and
:
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
<html> | |
<body> | |
<input | |
type='checkbox' | |
id='nav-off-canvas' | |
class='offCanvas-model' | |
> | |
<div class='offCanvas-layer'> | |
<p>navigation</p> | |
<label |
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
{% include 'modules/pagination.twig' with { | |
currentFilters: { | |
foo: 'bar', | |
}, | |
currentPage: 43, | |
paginationPath: '/news', | |
showAlwaysFirstAndLast: true, | |
lastPage: 75, | |
urlType: 'slash', | |
} %} |
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 { | |
tClose: 'Закрыть', // Alt text on close button | |
tLoading: 'Загрузка…', // Text that is displayed during loading. Can contain %curr% and %total% keys | |
gallery: { | |
tPrev: 'Назад', // Alt text on left arrow | |
tNext: 'Далее', // Alt text on right arrow | |
tCounter: '%curr%/%total%' // Markup for "1 of 7" counter | |
}, | |
image: { | |
tError: 'Не получилось загрузить <a href="%url%">изображение</a>.' // Error message when image could not be loaded |
- @extends
- @extends %placeholder
- @extends .className
- $variables
- @media
- @media (max-width: 1400px)
- +breakpoint(medium)
- @media (max-width: 768px)
- @at-root
- @at-root :root &
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
{ | |
"alt-require": true, | |
"attr-lowercase": true, | |
"attr-no-duplication": true, | |
"attr-unsafe-chars": true, | |
"attr-value-double-quotes": false, | |
"attr-value-not-empty": false, | |
"csslint": false, | |
"doctype-first": true, | |
"doctype-html5": true, |
Shows you modified lines
Required for other linters
Настоящим обязываю разработчиков ДВИП придерживаться следующих положений:
Использовать систему именования классов БЭМ
.block__elem--mod