react 16 upgrade
[sdc.git] / openecomp-ui / resources / scss / common / _base.scss
1 html {
2     font-size: 100%;
3     height: 100%;
4 }
5
6 body {
7   /* scrollbar styling for Internet Explorer */
8   scrollbar-face-color: $scroll-bar-color;
9   scrollbar-track-color: $scroll-bar-color;
10   height: 100%;
11 }
12
13 $scrollbar-width: 8px;
14 $scrollbar-height: 8px;
15 /* firefox */
16 $ff-scrollbar-width: 17px;
17 /* scrollbar styling for Google Chrome | Safari | Opera */
18 ::-webkit-scrollbar {
19     width: $scrollbar-width;
20     height: $scrollbar-height;
21 }
22
23 ::-webkit-scrollbar-track {
24     background-color: transparent;
25     border-radius: 10px;
26 }
27
28 ::-webkit-scrollbar-thumb {
29     border-radius: 10px;
30     background-color: $light-gray;
31     border-right: 2px solid $content-background-color;
32 }
33
34 /* Mozilla Firefox currently doesn't support scrollbar styling */
35
36 ul {
37     list-style: none;
38 }
39
40 h1,
41 h2,
42 h3,
43 h4,
44 h5,
45 h6,
46 ul {
47     margin: 0;
48     padding: 0;
49 }
50
51 input {
52     padding: 7px 10px;
53 }
54
55 .disabled {
56     opacity: 0.7 !important;
57 }
58
59 fieldset {
60     border: none;
61 }
62
63 fieldset {
64     label {
65         display: inline-block;
66     }
67 }
68
69 .nav-tabs > li > a:focus,
70 .btn:focus,
71 .btn:active:focus,
72 .btn.active:focus {
73     outline: none;
74 }
75
76 .box-hover {
77     border: 1px solid $light-blue;
78 }
79 /* monkey patch */
80 .sdc-button.sdc-button__link.sdc-button.sdc-button__link {
81     width: initial;
82     &:focus {
83         border: none;
84     }
85 }