Skip to content

Instantly share code, notes, and snippets.

View luxplanjay's full-sized avatar
:shipit:
Just doing corona things

Alexander Repeta luxplanjay

:shipit:
Just doing corona things
View GitHub Profile
@luxplanjay
luxplanjay / flex-basis-calc.css
Last active May 11, 2024 15:56
Формула расчёта ширины flex-элемента в сетке
.element {
flex-basis: calc((100% - кол-во маржинов в строке * значение маржина) / кол-во элементов в строке);
}
{
"printWidth": 100,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": true,
"trailingComma": "es5",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"arrowParens": "avoid",
@luxplanjay
luxplanjay / visually-hidden.css
Last active May 10, 2024 09:19
Visually hidden CSS pattern
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
root = true
[*]
charset = utf-8
end_of_line = lf
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true
// 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",
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%;
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
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
// Converts png and jpg into webP
gulp.task('webp', () => {
return gulp
.src('./src/img/**/*.{png,jpg,jpeg}')
.pipe(webp({ quality: 90 }))
.pipe(gulp.dest('./build/img'));
});
@luxplanjay
luxplanjay / nodejs.yml
Created November 5, 2020 13:31
Деплой по ftp с github actions
name: Node.js CI
on:
push:
branches:
- master
jobs:
FTP-Deploy-Action:
name: Build and publish via FTP
runs-on: ubuntu-latest
steps: