2013-09-04 04:32:28 +04:00
|
|
|
@import "ui-variables";
|
|
|
|
|
2013-08-22 04:37:04 +04:00
|
|
|
:focus {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pull-center {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
2013-09-04 04:32:28 +04:00
|
|
|
|
|
|
|
.padded {
|
|
|
|
padding: @component-padding;
|
|
|
|
}
|
|
|
|
|
2013-09-07 00:50:48 +04:00
|
|
|
// Blocks
|
|
|
|
|
2013-09-13 00:47:10 +04:00
|
|
|
// Must be div.block so as not to affect syntax highlighting.
|
2013-09-23 23:31:43 +04:00
|
|
|
ul.block,
|
2013-09-13 00:47:10 +04:00
|
|
|
div.block {
|
2013-09-04 04:32:28 +04:00
|
|
|
margin-bottom: @component-padding;
|
|
|
|
}
|
2013-09-23 23:31:43 +04:00
|
|
|
div > ul.block:last-child,
|
2013-09-13 00:47:10 +04:00
|
|
|
div > div.block:last-child {
|
2013-09-04 04:32:28 +04:00
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
2013-09-07 00:50:48 +04:00
|
|
|
// Inline Blocks
|
|
|
|
|
|
|
|
.inline-block,
|
|
|
|
.inline-block-tight {
|
2013-09-04 04:32:28 +04:00
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
.inline-block {
|
|
|
|
margin-right: @component-padding;
|
|
|
|
}
|
|
|
|
.inline-block-tight {
|
|
|
|
margin-right: @component-padding/2;
|
|
|
|
}
|
2013-09-05 23:07:49 +04:00
|
|
|
div > .inline-block:last-child,
|
|
|
|
div > .inline-block-tight:last-child {
|
2013-09-04 04:32:28 +04:00
|
|
|
margin-right: 0;
|
|
|
|
}
|
2013-09-05 23:07:49 +04:00
|
|
|
|
|
|
|
// Use left margin when it's in a float: right element.
|
|
|
|
// Sets the margin correctly when inline blocks are hidden and shown.
|
|
|
|
.pull-right {
|
|
|
|
.inline-block {
|
|
|
|
margin-right: 0;
|
|
|
|
margin-left: @component-padding;
|
|
|
|
}
|
|
|
|
.inline-block-tight {
|
|
|
|
margin-right: 0;
|
|
|
|
margin-left: @component-padding/2;
|
|
|
|
}
|
|
|
|
|
|
|
|
> .inline-block:first-child,
|
|
|
|
> .inline-block-tight:first-child {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
}
|
2013-10-22 04:19:41 +04:00
|
|
|
|
|
|
|
.error {
|
|
|
|
-webkit-animation: flash-error 0.3s ease-in;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes flash-error {
|
|
|
|
0% { background: @background-color-error; }
|
|
|
|
|
|
|
|
100% { background: auto; }
|
|
|
|
}
|