diff --git a/sass/custom/_paulus.scss b/sass/custom/_paulus.scss index 0a140ea0a56..aa054ce18ae 100644 --- a/sass/custom/_paulus.scss +++ b/sass/custom/_paulus.scss @@ -226,5 +226,41 @@ p.note { } } +.post-instructions-container { + #generic-post, #fedora-post, #debian-post, .post-instructions { + display: none; + } + label.menu-selector { + display: inline-block; + text-align: center; + padding: 10px; + white-space: nowrap; + border-bottom: 2px solid $grayLight; + transition: border-bottom-color .5s; + } + + label.menu-selector + label.menu-selector { + margin-left: 10px; + } + + #generic-post:checked ~ .menu-selector.generic-post, + #fedora-post:checked ~ .menu-selector.fedora-post, + #debian-post:checked ~ .menu-selector.debian-post + { + border-bottom-color: $blue; + } + + #generic-post:checked ~ .post-instructions.generic-post, + #fedora-post:checked ~ .post-instructions.fedora-post, + #debian-post:checked ~ .post-instructions.debian-post + { + display: block; + } + + .post-instructions { + margin-top: 20px; + } + +}