A Pen by Akimitsu Hamamuro on CodePen.
  
    
      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
    
  
  
    
  | <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>Document</title> | |
| <link rel="stylesheet" href="css/style.css"> | |
| <script | |
| src="http://code.jquery.com/jquery-3.3.1.min.js" | 
  
    
      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
    
  
  
    
  | import * as React from 'react'; | |
| import {Decorator, Text, PtForm} from 'yamoney-guidelines'; | |
| import * as logo from './images/logo.svg'; | |
| import * as chair from './images/chair.png'; | |
| import styled from 'styled-components'; | |
| import {RadioButton, Select, Button, TextInput} from 'lego-on-react'; | |
| import 'lego-on-react/src/components/radio-button/radio-button.css'; | |
| import 'lego-on-react/src/components/select/select.css'; | |
| import 'lego-on-react/src/components/button/button.css'; | |
| import 'lego-on-react/src/components/textinput/textinput.css'; | 
  
    
      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
    
  
  
    
  | Type Props = { | |
| // Имя пользователя | |
| userName: string | |
| } | |
| Type State = { | |
| // Имя пользователя | |
| userName: string | |
| } | 
  
    
      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
    
  
  
    
  | #!/bin/sh | |
| # | |
| # Prepend the branch name to the commit message | |
| # | |
| # Add this file as [repo]/.git/hooks/prepare-commit-msg | |
| # | |
| # A couple notes: | |
| # 1. The file must be executable (chmod +x prepare-commit-msg) | |
| # 2. This works on a per-repo basis (unless you follow this guide https://coderwall.com/p/jp7d5q/create-a-global-git-commit-hook) | 
  
    
      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
    
  
  
    
  | #!/bin/bash | |
| echo $postfix | |
| mkdir ./blocks/$1 | |
| touch ./blocks/$1/$1.styl | |
| echo ".$1" > ./blocks/$1/$1.styl | 
  
    
      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
    
  
  
    
  | 'use strict'; | |
| const getExtendedConfig = require(''); | |
| const defaultConfig = require('./stubs/defaut-config.js'); | |
| const userConfig = require('./stubs/bem-build-config.js'); | |
| const saveEnviorment = process.env.HOME; | |
| const extendedConfig = require('./stubs/extended-config.js'); | |
| describe('bem-build-config', function() { | 
  
    
      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
    
  
  
    
  | "Преход в нормальный режм последованием нажатием df fd | |
| im df <Esc> | |
| im fd <Esc> | |
| "Сохранить файл на sa | |
| map sa :w <Enter> | |
| vm sa :w <Enter> | |
| " Закрыть файд на qa | |
| map cl :q <Enter> | |
| " Подрубаем линтеры из пакета spf-13, в частности eslint (установлен глобально) | 
  
    
      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
    
  
  
    
  | class Input extends React.Component { | |
| render () { | |
| const { className, padding } = this.props; | |
| return ( | |
| <div className={className} style={padding ? { padding: ${padding}px} : {}}>Test</div> | |
| ) | |
| }; | |
| } | 
  
    
      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
    
  
  
    
  | <canvas id="canvas"></canvas> | |
| <div id="banner-bg"> | |
| <div id="banner"></div> | |
| </div> | |
| <p>drag!</p> | |
| <p>degree:<span id="deg-value"></span></p> |