141 lines
2.3 KiB
SCSS
141 lines
2.3 KiB
SCSS
@import "./util";
|
|
|
|
form vn-horizontal {
|
|
align-items: center;
|
|
min-height: 44px;
|
|
|
|
& > * {
|
|
box-sizing: border-box;
|
|
margin: 0 $spacing-xs;
|
|
|
|
&:first-child {
|
|
margin-left: 0;
|
|
margin-right: $spacing-sm;
|
|
}
|
|
&:last-child {
|
|
margin-left: $spacing-sm;
|
|
margin-right: 0;
|
|
}
|
|
&:first-child:last-child {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
@include mobile {
|
|
flex-direction: column;
|
|
align-items: initial;
|
|
|
|
& > * {
|
|
&,
|
|
&:first-child,
|
|
&:last-child {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.link {
|
|
color: $color-font-link;
|
|
}
|
|
.link {
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
.unselectable {
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
vn-bg-title {
|
|
display: block;
|
|
text-align: center;
|
|
padding: 16px;
|
|
color: gray;
|
|
font-size: 1.25rem;
|
|
}
|
|
.totalBox {
|
|
border: $border-thin;
|
|
text-align: right;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: $spacing-md;
|
|
max-width: 224px;
|
|
}
|
|
.form {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
padding: $spacing-lg;
|
|
max-width: 1000px;
|
|
}
|
|
.list > vn-none {
|
|
min-width: 60px;
|
|
}
|
|
.list-element {
|
|
padding: 8px 0 0 0;
|
|
border-bottom: 1px solid $color-spacer;
|
|
|
|
i {
|
|
color: $color-main;
|
|
}
|
|
}
|
|
html [pointer], .pointer{
|
|
cursor: pointer;
|
|
}
|
|
html [noDrop], .noDrop{
|
|
cursor: no-drop;
|
|
}
|
|
vn-button-bar {
|
|
display: block;
|
|
margin-top: $spacing-sm;
|
|
}
|
|
vn-tool-bar {
|
|
display: flex;
|
|
|
|
& > * {
|
|
margin-right: 9px;
|
|
}
|
|
}
|
|
html [scrollable] {
|
|
min-height: 1px;
|
|
flex: 1;
|
|
flex-basis: .1px;
|
|
}
|
|
.ellipsize {
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.counter {
|
|
@extend %active;
|
|
|
|
&.small {
|
|
font-size: .7rem
|
|
}
|
|
}
|
|
|
|
/* XXX: Deprecated, use classes with text prefix */
|
|
|
|
[color-main] {
|
|
color: $color-main;
|
|
}
|
|
[color-marginal] {
|
|
color: $color-marginal;
|
|
}
|
|
[uppercase], .uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
html [text-center] {
|
|
text-align: center;
|
|
}
|
|
html [text-right] {
|
|
text-align: right;
|
|
}
|
|
html [text-left] {
|
|
text-align: left;
|
|
}
|