accordion, and yaml on one block

This commit is contained in:
lvuch
2018-09-05 14:19:03 -07:00
parent 92ec141feb
commit 6be569d231
3 changed files with 13 additions and 76 deletions
@@ -11,15 +11,15 @@ Using the sample below create the `rancher-cluster.yml` file. Replace the IP Add
```yaml
nodes:
- address: 165.227.114.63
user: ubuntu
role: [controlplane,worker,etcd]
- address: 165.227.116.167
user: ubuntu
role: [controlplane,worker,etcd]
- address: 165.227.127.226
user: ubuntu
role: [controlplane,worker,etcd]
- address: 165.227.114.63
user: ubuntu
role: [controlplane,worker,etcd]
- address: 165.227.116.167
user: ubuntu
role: [controlplane,worker,etcd]
- address: 165.227.127.226
user: ubuntu
role: [controlplane,worker,etcd]
```
#### Common RKE nodes: options
@@ -102,4 +102,4 @@ Save a copy of the `kube_config_rancher-cluster.yml` and `rancher-cluster.yml` f
See the [Troubleshooting]({{< baseurl >}}/rancher/v2.x/en/installation/ha/kubernetes-rke/troubleshooting/) page.
### [Next: Initialize Helm]({{< baseurl >}}/rancher/v2.x/en/installation/ha/helm-init/)
### [Next: Initialize Helm]({{< baseurl >}}/rancher/v2.x/en/installation/ha/helm-init/)
+3 -3
View File
@@ -1,7 +1,7 @@
<div class="tab">
<input id="{{ .Get "id" }}" type="checkbox" name="tabs">
<div class="accordion">
<input id="{{ .Get "id" }}" type="checkbox" name="accordion">
<label for="{{ .Get "id" }}">{{ .Get "label" }}</label>
<div class="tab-content">
<div class="accordion-content">
{{ .Inner }}
</div>
</div>
-63
View File
@@ -62,66 +62,3 @@
display: none;
visibility: hidden;
}
//accordion
.tab {
position: relative;
margin-bottom: 1px;
width: 100%;
overflow: hidden;
border: solid $border thin;
input {
position: absolute;
opacity: 0;
z-index: -1;
}
label {
position: relative;
display: block;
padding: $spacer-xs;
background: lighten($bg-default,4%);
border: solid 1px $border;
font-size: 2rem;
cursor: pointer;
}
.tab-content {
display: none;
overflow: hidden;
background: #fff;
-webkit-transition: max-height .35s;
-o-transition: max-height .35s;
transition: max-height .35s;
padding: $spacer-sm;
}
/* :checked */
input:checked~.tab-content {
display: block;
}
/* Icon */
label::after {
position: absolute;
right: $spacer-xs;
top: $spacer-xs;
display: block;
text-align: center;
-webkit-transition: all .35s;
-o-transition: all .35s;
transition: all .35s;
}
input[type=checkbox]+label::after {
content: "+";
}
input[type=radio]+label::after {
content: "\25BC";
}
input[type=checkbox]:checked+label::after {
transform: rotate(90deg);
}
input[type=radio]:checked+label::after {
transform: rotateX(180deg);
}
}