-
Notifications
You must be signed in to change notification settings - Fork 51
/
index.less
98 lines (79 loc) · 1.86 KB
/
index.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
@import "../../styles/variables.less";
:root {
--TMXExportModal-fontSm: 0.75rem;
--TMXExportModal-badgeWidth: 4rem;
--TMXExportModal-reset: 0;
}
// These are bootstrap overrides specific to this modal
#tmxExportModal .modal-header {
padding-bottom: var(--TMXExportModal-reset) !important;
}
#tmxExportModal .modal-body {
padding-top: var(--TMXExportModal-reset) !important;
}
#tmxExportModal {
visibility: visible;
opacity: inherit;
backface-visibility: hidden;
}
// Modal content override specific to this modal
.tmxExport {
text-align: center;
}
.tmxExport p.lead {
font-weight: 500;
}
.tmxExport p.u-textWarning {
font-size: var(--TMXExportModal-fontSm);
}
table.tmxTable {
width: 50% !important;
margin-left: auto;
margin-right: auto;
}
table.tmxTable tbody tr td {
border-top: var(--TMXExportModal-reset);
}
table.tmxTable tbody tr td:last-child {
float: right;
}
table.tmxTable tbody tr td:first-child {
color: @color-light;
}
table.tmxTable .btn-sm {
padding: @spacing-small-horizontal @spacing-large-horizontal;
}
.asterix {
vertical-align: bottom;
margin-left: @spacing-half-base;
color: @color-warning;
}
table.tmxTable .badge {
background-color: @color-muted;
color: #fff;
font-size: 1rem;
line-height: @line-height-small;
width: var(--TMXExportModal-badgeWidth);
font-weight: 400;
height: 100%;
}
.tmxExport p.allWarnings {
position: absolute;
bottom: 80px;
right: 30px;
}
.tmxExport p.allWarnings .btn-link {
font-size: var(--TMXExportModal-fontSm);
line-height: @spacing-base;
color: @color-warning;
}
.tmxExport p.allWarnings .btn-link .n1 {
vertical-align: sub;
}
.tmxExport p.allWarnings .btn-link:focus, .tmxExport p.allWarnings .btn-link:hover, .tmxExport p.allWarnings .btn-link:active {
text-decoration: none;
opacity: 1 !important;
}
table.tmxTable .badge .n1 {
vertical-align: middle;
}