Files
xrpl-dev-portal/styles/_buttons.scss
mDuo13 2c3a6e0c82 Style fixes for tools & 404 page:
- Set Bootstrap colors for background colors
- Adjust button padding to work in more contexts
- Removed unused tool CSS. Migrated some styles to SCSS.
- Fix sticky overlap in faucets sidebar
- Make 404 page inherit from base template
2020-09-11 18:07:47 -07:00

75 lines
1.2 KiB
SCSS

// Button styling --------------------------------------------------------------
.btn, .content a.button {
font-weight: bold;
cursor: pointer;
text-decoration: none;
transition: 0.2s;
}
.content a.button {
padding: .5rem 1rem;
margin: 0 0.5rem;
display: inline-block;
}
.btn.disabled,
button.disabled,
.btn[disabled="disabled"],
button[disabled="disabled"] {
cursor: not-allowed;
}
.btn-outline-secondary,
.content a.button,
.navbar-dark .navbar-nav .nav-link.btn-outline-secondary {
color: $white;
border-color: $white;
border-width: 2px;
border-style: solid;
&:hover, &:active {
color: $primary;
border-color: $primary;
background-color: transparent;
}
}
.navbar-dark .navbar-nav .nav-link:hover {
color: $white;
}
p + .readmore {
margin-top: 12px;
}
.card-header a i {
margin: 0 0.2em 0 0.8em;
}
.btn-primary code,
.btn-secondary code {
color: inherit;
}
/* (Jump to) "Top" button */
.jump-to-top {
display: none;
position: fixed;
bottom: 15px;
right: 30px;
font-weight: 700;
z-index: 1000;
color: white;
&::after {
content: ""
}
@include media-breakpoint-down(sm) {
bottom: 40px;
right: 40px;
}
}