Skip to content

Commit 7fb7043

Browse files
valentijnscholtenvalentijnscholten
committed
unprettify _custom.css
Signed-off-by: Valentijn Scholten <valentijnscholten@gmail.com>
1 parent 722e743 commit 7fb7043

1 file changed

Lines changed: 71 additions & 106 deletions

File tree

‎src/assets/scss/_custom.scss‎

Lines changed: 71 additions & 106 deletions
Original file line numberDiff line numberDiff line change
@@ -6,39 +6,34 @@ html {
66
.modal-header {
77
background-color: $grey-800;
88
}
9-
.modal-header,
10-
.modal-footer {
11-
padding: 0.5rem 0.7rem;
9+
.modal-header, .modal-footer {
10+
padding: .5rem .7rem;
1211
}
13-
.severity-critical,
14-
.status-failed {
12+
.severity-critical, .status-failed {
1513
color: $severity-critical;
1614
.progress-bar {
1715
background-color: $severity-critical;
1816
}
1917
}
2018
.severity-high {
21-
color: $severity-high;
19+
color:$severity-high;
2220
.progress-bar {
2321
background-color: $severity-high;
2422
}
2523
}
26-
.severity-medium,
27-
.status-warning {
24+
.severity-medium, .status-warning {
2825
color: $severity-medium;
2926
.progress-bar {
3027
background-color: $severity-medium;
3128
}
3229
}
33-
.severity-low,
34-
.status-passed {
30+
.severity-low, .status-passed {
3531
color: $severity-low;
3632
.progress-bar {
3733
background-color: $severity-low;
3834
}
3935
}
40-
.severity-info,
41-
.status-info {
36+
.severity-info, .status-info {
4237
color: $severity-info;
4338
.progress-bar {
4439
background-color: $severity-info;
@@ -54,29 +49,19 @@ html {
5449
.table-progress {
5550
width: 100% !important;
5651
}
57-
.severity-critical-bg,
58-
.bg-severity-critical,
59-
.bg-CRITICAL {
52+
.severity-critical-bg, .bg-severity-critical, .bg-CRITICAL {
6053
background: $severity-critical none;
6154
}
62-
.severity-high-bg,
63-
.bg-severity.high,
64-
.bg-HIGH {
55+
.severity-high-bg, .bg-severity.high, .bg-HIGH {
6556
background: $severity-high none;
6657
}
67-
.severity-medium-bg,
68-
.bg-severity-medium,
69-
.bg-MEDIUM {
58+
.severity-medium-bg, .bg-severity-medium, .bg-MEDIUM {
7059
background: $severity-medium none;
7160
}
72-
.severity-low-bg,
73-
.bg-severity-low,
74-
.bg-LOW {
61+
.severity-low-bg, .bg-severity-low, .bg-LOW {
7562
background: $severity-low none;
7663
}
77-
.severity-info-bg,
78-
.bg-severity-info,
79-
.bg-INFO {
64+
.severity-info-bg, .bg-severity-info, .bg-INFO {
8065
background: $severity-info none;
8166
}
8267
.severity-warn-bg {
@@ -88,71 +73,69 @@ html {
8873
.bg-violation-type {
8974
background: $widget-3;
9075
}
91-
.severity-unassigned-bg,
92-
.bg-severity-unassigned,
93-
.bg-UNASSIGNED {
76+
.severity-unassigned-bg, .bg-severity-unassigned, .bg-UNASSIGNED {
9477
background: $severity-unassigned none;
9578
}
9679
.severity-bug-icon {
97-
width: 40px;
98-
height: 40px;
99-
color: #ffffff;
80+
width:40px;
81+
height:40px;
82+
color:#ffffff;
10083
}
10184
.severity-bug-label {
102-
height: 40px;
103-
color: #ffffff;
85+
height:40px;
86+
color:#ffffff;
10487
background-color: $severity-label-bg;
10588
}
10689
.pointer:hover {
10790
cursor: pointer;
10891
}
10992
.label-analyzer {
110-
border: 1px solid #5c9ccb;
93+
border: 1px solid #5C9CCB;
11194
}
11295
.label-analyzer-internal {
11396
color: $white;
11497
}
11598
.label-source {
11699
color: #222222;
117-
padding: 0.2em 0.6em 0.3em;
100+
padding: .2em .6em .3em;
118101
font-weight: normal;
119102
font-size: 75%;
120103
}
121104
.label-source-nvd {
122-
background-color: #aecee5;
123-
border: 1px solid #5c9ccb;
105+
background-color: #AECEE5;
106+
border: 1px solid #5C9CCB;
124107
}
125108
.label-source-npm {
126-
background-color: #b4afe4;
127-
border: 1px solid #6e63cc;
109+
background-color: #B4AFE4;
110+
border: 1px solid #6E63CC;
128111
}
129112
.label-source-ossindex {
130-
background-color: #afe4bf;
131-
border: 1px solid #73d08f;
113+
background-color: #AFE4BF;
114+
border: 1px solid #73D08F;
132115
}
133116
.label-source-snyk {
134117
background-color: #afd2e4;
135118
border: 1px solid #73c1d0;
136119
}
137120
.label-source-vulndb {
138-
background-color: #ffc78b;
139-
border: 1px solid #fe9536;
121+
background-color: #FFC78B;
122+
border: 1px solid #FE9536;
140123
}
141124
.label-source-victims {
142-
background-color: #e4afaf;
143-
border: 1px solid #cc6666;
125+
background-color: #E4AFAF;
126+
border: 1px solid #CC6666;
144127
}
145128
.label-source-github {
146-
background-color: #d4bbf7;
147-
border: 1px solid #a66af7;
129+
background-color: #D4BBF7;
130+
border: 1px solid #A66AF7;
148131
}
149132
.label-source-osv {
150133
background-color: #f7bbdc;
151134
border: 1px solid #cc668a;
152135
}
153136
.label-source-internal {
154-
background-color: #ebe5a8;
155-
border: 1px solid #dcd167;
137+
background-color: #EBE5A8;
138+
border: 1px solid #DCD167;
156139
}
157140
.label-source-drupal {
158141
background-color: hsl(120, 75%, 39%);
@@ -165,48 +148,43 @@ html {
165148
.label-source-unknown {
166149
background-color: $severity-unassigned;
167150
border: 1px solid $grey-900;
168-
color: #ffffff;
151+
color: #FFFFFF;
169152
}
170153
.label-notification {
171154
color: #222222;
172-
padding: 0.2em 0.6em 0.3em;
155+
padding: .2em .6em .3em;
173156
font-weight: normal;
174157
font-size: 75%;
175158
}
176159
.label-notification-fail {
177-
background-color: lighten($notification-fail, 15%);
160+
background-color: lighten($notification-fail, 15% );
178161
border: 1px solid $notification-fail;
179162
}
180163
.label-notification-warn {
181-
background-color: lighten($notification-warn, 15%);
164+
background-color: lighten($notification-warn, 15% );
182165
border: 1px solid $notification-warn;
183166
}
184167
.label-notification-info {
185-
background-color: lighten($notification-info, 15%);
168+
background-color: lighten($notification-info, 15% );
186169
border: 1px solid $notification-info;
187170
}
188171
.table {
189172
background-color: $grey-750;
190173
}
191-
.table td.tight,
192-
.table th.tight {
174+
.table td.tight, .table th.tight {
193175
width: 1%;
194176
}
195-
.table td.expand,
196-
.table th.expand {
177+
.table td.expand, .table th.expand {
197178
width: 10%;
198179
}
199-
.table td.expand-20,
200-
.table th.expand-20 {
180+
.table td.expand-20, .table th.expand-20 {
201181
width: 20%;
202182
}
203183
label.required:after {
204184
color: #d62728;
205-
content: ' *';
185+
content:" *";
206186
}
207-
input.required,
208-
select.required,
209-
textarea.required {
187+
input.required, select.required, textarea.required {
210188
border-color: #ffd700;
211189
}
212190

@@ -278,17 +256,17 @@ textarea.required {
278256
.callout-severity-unassigned {
279257
border-left-color: $severity-unassigned;
280258
}
281-
.toast-container > div {
259+
.toast-container>div {
282260
-moz-box-shadow: none !important;
283261
-webkit-box-shadow: none !important;
284262
box-shadow: none !important;
285263
}
286264

287265
.expanded-row {
288-
margin-top: -12px;
289-
margin-bottom: -12px;
266+
margin-top:-12px;
267+
margin-bottom:-12px;
290268
margin-right: -13px;
291-
padding-top: 20px;
269+
padding-top:20px;
292270
padding-bottom: 20px;
293271
background-color: $grey-800;
294272
}
@@ -301,11 +279,10 @@ textarea.required {
301279
box-shadow: 0 0 0 0;
302280
}
303281

304-
.btn-outline-primary.disabled.active,
305-
.btn-outline-primary:disabled.active {
282+
.btn-outline-primary.disabled.active, .btn-outline-primary:disabled.active {
306283
background-color: darken($blue, 20);
307284
color: $white;
308-
opacity: 1;
285+
opacity: 1.0;
309286
}
310287

311288
.formattedLicenseContent {
@@ -316,24 +293,24 @@ textarea.required {
316293

317294
/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
318295
.toggle-off {
319-
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
296+
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
320297
}
321298
.toggle.off {
322-
border-color: rgba(0, 0, 0, 0.25);
299+
border-color: rgba(0, 0, 0, .25);
323300
}
324301
.toggle-handle {
325302
background-color: $toggle-handle-bg;
326-
border: thin rgba(0, 0, 0, 0.25) solid;
303+
border: thin rgba(0, 0, 0, .25) solid;
327304
}
328305
h6 {
329-
font-size: 1em;
306+
font-size: 1.0em;
330307
font-weight: 600;
331308
text-transform: uppercase;
332309
}
333310
.switch {
334311
vertical-align: middle;
335-
margin-top: 0.5rem;
336-
margin-bottom: 0.5rem;
312+
margin-top: .5rem;
313+
margin-bottom: .5rem;
337314
margin-right: 1rem;
338315
}
339316
.switch-slider {
@@ -343,39 +320,26 @@ h6 {
343320
background-color: $grey-200;
344321
}
345322
.card-footer > :not(:last-child) {
346-
margin-right: 0.25rem;
323+
margin-right: .25rem;
347324
}
348325
.card-footer > :not(:first-child) {
349-
margin-left: 0.25rem;
326+
margin-left: .25rem;
350327
}
351328
.bs-table-custom-toolbar > :not(:last-child) {
352-
margin-right: 0.25rem;
329+
margin-right: .25rem;
353330
}
354331
.bs-table-custom-toolbar > :not(:first-child) {
355-
margin-left: 0.25rem;
332+
margin-left: .25rem;
356333
}
357334
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
358-
background: $grey-750 !important;
359-
}
360-
.bootstrap-table
361-
.fixed-table-container
362-
.fixed-table-body
363-
.fixed-table-loading.table-dark
364-
.animation-dot,
365-
.bootstrap-table
366-
.fixed-table-container
367-
.fixed-table-body
368-
.fixed-table-loading.table-dark
369-
.animation-wrap::after,
370-
.bootstrap-table
371-
.fixed-table-container
372-
.fixed-table-body
373-
.fixed-table-loading.table-dark
374-
.animation-wrap::before {
375-
background: $grey-750 !important;
376-
}
377-
.was-validated .form-control:invalid,
378-
.form-control.is-invalid {
335+
background: $grey-750 !important;
336+
}
337+
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-dot,
338+
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::after,
339+
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::before {
340+
background: $grey-750 !important;;
341+
}
342+
.was-validated .form-control:invalid, .form-control.is-invalid {
379343
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
380344
}
381345
.bg-widget {
@@ -388,7 +352,7 @@ button:focus {
388352
border: 1px solid #60768c !important;
389353
background-color: $grey-900 !important;
390354
margin-left: 0.6em !important;
391-
color: #21d983 !important;
355+
color: #21D983 !important;
392356
}
393357
.badge-tab-fail {
394358
border: 1px solid #60768c !important;
@@ -417,7 +381,7 @@ button:focus {
417381
}
418382
td a.detail-icon {
419383
font-size: 150%;
420-
line-height: 1;
384+
line-height: 1.0;
421385
color: $grey-600;
422386
}
423387
.b-calendar-grid-body .text-dark {
@@ -553,6 +517,7 @@ td a.detail-icon {
553517
white-space: nowrap;
554518
}
555519

520+
556521
.icon-cellend {
557522
float: right;
558523
padding-top: 0.3rem;

0 commit comments

Comments
 (0)