Skip to content

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

Удалил LESS

parent f4ccd948
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 0 additions and 991 deletions
src/less/global.less deleted 100644 → 0
View file @ f4ccd948
@import './src/less/variables.less'; // только для удобства обращения к переменным
//------------------------------------------------------------------------------
// Базовая стилизация. Одновременно и аналог CSS-normalize, и стилизация тегов.
// Общие правила, типографика.
//------------------------------------------------------------------------------
//------------------------------------------------------------------------------
// Общие правила
//------------------------------------------------------------------------------
// Make viewport responsive
// see http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
@at-root {
@-ms-viewport { /* stylelint-disable-line at-rule-no-vendor-prefix */
width: device-width;
}
}
// Suppress the focus outline on elements that cannot be accessed via keyboard.
// see: https://github.com/suitcss/base
[tabindex='-1']:focus {
outline: none !important;
}
// iOS 'clickable elements' fix for role='button'
// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
[role='button'] {
cursor: pointer;
}
// Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.
// see:
// http://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch
// http://caniuse.com/#feat=css-touch-action
// http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay
a,
area,
button,
[role='button'],
input,
label,
select,
summary,
textarea {
touch-action: manipulation;
}
//------------------------------------------------------------------------------
// Базис
//------------------------------------------------------------------------------
*,
*:before,
*:after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 1);
-ms-overflow-style: scrollbar;
-ms-text-size-adjust: 100%; /* stylelint-disable-line property-no-vendor-prefix */
min-width: 320px;
min-height: 100%;
}
body {
font-family: @font-family;
font-size: @font-size;
line-height: unit(@line-height);
color: @text-color;
background-color: @body-bg;
margin: 0;
min-height: 100%;
}
a {
color: @link-color;
text-decoration: none;
background-color: transparent;
&:hover,
&:focus {
color: @link-color--hover;
text-decoration: underline;
}
}
img {
max-width: 100%;
height: auto;
border: 0;
}
//------------------------------------------------------------------------------
// Типографика
//------------------------------------------------------------------------------
// .h1,
h1 {
font-size: @font-size--h1;
}
// .h2,
h2 {
font-size: @font-size--h2;
}
// .h3,
h3 {
font-size: @font-size--h3;
}
// .h4,
h4 {
font-size: @font-size--h4;
}
// .h5,
h5 {
font-size: @font-size--h5;
}
// .h6,
h6 {
font-size: @font-size--h6;
}
// .h1,
// .h2,
// .h3,
// .h4,
// .h5,
// .h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: @font-family--headings;
font-weight: 700;
line-height: 1.4;
color: currentColor;
}
// .h1,
// .h2,
// .h3,
h1,
h2,
h3 {
margin-top: @line-height;
margin-bottom: (@line-height / 2);
}
// .h4,
// .h5,
// .h6,
h4,
h5,
h6 {
margin-top: (@line-height / 2);
margin-bottom: (@line-height / 2);
}
.p,
p,
ul,
ol,
dl,
blockquote,
pre,
address,
figure,
table {
margin-top: (@line-height / 2);
margin-bottom: (@line-height / 2);
}
address {
font-style: normal;
}
ul,
ol {
padding-left: 1.8em;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-top: 0;
margin-bottom: 0;
}
li {
line-height: @line-height;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
@media (min-width: @screen-sm) {
margin-left: 1.8em;
}
& + dt {
margin-top: (@line-height / 2);
}
}
hr {
margin-top: @line-height;
margin-bottom: @line-height;
border: 0;
border-top: 1px solid @border-color;
}
// .small,
small {
font-size: @font-size--small;
}
sub,
sup {
font-size: 70%;
}
// .mark,
mark {
background: #fcf8e3;
padding: 0.1em 0.3em;
}
b,
strong {
font-weight: bolder;
}
abbr[title] {
border-bottom: 1px dotted;
}
blockquote {
padding: 0 0 0 0.5em;
margin-left: 0;
margin-right: 0;
border-left: 1px solid @border-color;
@media (min-width: @screen-sm) {
padding: 0 0 0 1.8em;
margin-left: 0;
border-left-width: 5px;
}
p,
ul,
ol {
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
footer {
text-align: right;
color: @gray;
// &:before {
// content: '— ';
// }
}
}
code,
kbd,
pre,
samp {
font-family: @font-family--monospace;
}
code {
color: @text-color;
background-color: @gray-lighter;
padding: 0.06em 0.3em;
border-radius: @border-radius;
}
kbd {
padding: 0.06em 0.3em;
color: @text-color;
background-color: @gray-lighter;
border-radius: @border-radius;
kbd {
padding: 0;
}
}
pre {
display: block;
width: 100%;
overflow-x: auto;
background-color: @gray-lightest;
padding: 1em;
border-radius: @border-radius;
border: 1px solid @gray-lighter;
white-space: normal;
tab-size: 2;
}
src/less/mixins.less deleted 100644 → 0
View file @ f4ccd948
@import 'mixins/grid-mixins.less';
@import 'mixins/responsive-mixins.less';
@import 'mixins/forms-mixins.less';
src/less/mixins/forms-mixins.less deleted 100644 → 0
View file @ f4ccd948
.help-text() {
display: block;
font-size: @font-size--small-percent;
line-height: 1.2em;
color: @text-color--muted;
padding-top: 0.417em;
&:empty {
display: none;
}
}
.focus() {
outline: 0;
box-shadow: 0 0 0 2px fade(@color-main, 30%);
}
src/less/mixins/grid-mixins.less deleted 100644 → 0
View file @ f4ccd948
This diff is collapsed.
src/less/mixins/responsive-mixins.less deleted 100644 → 0
View file @ f4ccd948
//------------------------------------------------------------------------------
// Сокрытие блоков на указанных вьюпортах
//------------------------------------------------------------------------------
// .selector {
// .hidden-up(lg); // Скрыть на LG (включительно) и более широких
// .hidden-down(sm); // Скрыть на SM (включительно) и более узких
// }
//------------------------------------------------------------------------------
/* stylelint-disable block-no-single-line */
/* stylelint-disable block-opening-brace-newline-after */
/* stylelint-disable block-closing-brace-newline-before */
/* stylelint-disable at-rule-empty-line-before */
.hidden-up(@screen: xs) {
// & when (@screen = xs) { // XS по умолчанию 0, так что это бессмысленно
// @media (min-width: @screen-xs) { display: none; }
// }
& when (@screen = sm) {
@media (min-width: @screen-sm) { display: none; }
}
& when (@screen = md) {
@media (min-width: @screen-md) { display: none; }
}
& when (@screen = lg) {
@media (min-width: @screen-lg) { display: none; }
}
& when (@screen = xl) {
@media (min-width: @screen-xl) { display: none; }
}
& when (@screen = xxl) {
@media (min-width: @screen-xxl) { display: none; }
}
}
.hidden-down(@screen: xs) {
& when (@screen = xs) {
@media (max-width: (@screen-sm - 1)) { display: none; }
}
& when (@screen = sm) {
@media (max-width: (@screen-md - 1)) { display: none; }
}
& when (@screen = md) {
@media (max-width: (@screen-lg - 1)) { display: none; }
}
& when (@screen = lg) {
@media (max-width: (@screen-xl - 1)) { display: none; }
}
& when (@screen = xl) {
@media (max-width: (@screen-xxl - 1)) { display: none; }
}
& when (@screen = xxl) {
@media (max-width: (@screen-xxl - 1)) { display: none; }
}
}
/* stylelint-enable block-no-single-line */
/* stylelint-enable block-opening-brace-newline-after */
/* stylelint-enable block-closing-brace-newline-before */
/* stylelint-enable at-rule-empty-line-before */
src/less/print.less deleted 100644 → 0
View file @ f4ccd948
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline !important;
}
a[href]:after {
content: ' (' attr(href) ')';
}
abbr[title]:after {
content: ' (' attr(title) ')';
}
a[href^='#']:after,
a[href^='javascript:']:after {
content: '';
}
pre,
blockquote {
border: 1px solid #999 !important;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
table {
border-collapse: collapse !important;
td,
th {
background-color: #fff !important;
}
}
}
src/less/style.less deleted 100644 → 0
View file @ f4ccd948
// ВНИМАНИЕ! В этом файле нельзя использовать блочные комментарии (/* ... */), только строчные! (//)
// В этом файле нельзя писать селекторы! Смотри http://nicothin.github.io/idiomatic-pre-CSS/
@import './src/less/variables.less';
@import './src/less/mixins.less';
@import './src/less/global.less';
// @import './src/blocks/page-header/page-header.less';
// @import './src/blocks/page-footer/page-footer.less';
// @import './src/blocks/navbar/navbar.less';
// @import './src/blocks/logo/logo.less';
// @import './src/blocks/main-nav/main-nav.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/table.less';
// @import './src/blocks/table/table--hover.less';
// @import './src/blocks/table/table--striped.less';
// @import './src/blocks/table/table--not-greed.less';
// @import './src/blocks/table-responsive/table-responsive.less';
// @import './src/blocks/table-responsive/table-responsive--horizontal.less';
// @import './src/blocks/table-responsive-scroll/table-responsive-scroll.less';
// @import './src/blocks/table-responsive-rotate/table-responsive-rotate.less';
// @import './src/blocks/table-responsive-rotate/table-responsive-rotate--thead-fix.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-range/field-range__line.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/form/form--line.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/list-nums/list-nums.less';
// @import './src/blocks/list-nums/list-nums--main.less';
// @import './src/blocks/list-nums/list-nums__item.less';
// @import './src/blocks/list-bullet/list-bullet.less';
// @import './src/blocks/step-list/step-list.less';
// @import './src/blocks/label/label.less';
// @import './src/blocks/label/label__detail.less';
// @import './src/blocks/label/label--absolute.less';
// @import './src/blocks/label/label--tag.less';
// @import './src/blocks/label/label--circle.less';
// @import './src/blocks/alert/alert.less';
// @import './src/blocks/alert/alert--danger-invert.less';
// @import './src/blocks/alert/alert--success-invert.less';
// @import './src/blocks/alert/alert--icon.less';
// @import './src/blocks/alert/alert__close.less';
// @import './src/blocks/alert-area/alert-area.less';
// @import './src/blocks/loader/loader.less';
// @import './src/blocks/code/code.less';
// @import './src/blocks/collapse/collapse.less';
// @import './src/blocks/toggler-burger/toggler-burger.less';
// @import './src/blocks/to-top/to-top.less';
@import './src/less/print.less';
src/less/variables.less deleted 100644 → 0
View file @ f4ccd948
// Базовые цвета
// https://colorscheme.ru/color-converter.html
@black: hsl(0, 0%, 0%);
@gray-darkest: hsl(0, 0%, 10%);
@gray-darker: hsl(0, 0%, 20%);
@gray-darken: hsl(0, 0%, 30%);
@gray-dark: hsl(0, 0%, 40%);
@gray: hsl(0, 0%, 50%);
@gray-light: hsl(0, 0%, 60%);
@gray-lighten: hsl(0, 0%, 70%);
@gray-lighter: hsl(0, 0%, 80%);
@gray-lightest: hsl(0, 0%, 90%);
@white: hsl(0, 0%, 100%);
@color-main: hsl(208, 98%, 43%);
@color-success: hsl(120, 39%, 54%);
@color-danger: hsl(2, 64%, 58%);
// Семантические цвета
@text-color: @gray-darkest;
@text-color--muted: @gray;
@body-bg: #fff;
@link-color: @color-main;
@link-color--hover: darken(@color-main, 15%);
@border-color: @gray-light;
// Базовая типографика
@font-size: 16px;
@font-size--h1: 2.25em;
@font-size--h2: 1.875em;
@font-size--h3: 1.5em;
@font-size--h4: 1.25em;
@font-size--h5: 1em;
@font-size--h6: 1em;
@font-size--small: 0.75em;
@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--headings: @font-family;
// Модульная сетка
@grid-columns: 12;
@grid-gutter-width: 30px;
// Ширины
@screen-xs: 0;
@screen-sm: 480px;
@screen-md: 768px;
@screen-lg: 992px;
@screen-xl: 1200px;
@screen-xxl: 1800px;
@container-sm: 100%;
@container-md: 100%;
@container-lg: @screen-lg - 30;
@container-xl: @screen-xl - 30;
@container-xxl: @screen-xxl - 30;
// Z-index
@z-index-dropdown: 10;
// Формы, кнопки
@field-padding-top: 0.313em;
@field-padding-bottom: 0.313em;
@field-padding-horizontal: 0.438em;
// Разное
@border-radius: 3px;
@opacity: 0.7;
@transition-time: 0.3s;
@shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
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