1+ /******************************************************************************
2+ Copyright:: 2022- IBM, Inc
3+ Licensed under the Apache License, Version 2.0 (the "License");
4+ you may not use this file except in compliance with the License.
5+ You may obtain a copy of the License at
6+ http://www.apache.org/licenses/LICENSE-2.0
7+ Unless required by applicable law or agreed to in writing, software
8+ distributed under the License is distributed on an "AS IS" BASIS,
9+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10+ See the License for the specific language governing permissions and
11+ limitations under the License.
12+ *****************************************************************************/
13+ @import url ("https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/plex.css" );
14+ @import url ('https://unpkg.com/carbon-components/css/carbon-components.min.css' );
15+ @import url ("https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/themes.css" );
16+
17+ bx-list-item > code , p > code , td > code {
18+ background-color : var (--cds-layer );
19+ border-radius : 4px ;
20+ bottom : 0.0625em ;
21+ color : var (--cds-text-primary );
22+ display : inline;
23+ font-size : .75rem ;
24+ font-size : .875em ;
25+ font-weight : 400 ;
26+ letter-spacing : .32px ;
27+ line-height : 1.33333 ;
28+ padding : 0 0.5em ;
29+ position : relative;
30+ }
31+
32+ .toolHelp a {
33+ color : var (--cds-link-primary )
34+ }
35+
36+ .toolHelp .toolMain p ~ p {
37+ margin-top : .5rem ;
38+ }
39+
40+ .toolHelp .toolHead h3 {
41+ font-family : 'IBM Plex Sans' , 'Helvetica Neue' , Arial, sans-serif;
42+ font-style : normal;
43+ font-weight : 600 ;
44+ font-size : 16px ;
45+ line-height : 24px ;
46+ }
47+
48+ .toolHelp .toolHead .issueLevel {
49+ font-family : 'IBM Plex Sans' , 'Helvetica Neue' , Arial, sans-serif;
50+ font-style : normal;
51+ font-weight : 400 ;
52+ font-size : 12px ;
53+ line-height : 16px ;
54+ }
55+
56+ .toolHelp .toolHead # ruleMessage {
57+ font-family : 'IBM Plex Sans' , 'Helvetica Neue' , Arial, sans-serif;
58+ font-style : normal;
59+ font-weight : 600 ;
60+ font-size : 16px ;
61+ line-height : 24px ;
62+ margin-top : .5rem ;
63+ margin-bottom : .5rem ;
64+ }
65+
66+ .toolHelp .toolHead # groupLabel {
67+ font-family : 'IBM Plex Sans' , 'Helvetica Neue' , Arial, sans-serif;
68+ font-style : normal;
69+ font-weight : 400 ;
70+ font-size : 12px ;
71+ line-height : 16px ;
72+ }
73+
74+ /* productive-heading-03 */
75+ .toolHelp .toolMain h3 {
76+ font-family : 'IBM Plex Sans' , 'Helvetica Neue' , Arial, sans-serif;
77+ font-style : normal;
78+ font-weight : 600 ;
79+ font-size : 16px ;
80+ line-height : 24px ;
81+ }
82+
83+ .toolHelp .toolSide .bx--list__item {
84+ color : black;
85+ font-size : 0.875rem ;
86+ line-height : 18px ;
87+ }
88+
89+ /* productive-heading-03 */
90+ .toolHelp .toolSide h3 {
91+ font-family : 'IBM Plex Sans' , 'Helvetica Neue' , Arial, sans-serif;
92+ font-style : normal;
93+ font-weight : 600 ;
94+ font-size : 16px ;
95+ line-height : 24px ;
96+ }
97+
98+ @media (min-width : 42rem ) {
99+ html , body , .toolHelp .bx--row : nth-child (2 ) {
100+ height : 100% ;
101+ }
102+ }
103+ body {
104+ font-family : 'IBM Plex Sans' , 'Helvetica Neue' , Arial, sans-serif;
105+ color : var (--cds-text-primary );
106+ background-color : var (--cds-ui-background );
107+ }
108+
109+ .toolHelp {
110+ padding : 0px ;
111+ margin : 0px ;
112+ max-width : 100% ;
113+ background-color : # e8daff ;
114+ }
115+
116+ .toolHelp p {
117+ font-family : 'IBM Plex Sans' , 'Helvetica Neue' , Arial, sans-serif;
118+ font-style : normal;
119+ font-weight : 400 ;
120+ font-size : 14px ;
121+ line-height : 20px ;
122+ /* or 143% */
123+
124+ letter-spacing : 0.16px ;
125+ }
126+
127+ .dds-theme-zone-g90 .toolHelp {
128+ background-color : # 31135E ;
129+ }
130+
131+ .toolHelp .bx--row {
132+ margin : 0px ;
133+ }
134+
135+ .toolHelp .toolHead {
136+ margin-bottom : 1rem ;
137+ padding-top : 1rem ;
138+ }
139+ .toolHelp .toolMain {
140+ background-color : var (--cds-ui-background );
141+ padding-top : 1rem ;
142+ padding-bottom : 1rem ;
143+ border-top : solid var (--cds-text-primary ) 1px ;
144+ }
145+ .toolHelp .toolMain h2 {
146+ margin-top : 32px ;
147+ margin-bottom : 0.5rem ;
148+ }
149+ .toolHelp .toolMain h3 {
150+ margin-top : 1.5rem ;
151+ margin-bottom : 0.5rem ;
152+ }
153+ .toolHelp .toolMain p {
154+ margin-top : 0px ;
155+ }
156+
157+ .toolHelp .toolSide {
158+ padding : 16px 16px 16px 32px ;
159+ background-color : var (--cds-ui-background );
160+ color : var (--cds-text-primary );
161+ border-top : solid var (--cds-text-primary ) 1px ;
162+ }
163+ @media (min-width : 42rem ) {
164+ .toolHelp .toolSide {
165+ border-left : solid var (--cds-text-primary ) 1px ;
166+ }
167+ }
168+
169+ .toolHelp .toolSide h2 {
170+ margin-top : 32px ;
171+ margin-bottom : 0.5rem ;
172+ }
173+ .toolHelp .toolSide h3 {
174+ margin-top : 1.5rem ;
175+ margin-bottom : 0.5rem ;
176+ }
177+ .toolHelp .toolSide p {
178+ margin-top : 0px ;
179+ }
180+ @media (min-width : 66rem ) {
181+ .toolHelp .toolMain p , bx-list-item {
182+ max-width : 66.66% ;
183+ }
184+ }
185+ bx-code-snippet [type = "multi" ]::after {
186+ height : 0px ;
187+ }
188+
189+ # ruleInfo {
190+ margin-top : 1rem ;
191+ }
192+
193+ # ruleInfo p {
194+ font-size : 14px ;
195+ }
196+
197+ mark-down table tbody tr : hover {
198+ background : var (--cds-layer-hover );
199+ }
200+ mark-down table tbody tr : hover td , mark-down table tbody tr : hover th {
201+ background : var (--cds-layer-hover );
202+ -webkit-border-after : 1px solid var (--cds-layer-hover );
203+ border-block-end : 1px solid var (--cds-layer-hover );
204+ -webkit-border-before : 1px solid var (--cds-layer-hover );
205+ border-block-start : 1px solid var (--cds-layer-hover );
206+ color : var (--cds-text-primary , # 161616 );
207+ }
208+
209+ mark-down table {
210+ margin-top : 1rem ;
211+ width : 100% ;
212+ }
213+
214+ @media (min-width : 66rem ) {
215+ mark-down table {
216+ max-width : 66.66% ;
217+ }
218+ }
219+
220+ mark-down table thead {
221+ font-size : var (--cds-heading-compact-01-font-size , 0.875rem );
222+ font-weight : var (--cds-heading-compact-01-font-weight , 600 );
223+ line-height : var (--cds-heading-compact-01-line-height , 1.28572 );
224+ letter-spacing : var (--cds-heading-compact-01-letter-spacing , 0.16px );
225+ background-color : var (--cds-layer-accent );
226+ }
227+
228+ mark-down table tr {
229+ border : none;
230+ block-size : 3rem ;
231+ inline-size : 100% ;
232+ }
233+
234+ mark-down table th {
235+ background-color : var (--cds-layer-accent );
236+ color : var (--cds-text-primary , # 161616 );
237+ -webkit-padding-end : 1rem ;
238+ padding-inline-end : 1rem ;
239+ -webkit-padding-start : 1rem ;
240+ padding-inline-start : 1rem ;
241+ }
242+
243+ mark-down table td , mark-down table th {
244+ text-align : start;
245+ vertical-align : middle;
246+ }
247+
248+ mark-down table tbody {
249+ font-size : var (--cds-body-compact-01-font-size , 0.875rem );
250+ font-weight : var (--cds-body-compact-01-font-weight , 400 );
251+ line-height : var (--cds-body-compact-01-line-height , 1.28572 );
252+ letter-spacing : var (--cds-body-compact-01-letter-spacing , 0.16px );
253+ background-color : var (--cds-layer );
254+ inline-size : 100% ;
255+ }
256+
257+ mark-down table td , mark-down table tbody th {
258+ background : var (--cds-layer );
259+ -webkit-border-after : 1px solid var (--cds-border-subtle );
260+ border-block-end : 1px solid var (--cds-border-subtle );
261+ -webkit-border-before : 1px solid var (--cds-layer );
262+ border-block-start : 1px solid var (--cds-layer );
263+ color : var (--cds-text-secondary , # 525252 );
264+ -webkit-padding-end : 1rem ;
265+ padding-inline-end : 1rem ;
266+ -webkit-padding-start : 1rem ;
267+ padding-inline-start : 1rem ;
268+ }
0 commit comments