@ansible/ansible-ui-framework 0.0.324 → 0.0.326
Sign up to get free protection for your applications and to get access to all the features.
- package/docs/GettingStarted.md +1 -1
- package/docs/_config.yml +0 -6
- package/docs/assets/css/style.scss +27 -37
- package/package.json +1 -1
package/docs/GettingStarted.md
CHANGED
@@ -14,7 +14,7 @@ There is an [Ansible UI Framework Demo](https://github.com/jamestalton/ansible-u
|
|
14
14
|
npm install @ansible/ansible-ui-framework
|
15
15
|
```
|
16
16
|
|
17
|
-
## Add the
|
17
|
+
## Add the PageFramework to your application
|
18
18
|
|
19
19
|
Near the top of your application add the [PageFramework](https://github.com/ansible/ansible-ui/blob/main/framework/docs/PageFramework.md) component.
|
20
20
|
|
package/docs/_config.yml
CHANGED
@@ -4,20 +4,25 @@
|
|
4
4
|
@import "{{ site.theme }}";
|
5
5
|
|
6
6
|
body {
|
7
|
-
color:
|
8
|
-
|
9
|
-
// background: unset;
|
10
|
-
background-color: rgb(27,29,33);
|
11
|
-
// font-size: medium;
|
7
|
+
color: #FFFFFFCF;
|
8
|
+
background-color: #101216;
|
12
9
|
}
|
13
10
|
|
14
|
-
|
15
|
-
|
11
|
+
.markdown-body h1 {
|
12
|
+
border-bottom: 1px solid #FFF3;
|
16
13
|
}
|
17
14
|
|
15
|
+
.markdown-body h2 {
|
16
|
+
border-bottom: 1px solid #FFF2;
|
17
|
+
}
|
18
|
+
|
19
|
+
.markdown-body .highlight {
|
20
|
+
background-color: unset;
|
21
|
+
}
|
18
22
|
|
19
|
-
|
20
|
-
|
23
|
+
.markdown-body .highlight pre, .markdown-body pre {
|
24
|
+
background-color: #08090b;
|
25
|
+
border-radius: 8px;
|
21
26
|
}
|
22
27
|
|
23
28
|
a {
|
@@ -28,46 +33,31 @@ a:hover {
|
|
28
33
|
color: #73bcf7;
|
29
34
|
}
|
30
35
|
|
31
|
-
li {
|
32
|
-
// padding-bottom: 4px;
|
33
|
-
}
|
34
|
-
|
35
|
-
.wrapper {
|
36
|
-
// max-width: 1024px;
|
37
|
-
}
|
38
|
-
|
39
|
-
section {
|
40
|
-
// padding: unset;
|
41
|
-
// margin: 24px;
|
42
|
-
// max-width: 1024px;
|
43
|
-
}
|
44
|
-
|
45
36
|
h1 {
|
46
|
-
color:
|
47
|
-
// padding-bottom: 8px;
|
37
|
+
color: #FFFFFF;
|
48
38
|
}
|
49
39
|
|
50
40
|
h2 {
|
51
|
-
color:
|
52
|
-
// padding-top: 8px;
|
53
|
-
// padding-bottom: 8px;
|
41
|
+
color: #FFFFFFF7;
|
54
42
|
}
|
55
43
|
|
56
44
|
h3 {
|
57
|
-
color:
|
58
|
-
|
59
|
-
|
45
|
+
color: #FFFFFFEF;
|
46
|
+
}
|
47
|
+
|
48
|
+
h4 {
|
49
|
+
color: #FFFFFFE7;
|
60
50
|
}
|
61
51
|
|
62
|
-
p {
|
63
|
-
|
52
|
+
.p {
|
53
|
+
color: #FFF8;
|
64
54
|
}
|
65
55
|
|
66
|
-
|
67
|
-
|
56
|
+
.nv {
|
57
|
+
color: #4AD;
|
68
58
|
}
|
69
59
|
|
70
60
|
.err {
|
71
|
-
|
72
|
-
|
61
|
+
background: unset;
|
62
|
+
color: #B00;
|
73
63
|
}
|