iiiypuk/chola
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix tabs

Browse Source
This commit is contained in:
Alexander Popov 2021-11-12 22:08:48 +03:00
parent 34346f32f9
commit be2c52380c
Signed by: iiiypuk
GPG Key ID: 398FC73478D97286
6 changed files with 69 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
.editorconfig Normal file
View File

@ -0,0 +1,21 @@
root = true
[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[{*.html,*.css,*.json}]
indent_style = tab
indent_size = 4
[humans.txt]
indent_style = tab
indent_size = 2
[*.js]
indent_style = space
indent_size = 2

1
.gitignore vendored
View File

@ -1 +0,0 @@
*.sublime-*

7
README.md
View File

@ -1,2 +1,5 @@
# chola # CHange Of LAyout ⌨
CHange Of LAyout ⌨
Меняем написанный текст буржуйской раскладки на нашинский.
И наоборот.

52
docs/css/app.css
View File

@ -1,56 +1,60 @@
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic'); @import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic');
:root {
--color-primary: #fb4b4b;
}
* { * {
padding: 0; margin: 0; outline: 0; padding: 0; margin: 0; outline: 0;
font-family: "Roboto"; font-family: "Roboto";
font-size: 1.1rem; font-size: 1.1rem;
} }
*::selection { *::selection {
color: #fb4b4b; background-color: var(--color-primary);
color: #ffffff;
} }
body { body {
background-color: #ffffff; background-color: #ffffff;
} }
div.wrap { div.wrap {
max-width: 800px; max-width: 800px;
margin: 0 auto; margin: 0 auto;
} }
div.header { div.header {
background-color: #fb4b4b; background-color: var(--color-primary);
color: #ffffff; color: #ffffff;
padding: 16px; padding: 16px;
} }
div.content { div.content {
margin: 16px 0; margin: 16px 0;
} }
button, textarea { button, textarea {
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #fb4b4b; border: 1px solid var(--color-primary);
width: 100%; width: 100%;
padding: 8px; padding: 8px;
} }
button { button {
color: #000000; color: #000000;
background-color: #fb4b4b; background-color: var(--color-primary);
border-top: 0; border-top: 0;
border-bottom: 0; border-bottom: 0;
} }
button:hover { button:hover {
color: #ffffff; color: #ffffff;
} }
textarea { textarea {
resize: none;
resize: none;
} }
textarea:disabled { textarea:disabled {
background-color: #ffffff; background-color: #ffffff;
} }

BIN
docs/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

30
docs/index.html
View File

@ -1,23 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>chola</title> <title>chola</title>
<link rel="stylesheet" href="css/app.css"> <link rel="stylesheet" href="css/app.css">
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<div class="wrap">Change of Layout</div> <div class="wrap">Change of Layout</div>
</div> </div>
<div class="content"> <div class="content">
<div class="wrap"> <div class="wrap">
<textarea id="one" rows="3" placeholder="Paste fail layout text" onchange="layoutReplace()"></textarea> <textarea id="one" rows="3" placeholder="Paste fail layout text" onchange="layoutReplace()"></textarea>
<button>q > й</button> <button>q > й</button>
<textarea id="two" rows="3" disabled="disabled"></textarea> <textarea id="two" rows="3" disabled="disabled"></textarea>
</div> </div>
</div> </div>
<script src="js/app.js"></script> <script src="js/app.js"></script>
</body> </body>
</html> </html>