@import "docsy_overrides"; .sp-footer h2, .sp-footer h3, .sp-footer a.nav-link { padding: 0.3rem 1rem !important; } .sp-footer a.nav-link:hover { background-color: #61616144; transition: background-color 0.2s ease-in-out; border-radius: .3rem; } .sp-footer a.nav-link span { width: 2rem; display: inline-flex; align-items: center; border-radius: .1rem; padding: .5rem; } .sp-footer span i { margin: auto; } .rounded-img { border-radius: 1rem; } .card-title { font-weight: 600; } .sp-button-shadow { box-shadow: 0px -0.5rem 0px 0px rgba(0, 0, 0, 0.1) inset; } .sp-button-big-padding { padding-bottom: 1rem; padding-top: 0.8rem; } .sp-feature-title { font-weight: 600; } .sp-footer { .nav-link { font-weight: 600; padding: 0.3rem 0; color: $navbar-dark-color; &:hover { color: $navbar-dark-hover-color; } &:active { color: $navbar-dark-active-color; } &:disabled { color: $navbar-dark-disabled-color; } span { width: 2rem; display: inline-flex; align-items: center; border-radius: .1rem; padding: .5rem; } } span i { margin: auto; } } .sp-service-icon { margin-top: -4rem; min-height: 6rem; min-width: 4rem; max-width: 12rem; max-height: 8rem; margin-left: 2rem; width: max-content; & > .error { min-height: 6rem; min-width: 4rem; } } .sp-feature-img { min-height: 20rem; min-width: 20rem; max-width: 40rem; max-height: 40rem; } .sp-service-card { background: white; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); border-radius: 10px; border: none; } .sp-services-row { margin-top: 6rem; } .sp-supperted-by-img { pointer-events: none; margin: 1rem; width: 15rem; } .sp-supported-by-list { display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; } .sp-supported-by-card { background: white; box-shadow: $shadow; border-radius: 10px; border: none; margin-top: 1rem; } body { background-color: $bg-color; } a.nav-link.sp-coming-soon { pointer-events: none; cursor: default; color: $gray; &::after { content: "Coming soon!"; display: inline-block; background-color: $gray; color: $dark; margin-left: .5rem; padding: .1rem .5rem; border-radius: .1rem; } } .sp-feature-img.error { min-width: 20rem; min-height: 20rem; } .error { background-color: lightgray; }