Skip to content

K
kpp
Commit ffd22be5 authored by Nikolay Gromov's avatar Nikolay Gromov
Browse files
Options

lint all files

parent bbddeb8c
Show whitespace changes
Inline Side-by-side
Showing with 180 additions and 156 deletions
.lesshintrc
View file @ ffd22be5
{
"excludedFiles": [
"btn-mixins.less",
"global-print.less",
"grid-mixins.less",
"responsive-mixins.less",
"table-responsive-mixins.less"
],
"emptyRule": false,
"importantRule": false,
"propertyOrdering": false,
......@@ -12,9 +19,6 @@
"hexNotation": {
"style": "lowercase"
},
"stringQuotes": {
"style": "double"
},
"idSelector": {
"exclude": []
},
......@@ -30,5 +34,10 @@
"filenameExtension": true,
"leadingUnderscore": false,
"exclude": []
},
"duplicateProperty": {
"exclude": [
"outline"
]
}
}
README.md
View file @ ffd22be5
......@@ -17,6 +17,7 @@
- Есть глобальные файлы: css, js, шрифты, картинки, less-файлы (переменные, глобальная стилизация...).
- Есть диспетчер подключений `/src/less/style.less`. Если в нем импортирован less-файл какого-либо блока, этот блок считается используемым (обрабатывается его js и доп. файлы).
- Для разметки можно использовать [микрошаблонизацию](https://www.npmjs.com/package/gulp-file-include) — обычное включение разметки мелких файлов внутрь больших файлов с возможностью передавать какие-то данные в мелкие файлы. А можно и не использовать.
- Перед коммитом происходит проверка кода. Если проверка не пройдена, коммит не будет создан. В этом случае нужно исправить код в соответствии с подсказками в консоли, заново проиндексировать файлы и создать коммит.
### Блоки
......
src/blocks/blockquote-right/blockquote-right.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.blockquote-right {
......
src/blocks/blocks-library/blocks-library.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.blocks-library {
......
src/blocks/btn-group/btn-group.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.btn-group {
......
src/blocks/btn/btn.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.btn {
......
src/blocks/checked-btn/checked-btn.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.checked-btn {
......
src/blocks/dl-horizontal/dl-horizontal.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.dl-horizontal {
......
src/blocks/dropdown/dropdown.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.dropdown {
......@@ -19,7 +19,7 @@
// content: '';
// display: inline-block;
// vertical-align: middle;
// margin-left: .3em;
// margin-left: 0.3em;
// width: 0;
// height: 0;
// border-style: solid;
......@@ -62,7 +62,7 @@
ul& {
min-width: 16rem;
list-style: none;
padding: .3em 0;
padding: 0.3em 0;
> li > a {
display: block;
......@@ -70,7 +70,7 @@
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
padding: .3em 1em;
padding: 0.3em 1em;
color: @text-color;
text-decoration: none;
......@@ -83,8 +83,8 @@
&__menu-separator {
&:not(:last-child) {
padding-bottom: .3em;
margin-bottom: .3em;
padding-bottom: 0.3em;
margin-bottom: 0.3em;
border-bottom: 1px solid @border-color;
}
}
......
src/blocks/field-actions/field-actions.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-actions {
......
src/blocks/field-checkbox/field-checkbox--custom.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-checkbox {
......
src/blocks/field-checkbox/field-checkbox.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-checkbox {
......@@ -20,13 +20,13 @@
padding-left: 1.3em;
font-weight: 400;
display: inline-block;
margin-right: .6em;
margin-right: 0.6em;
line-height: @line-height;
}
&__input {
position: absolute;
top: .25em;
top: 0.25em;
left: 0;
}
......
src/blocks/field-file/field-file.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-file {
......
src/blocks/field-radio/field-radio--custom.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-radio {
......@@ -21,7 +21,7 @@
width: 1.13em;
height: 1.13em;
position: absolute;
top: .1em;
top: 0.1em;
left: 0;
content: '';
background-size: 1.125em 1.125em;
......
src/blocks/field-radio/field-radio.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-radio {
......@@ -20,12 +20,12 @@
padding-left: 1.3em;
font-weight: 400;
display: inline-block;
margin-right: .6em;
margin-right: 0.6em;
}
&__input {
position: absolute;
top: .25em;
top: 0.25em;
left: 0;
}
......
src/blocks/field-range/field-range.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-range {
......@@ -20,8 +20,8 @@
padding: 0;
width: 100%;
height: 2em;
border-radius: .25rem;
border: none;
border-radius: 0.25rem;
border: 0;
background: none;
font-size: inherit;
cursor: pointer;
......@@ -40,7 +40,7 @@
// Да, да, это — локальная примесь для трёх нижеследующих правил.
.field-range-track() {
box-sizing: border-box;
border: none;
border: 0;
width: 100%;
height: 0.75em;
border-radius: @border-radius;
......@@ -61,7 +61,7 @@
// Да, да, и это — локальная примесь.
.field-range-thumb() {
box-sizing: border-box;
border: none;
border: 0;
padding: 0;
width: 2em;
height: 2em;
......@@ -72,7 +72,7 @@
// Увы, тут похожие наборы свойств приходится писать порознь.
&::-webkit-slider-thumb {
margin-top: -.68em;
margin-top: -0.68em;
.field-range-thumb(); // локальная примесь!
}
&::-moz-range-thumb {
......
src/blocks/field-select/field-select.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-select {
......
src/blocks/field-text/field-text.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-text {
......
src/blocks/field-toggler/field-toggler.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.field-toggler {
......@@ -20,7 +20,7 @@
padding-left: 2.7em;
font-weight: 400;
display: inline-block;
margin-right: .6em;
margin-right: 0.6em;
line-height: @line-height;
}
......@@ -37,7 +37,7 @@
left: 0;
background-color: @gray-lighter;
border: 1px solid @border-color;
transition: background-color .3s;
transition: background-color 0.3s;
}
& + .field-toggler__name-text:after {
......@@ -49,7 +49,7 @@
width: 1em;
background: #fff;
border: 1px solid @border-color;
transition: left .3s;
transition: left 0.3s;
}
&:checked + .field-toggler__name-text:before {
......
src/blocks/fields-group/fields-group.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.fields-group {
......
src/blocks/fields-group/fields-group__item--dropdown.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.fields-group {
......
src/blocks/form/form--horizontal.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.form {
......@@ -19,8 +19,8 @@
.field-select__name {
width: 15rem;
min-width: 15rem;
padding-top: .42em;
padding-right: .6em;
padding-top: 0.42em;
padding-right: 0.6em;
margin-bottom: 0;
}
......@@ -29,7 +29,7 @@
.field-file__name {
width: 15rem;
min-width: 15rem;
padding-right: .6em;
padding-right: 0.6em;
margin-bottom: 0;
}
......
src/blocks/form/form.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.form {
......
src/blocks/list-bullet/list-bullet.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.list-bullet {
......@@ -10,7 +10,7 @@
&:before {
content: '';
position: absolute;
top: .6em;
top: 0.6em;
left: -1.3em;
font-size: 80%;
width: 0.5em;
......
src/blocks/list-nums/list-nums.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.list-nums {
......@@ -8,7 +8,7 @@
& & {
counter-reset: li-in;
padding-top: .25em;
padding-top: 0.25em;
& > li {
&:before {
......@@ -21,14 +21,14 @@
& > li {
position: relative;
padding-left: 1.8em;
padding-top: .25em;
padding-bottom: .25em;
padding-top: 0.25em;
padding-bottom: 0.25em;
&:before {
content: counter(li);
counter-increment: li;
position: absolute;
top: .35em;
top: 0.35em;
left: 0;
font-size: 70%;
width: 1.9em;
......
src/blocks/page-footer/page-footer.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.page-footer {
......
src/blocks/page-header/page-header.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.page-header {
......
src/blocks/step-list/step-list.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.step-list {
......
src/blocks/table-responsive/table-responsive.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
//------------------------------------------------------------------------------
......
src/blocks/thumb/thumb.less
View file @ ffd22be5
@import "../../less/variables.less"; // только для удобства обращения к переменным
@import '../../less/variables.less'; // только для удобства обращения к переменным
.thumb {
display: inline-block;
padding: .4rem;
padding: 0.4rem;
line-height: @line-height;
background-color: @body-bg;
border: 1px solid @gray-light;
......
src/less/global/global-forms.less
View file @ ffd22be5
......@@ -27,9 +27,9 @@ textarea {
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
html input[type='button'],
input[type='reset'],
input[type='submit'] {
-webkit-appearance: button;
cursor: pointer;
}
......@@ -39,17 +39,17 @@ html input[disabled] {
cursor: default;
}
input[type="search"] {
input[type='search'] {
-webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
input[type='checkbox'],
input[type='radio'] {
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
......@@ -87,20 +87,20 @@ legend {
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="color"],
input[type="tel"] {
input[type='text'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='time'],
input[type='week'],
input[type='number'],
input[type='email'],
input[type='url'],
input[type='search'],
input[type='color'],
input[type='tel'] {
background-color: #fff;
border: 1px solid @border-color;
border-radius: @border-radius;
......@@ -117,11 +117,11 @@ select[multiple] {
height: auto;
}
input[type="color"] {
input[type='color'] {
max-width: 100px;
}
input[type="range"] {
input[type='range'] {
width: 100%;
}
......
src/less/global/global-grid.less
View file @ ffd22be5
@import "./src/less/variables.less"; // только для удобства обращения к переменным
@import './src/less/variables.less'; // только для удобства обращения к переменным
......
src/less/global/global-print.less
View file @ ffd22be5
......@@ -14,16 +14,16 @@
}
a[href]:after {
content: " (" attr(href) ")";
content: ' (' attr(href) ')';
}
abbr[title]:after {
content: " (" attr(title) ")";
content: ' (' attr(title) ')';
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
a[href^='#']:after,
a[href^='javascript:']:after {
content: ';
}
pre,
......
src/less/global/global-scaffolding.less
View file @ ffd22be5
@import "./src/less/variables.less"; // только для удобства обращения к переменным
@import './src/less/variables.less'; // только для удобства обращения к переменным
......@@ -15,18 +15,20 @@
// Make viewport responsive
// see http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
@at-root {
@-ms-viewport { width: device-width; }
@-ms-viewport {
width: device-width;
}
}
// Suppress the focus outline on elements that cannot be accessed via keyboard.
// see: https://github.com/suitcss/base
[tabindex="-1"]:focus {
[tabindex='-1']:focus {
outline: none !important;
}
// iOS "clickable elements" fix for role="button"
// iOS 'clickable elements' fix for role='button'
// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
[role="button"] {
[role='button'] {
cursor: pointer;
}
......@@ -38,7 +40,7 @@
a,
area,
button,
[role="button"],
[role='button'],
input,
label,
select,
......@@ -60,7 +62,7 @@ textarea {
html {
box-sizing: border-box;
font-size: 8px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-ms-overflow-style: scrollbar;
-ms-text-size-adjust: 100%;
min-width: 320px;
......@@ -105,17 +107,29 @@ img {
//------------------------------------------------------------------------------
// .h1,
h1 { font-size: @font-size--h1; }
h1 {
font-size: @font-size--h1;
}
// .h2,
h2 { font-size: @font-size--h2; }
h2 {
font-size: @font-size--h2;
}
// .h3,
h3 { font-size: @font-size--h3; }
h3 {
font-size: @font-size--h3;
}
// .h4,
h4 { font-size: @font-size--h4; }
h4 {
font-size: @font-size--h4;
}
// .h5,
h5 { font-size: @font-size--h5; }
h5 {
font-size: @font-size--h5;
}
// .h6,
h6 { font-size: @font-size--h6; }
h6 {
font-size: @font-size--h6;
}
// .h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
......@@ -211,8 +225,8 @@ sup {
// .mark,
mark {
background: #FCF8E3;
padding: .1em .3em;
background: #fcf8e3;
padding: 0.1em 0.3em;
}
b,
......@@ -225,7 +239,7 @@ abbr[title] {
}
blockquote {
padding: 0 0 0 .5em;
padding: 0 0 0 0.5em;
margin-left: 0;
margin-right: 0;
border-left: 1px solid @border-color;
......@@ -267,12 +281,12 @@ samp {
code {
color: @text-color;
background-color: @gray-lighter;
padding: .06em .3em;
padding: 0.06em 0.3em;
border-radius: @border-radius;
}
kbd {
padding: .06em .3em;
padding: 0.06em 0.3em;
color: @text-color;
background-color: @gray-lighter;
border-radius: @border-radius;
......@@ -289,7 +303,7 @@ pre {
margin-bottom: @line-height;
overflow-x: auto;
background-color: @gray-lighter;
padding: .5em;
padding: 0.5em;
border-radius: @border-radius;
border: 1px solid @border-color;
}
src/less/global/global-tables.less
View file @ ffd22be5
@import "./src/less/variables.less"; // только для удобства обращения к переменным
@import './src/less/variables.less'; // только для удобства обращения к переменным
table {
border: none;
border: 0;
border-collapse: collapse;
width: 100%;
}
caption {
padding: .3em;
padding: 0.3em;
color: @text-color--muted;
text-align: left;
}
......@@ -22,9 +22,9 @@ th {
th {
text-align: left;
padding: .3em;
padding: 0.3em;
}
td {
padding: .3em;
padding: 0.3em;
}
src/less/style.less
View file @ ffd22be5
@import "./src/less/variables.less";
@import "./src/less/mixins/mixins.less";
@import './src/less/variables.less';
@import './src/less/mixins/mixins.less';
@import "./src/less/global/global-scaffolding.less";
@import "./src/less/global/global-print.less";
@import "./src/less/global/global-grid.less";
@import "./src/less/global/global-forms.less";
@import "./src/less/global/global-tables.less";
@import './src/less/global/global-scaffolding.less';
@import './src/less/global/global-print.less';
@import './src/less/global/global-grid.less';
@import './src/less/global/global-forms.less';
@import './src/less/global/global-tables.less';
@import "./src/blocks/dl-horizontal/dl-horizontal.less";
@import "./src/blocks/blockquote-right/blockquote-right.less";
@import "./src/blocks/blocks-library/blocks-library.less";
@import "./src/blocks/btn/btn.less";
@import "./src/blocks/table-responsive/table-responsive.less";
@import "./src/blocks/field-text/field-text.less";
@import "./src/blocks/field-checkbox/field-checkbox.less";
@import "./src/blocks/field-checkbox/field-checkbox--custom.less";
@import "./src/blocks/field-radio/field-radio.less";
@import "./src/blocks/field-radio/field-radio--custom.less";
@import "./src/blocks/field-select/field-select.less";
@import "./src/blocks/field-range/field-range.less";
@import "./src/blocks/field-file/field-file.less";
@import "./src/blocks/field-actions/field-actions.less";
@import "./src/blocks/form/form.less";
@import "./src/blocks/form/form--horizontal.less";
@import "./src/blocks/thumb/thumb.less";
@import "./src/blocks/sprite-svg--localstorage/sprite-svg--localstorage.less";
@import "./src/blocks/field-toggler/field-toggler.less";
@import "./src/blocks/dropdown/dropdown.less";
@import "./src/blocks/fields-group/fields-group.less";
@import "./src/blocks/fields-group/fields-group__item--dropdown.less";
@import "./src/blocks/btn-group/btn-group.less";
@import "./src/blocks/checked-btn/checked-btn.less";
@import "./src/blocks/list-nums/list-nums.less";
@import "./src/blocks/list-bullet/list-bullet.less";
@import "./src/blocks/step-list/step-list.less";
@import './src/blocks/dl-horizontal/dl-horizontal.less';
@import './src/blocks/blockquote-right/blockquote-right.less';
@import './src/blocks/blocks-library/blocks-library.less';
@import './src/blocks/btn/btn.less';
@import './src/blocks/table-responsive/table-responsive.less';
@import './src/blocks/field-text/field-text.less';
@import './src/blocks/field-checkbox/field-checkbox.less';
@import './src/blocks/field-checkbox/field-checkbox--custom.less';
@import './src/blocks/field-radio/field-radio.less';
@import './src/blocks/field-radio/field-radio--custom.less';
@import './src/blocks/field-select/field-select.less';
@import './src/blocks/field-range/field-range.less';
@import './src/blocks/field-file/field-file.less';
@import './src/blocks/field-actions/field-actions.less';
@import './src/blocks/form/form.less';
@import './src/blocks/form/form--horizontal.less';
@import './src/blocks/thumb/thumb.less';
@import './src/blocks/sprite-svg--localstorage/sprite-svg--localstorage.less';
@import './src/blocks/field-toggler/field-toggler.less';
@import './src/blocks/dropdown/dropdown.less';
@import './src/blocks/fields-group/fields-group.less';
@import './src/blocks/fields-group/fields-group__item--dropdown.less';
@import './src/blocks/btn-group/btn-group.less';
@import './src/blocks/checked-btn/checked-btn.less';
@import './src/blocks/list-nums/list-nums.less';
@import './src/blocks/list-bullet/list-bullet.less';
@import './src/blocks/step-list/step-list.less';
src/less/variables.less
View file @ ffd22be5
// Базовые цвета
@gray-darkest: #1C1C1C;
@gray-darker: #3A3A3A;
@gray-dark: #5F5F5F;
@gray-darkest: #1c1c1c;
@gray-darker: #3a3a3a;
@gray-dark: #5f5f5f;
@gray: #808080;
@gray-light: #B1B1B1;
@gray-light: #b1b1b1;
@gray-lighter: #eceeef;
@gray-lightest: #f7f7f9;
......@@ -41,9 +41,9 @@
@line-height: 1.375em;
@font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
@font-family--serif: Georgia, "Times New Roman", Times, serif;
@font-family--monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Ubuntu', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@font-family--serif: Georgia, 'Times New Roman', Times, serif;
@font-family--monospace: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
@font-family--headings: @font-family;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment