Files
solana/explorer/src/scss/_solana.scss
2020-08-02 20:06:51 +08:00

166 lines
2.2 KiB
SCSS

//
// solana.scss
// Use this to write your custom SCSS
//
code {
padding: 0.33rem;
border-radius: $border-radius;
background-color: $gray-200;
color: $black;
}
.popover-container {
position: relative;
.popover {
&.bs-popover-top {
background-color: $dark;
top: auto;
bottom: 1.5rem;
}
&.right {
left: auto;
right: 0;
}
&.bs-popover-bottom {
background-color: $dark;
top: 1.5rem;
}
.popover-body {
color: white;
}
.arrow.right {
right: 1rem;
}
.arrow::after {
border-top-color: $dark;
border-bottom-color: $dark;
}
}
}
.modal-backdrop {
pointer-events: none;
}
.modal.show {
display: block;
}
.c-pointer {
cursor: pointer;
}
.dropdown-exit {
position: absolute;
z-index: 100;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.opacity-50 {
opacity: 0.5;
}
.btn.input-group {
input {
cursor: pointer;
&:focus {
cursor: text;
}
}
}
.text-signature,
.text-address {
font-size: 85%;
}
input.text-signature,
input.text-address {
padding: 0 0.75rem;
}
h4.ix-pill {
display: inline-block;
padding: 5px;
border-radius: $border-radius;
margin-bottom: 2rem;
margin-left: -5px;
background-color: theme-color-level(info, $badge-soft-bg-level);
}
h4.slot-pill {
display: inline-block;
padding: 5px;
border-radius: $border-radius;
margin-left: -5px;
background-color: theme-color-level(primary, $badge-soft-bg-level);
margin-bottom: 1.5rem;
}
.list-group-item:last-child {
&.ix-item,
&.slot-item {
border-bottom-width: 0px;
}
}
.list-group:last-child .list-group-item:last-child {
&.ix-item,
&.slot-item {
border-bottom-width: 1px;
}
}
.list-group-item:first-child {
&.ix-item,
&.slot-item {
border-top-width: 1px;
}
}
.min-width-0 {
min-width: 0;
}
.mb-last-0 {
&:last-child {
margin-bottom: 0 !important;
}
}
.vertical-top {
vertical-align: top !important;
}
.w-1 {
width: 1%;
}
.line-height-md {
line-height: 1.5rem;
}
.search-indicator {
color: hsl(0,0%,60%);
display: flex;
padding: 8px 10px;
transition: color 150ms;
box-sizing: border-box;
cursor: pointer;
&:hover {
color: hsl(0,0%,40%);
}
}