hugo-book/assets/_shortcode.scss
2019-05-24 14:07:44 +02:00

67 lines
1.1 KiB
SCSS

@import "variables";
.markdown-inner {
> :first-child {
margin-top: 0;
}
> :last-child {
margin-bottom: 0;
}
}
// {{< expand "Label" "icon" >}}
.book-expand {
border: 1px solid $gray-200;
.book-expand-head {
background: $gray-100;
padding: $padding-8 $padding-16;
cursor: pointer;
}
.book-expand-content {
display: none;
padding: $padding-16;
}
input[type="checkbox"]:checked + .book-expand-content {
display: block;
}
}
// {{< tabs >}}
.book-tabs {
border: 1px solid $gray-200;
display: flex;
flex-wrap: wrap;
label {
display: inline-block;
padding: $padding-8 $padding-16;
border-bottom: $padding-1 transparent;
cursor: pointer;
}
.book-tabs-content {
order: 999; //Move content blocks to the end
width: 100%;
border-top: $padding-1 solid $gray-100;
padding: $padding-16;
display: none;
}
input[type="radio"]:checked + label {
border-bottom: $padding-1 solid $color-link;
}
input[type="radio"]:checked + label + .book-tabs-content {
display: block;
}
}
// {{< columns >}}
.book-columns > {
div + div {
margin-left: $padding-16 * 2;
}
}