Alexander encrypticus
encrypticus
/ background-cell
Created
July 7, 2020 15:38
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
| background: repeating-linear-gradient(to bottom, transparent, transparent 10px, #f0f0f0 10px, #f0f0f0 11px), repeating-linear-gradient(to right, transparent, transparent 10px, #f0f0f0 10px, #f0f0f0 11px); |
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
| module.exports = () => { | |
| return { | |
| module: { | |
| rules: [ | |
| { | |
| test: //, | |
| use: [] | |
| } | |
| ] | |
| } |
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
| .burger { | |
| display: none; | |
| width: 30px; | |
| padding: 0; | |
| line-height: 30px; | |
| border: 0; | |
| cursor: pointer; | |
| background-color: transparent; |
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
| // Mobile breakpoints | |
| @mixin for-small-phone-only() { | |
| @media (max-width: 320px) { | |
| @content; | |
| } | |
| } | |
| @mixin for-middle-phone-only() { | |
| @media (max-width: 360px) { | |
| @content; |
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
| - | |
| var description = "", | |
| keywords = ""; | |
| doctype html | |
| html.nojs | |
| head | |
| meta(charset="UTF-8") | |
| meta(name="viewport", content="width=device-width, initial-scale=1") |
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
| // Конвертирует px в rem | |
| @function pxToRem($target, $context: 16) { | |
| @return ($target / $context) + rem; | |
| } | |
| // Конвертирует px в % | |
| @function pxToPercent($target, $context) { | |
| @return ($target / $context) * 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
| // Загружает шрифт | |
| @mixin load-font($src: null, $family: san-serif, $style: normal, $weight: normal) { | |
| @font-face { | |
| font-family: $family; | |
| font-style: $style; | |
| font-weight: $weight; | |
| @if ($src) { | |
| src: url($src + '.woff') format('woff'), | |
| url($src + '.ttf') format('truetype'), |
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
| outline: 1px solid red; |
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
| .visually-hidden:not(:focus):not(:active), | |
| input[type="checkbox"].visually-hidden, | |
| input[type="radio"].visually-hidden { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| margin: -1px; | |
| border: 0; | |
| padding: 0; |