blob: bd85f547c9276489b8a13eeffe48cd97285f9367 [file] [log] [blame]
Michael Landoefa037d2017-02-19 12:57:33 +02001@import "components/punchOut";
2@import "components/buttons";
3@import "components/forms";
4@import "components/validationForm";
Michael Landoefa037d2017-02-19 12:57:33 +02005@import "components/dualListBox";
6@import "components/listEditorView";
7@import "components/toggleInput";
8@import "components/notifications";
9@import "components/inputOptions";
10@import "components/progressBar";
11@import "components/versionController";
12@import "components/sequenceDiagram";
13@import "components/navigationSideBar";
14@import "components/loader";
15@import "components/dropzone";
16@import "components/submitErrorResponse";
17@import "components/expandableInput";
AviZi280f8012017-06-09 02:39:56 +030018@import "components/grid";
19@import "components/icon";
20@import "components/svgIcon";
21@import "components/activityLog";
22@import "components/selectActionTable";
Michael Landoefa037d2017-02-19 12:57:33 +020023
24%noselect {
25 -webkit-touch-callout: none;
26 -webkit-user-select: none;
27 -moz-user-select: none;
28 -ms-user-select: none;
29 user-select: none;
30}
31
32.clickable {
33 cursor: pointer;
34}
35
36.no-padding {
37 padding: 0;
38}
39
40.next-to-icon-label {
41 $margin: 10px;
42 margin-left: $margin;
43 &.right {
44 margin-left: 0;
45 margin-right: $margin;
46 }
47}
48
49.search-wrapper {
50 display: flex;
51 .search-input-control {
52 flex: 1 1;
53 margin: 0;
54 .form-control {
55 font-style: italic;
56 }
57 }
58 .search-icon {
59 position: relative;
AviZi280f8012017-06-09 02:39:56 +030060 left: -23px;
Michael Landoefa037d2017-02-19 12:57:33 +020061 align-self: center;
62 width: 0;
63 color: $dark-gray;
64 }
65 .filter-icon {
66 position: relative;
67 left: -20px;
68 align-self: center;
69 width: 0;
70 background-color: $white;
71 }
72}
73
74.warning-icon {
75 margin-left: 50%;
76 color: $yellow;
77}
AviZi280f8012017-06-09 02:39:56 +030078
79.chevron::before {
80 border-style: solid;
81 border-width: 0.15em 0.15em 0 0;
82 content: '';
83 display: inline-block;
84 height: 0.8em;
85 left: 0.15em;
86 position: relative;
87 top: 0.15em;
88 vertical-align: top;
89 width: 0.8em;
90}
91.chevron.right:before {
92 left: 0;
93 transform: rotate(45deg);
94}
95.chevron.down:before {
96 transform: rotate(135deg);
97}
98.chevron.left:before {
99 transform: rotate(-135deg);
100}
101.chevron.top:before {
102 transform: rotate(-45deg);
103}