82 lines
1.4 KiB
SCSS
82 lines
1.4 KiB
SCSS
.topic-list-item td:first-child,
|
|
.topic-post {
|
|
border-left: 1px solid transparent;
|
|
}
|
|
|
|
.topic-list tr.selected td:first-child,
|
|
.topic-list-item.selected td:first-child,
|
|
.latest-topic-list-item.selected,
|
|
.search-results .fps-result.selected {
|
|
box-shadow: inset 3px 0 0 var(--danger); // needs to be inset for Edge
|
|
}
|
|
|
|
.featured-topic.selected,
|
|
.topic-post.selected {
|
|
box-shadow: -3px 0 0 var(--danger);
|
|
}
|
|
|
|
.tabLoc:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.latest .featured-topic {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.topic-list-item.selected {
|
|
background-color: inherit;
|
|
}
|
|
|
|
.keyboard-shortcuts-modal .modal-body {
|
|
max-height: 560px;
|
|
}
|
|
|
|
.keyboard-shortcuts-modal .modal-inner-container {
|
|
max-width: 880px;
|
|
}
|
|
|
|
#keyboard-shortcuts-help {
|
|
display: grid;
|
|
grid-gap: 0.5em 1.25em;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
&:focus {
|
|
outline: none;
|
|
}
|
|
|
|
@for $i from 1 through 25 {
|
|
.span-#{$i} {
|
|
grid-row-end: span $i;
|
|
}
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
margin-bottom: 2rem;
|
|
margin-left: 0;
|
|
|
|
li {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
span {
|
|
background: var(--primary-very-low);
|
|
border-radius: 3px;
|
|
display: inline-flex;
|
|
margin: 0 6px;
|
|
padding: 2px 1px 4px;
|
|
}
|
|
|
|
span:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
kbd {
|
|
font-family: var(--font-family);
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|