mirror of
https://github.com/Kornstalx/5etools-mirror-2.github.io.git
synced 2025-10-28 20:45:35 -05:00
v1.198.1
This commit is contained in:
66
scss/search.scss
Normal file
66
scss/search.scss
Normal file
@@ -0,0 +1,66 @@
|
||||
@import "includes/vars";
|
||||
|
||||
.pg-search__ {
|
||||
$sz-image: 48px;
|
||||
|
||||
&ipt {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
&wrp-result {
|
||||
border: 1px solid $rgb-border-grey;
|
||||
border-radius: 5px;
|
||||
min-height: calc(#{$spacer} + #{$sz-image} + 2px);
|
||||
}
|
||||
|
||||
&disp-token {
|
||||
width: $sz-image;
|
||||
height: $sz-image;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
&disp-srd {
|
||||
font-size: 8.5px;
|
||||
vertical-align: super;
|
||||
top: 2px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
&wrp-preview {
|
||||
width: 500px;
|
||||
border: 1px solid $rgb-border-grey;
|
||||
}
|
||||
|
||||
&btn-toggle-preview {
|
||||
&--expanded {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
|
||||
@media only screen and (max-width: $width-screen-sm) {
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.night-mode {
|
||||
.pg-search__ {
|
||||
&wrp-result {
|
||||
border: 1px solid $rgb-border-grey--night;
|
||||
background: $rgb-bg--night;
|
||||
}
|
||||
|
||||
&wrp-preview {
|
||||
border: 1px solid $rgb-border-grey--night;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.style-switch__wide {
|
||||
.pg-search__ {
|
||||
&wrp-preview {
|
||||
width: 50vw;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user