public/rancher-docs
1
0
Fork 0
mirror of https://github.com/rancher/rancher-docs.git synced 2026-09-25 20:48:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

accordion, and yaml on one block

Browse Source
This commit is contained in:
lvuch
2018-09-14 13:06:57 -07:00
committed by Denise Schannon
parent 878ae716e4
commit 8847e5354c
3 changed files with 12 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
content/rancher/v2.x/en/installation/ha/kubernetes-rke/_index.md
+9 -12
View File
@@ -13,18 +13,15 @@ Using the sample below create the `rancher-cluster.yml` file. Replace the IP Add
```yaml
nodes:
- address: 165.227.114.63
internal_address: 172.16.22.12
user: ubuntu
role: [controlplane,worker,etcd]
- address: 165.227.116.167
internal_address: 172.16.32.37
user: ubuntu
role: [controlplane,worker,etcd]
- address: 165.227.127.226
internal_address: 172.16.42.73
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
layouts/shortcodes/accordion.html
+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>
src/sass/app.scss
-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);
}
}