1 | .invalid() {
|
2 | border-color: @bpp-error-color;
|
3 | }
|
4 |
|
5 | .focus() {
|
6 | outline: none;
|
7 | border-color: @bpp-primary-color;
|
8 | box-shadow: 0 0 0 2px @bpp-primary-shadow-color, 0 0 0 1px @bpp-primary-shadow-inset-color inset;
|
9 | }
|
10 |
|
11 | .icon-font() {
|
12 | font-family: "bpmn-js-pp";
|
13 | font-style: normal;
|
14 | font-weight: normal;
|
15 | speak: none;
|
16 |
|
17 | display: inline-block;
|
18 | text-decoration: inherit;
|
19 | text-align: center;
|
20 | font-variant: normal;
|
21 | text-transform: none;
|
22 | line-height: 1em;
|
23 | -webkit-font-smoothing: antialiased;
|
24 | -moz-osx-font-smoothing: grayscale;
|
25 | }
|
26 |
|
27 | .overlay() {
|
28 | background-color: @bpp-overlay-background-color;
|
29 | }
|
30 |
|
31 | .action-button() {
|
32 | position: absolute;
|
33 | top: 0;
|
34 | height: 23px;
|
35 | width: 24px;
|
36 | overflow: hidden;
|
37 | background-color: @bpp-button-background-color;
|
38 | border: 1px solid @bpp-button-border-color;
|
39 |
|
40 | > span {
|
41 | display: none;
|
42 | }
|
43 |
|
44 | &:before {
|
45 | .icon-font();
|
46 | position: relative;
|
47 | }
|
48 |
|
49 | &.add:before {
|
50 | content: '\E803';
|
51 | }
|
52 |
|
53 | &.clear:before {
|
54 | content: '\E802';
|
55 | }
|
56 |
|
57 | &:hover {
|
58 | color: @bpp-primary-action-hover-color;
|
59 | }
|
60 | }
|
61 |
|
62 | .label() {
|
63 | font-weight: bolder;
|
64 | display: inline-block;
|
65 | vertical-align: middle;
|
66 | color: @bpp-label-color;
|
67 | &.bpp-hidden { display: none; }
|
68 | }
|