luxplanjay

export const StyledListbox = styled(Listbox)`
  position: relative;
  min-width: 280px;
  ${props => props.theme.typography('primaryText')}

  [data-reach-listbox-button] {
    display: flex;
    align-items: center;
    height: 48px;
    width: 100%;

luxplanjay

name: Node.js CI
on:
  push:
    branches:
      - master
jobs:
  FTP-Deploy-Action:
    name: Build and publish via FTP
    runs-on: ubuntu-latest
    steps:

luxplanjay

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

luxplanjay

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  
  white-space: nowrap;
  clip-path: inset(100%);

luxplanjay

alt-require: true
attr-lowercase: true
attr-no-duplication: true
attr-unsafe-chars: true
attr-value-double-quotes: true
attr-value-not-empty: false
doctype-first: true
doctype-html5: true
head-script-disabled: true
href-abs-or-rel: false

luxplanjay

rules:
  block-no-empty: true
  color-no-invalid-hex: true
  font-family-no-duplicate-names: true
  font-family-no-missing-generic-family-keyword: true
  function-calc-no-invalid: true
  function-calc-no-unspaced-operator: true
  function-linear-gradient-no-nonstandard-direction: true
  string-no-newline: true
  unit-no-unknown: true

luxplanjay

root = true

[*]
charset = utf-8
end_of_line = lf
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true

luxplanjay

// Install packages
// npm install --save-dev prettier eslint-config-airbnb eslint-config-prettier eslint-plugin-prettier eslint-plugin-react eslint-plugin-import eslint-plugin-jsx-a11y husky lint-staged

{
  "extends": [
    "eslint:recommended",
    "react-app",
    "airbnb",
    "plugin:import/errors",
    "plugin:react/recommended",

luxplanjay

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

luxplanjay

// Can prefetch css and js
function prefetchResource(resourceUrl) {
  const xhrRequest = new XMLHttpRequest();
  xhrRequest.open('GET', resourceUrl, true);
  xhrRequest.send();
}

// Can prefetch everything but support in not great, use for HTML
// <link rel="prefetch" href="path-to-content">