mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-09 22:35:49 +00:00
49 lines
1.1 KiB
SCSS
49 lines
1.1 KiB
SCSS
/* Interactive blocks in tutorial contents ---------------------------------- */
|
|
|
|
/* I don't get it, but apparently setting padding or border on
|
|
.interactive-block breaks the fixed-header anchor fix.
|
|
So the visual styles go on this inner div.
|
|
*/
|
|
.interactive-block-inner {
|
|
border: 1px dashed #25A768;
|
|
padding: 10px;
|
|
margin: 5px;
|
|
}
|
|
|
|
.interactive-block-ui > button {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.interactive-block .breadcrumb-wrap {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.interactive-block .breadcrumb-item a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.interactive-block .breadcrumb-item.current a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.interactive-block .breadcrumb-item.active a {
|
|
color: #43bded; /* TODO: adjust this color */
|
|
}
|
|
|
|
.interactive-block .breadcrumb-item.disabled a {
|
|
color: #6B7075; /* TODO: adjust this color */
|
|
}
|
|
|
|
.interactive-block .breadcrumb-item.done a:after {
|
|
content: "\f058"; /* fontawesome check-circle icon */
|
|
font-family: FontAwesome;
|
|
color: #6B7075; /* TODO: adjust this color */
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.ws-console {
|
|
height: 200px;
|
|
overflow: auto;
|
|
}
|