jeff/pvpokemon
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity
pvpokemon/dist/app.css
Jeff Colombo f93841eb8c refactor pokemon explorer for nav
2019-03-04 23:37:13 -05:00

503 lines
18 KiB
CSS
Raw Blame History

/* Generated by cssConcatenator.js */
/** Source: ./dist/main.tmp.css */
.PokemonApp__wrapper__3ZEoC {
display: flex;
flex-flow: column nowrap;
align-items: stretch;
height: 100vh; }
.PokemonApp__wrapper__3ZEoC.PokemonApp__overlaid__3B_Ol {
background-color: rgba(0, 0, 0, 0.7); }
.PokemonApp__wrapper__3ZEoC.PokemonApp__overlaid__3B_Ol .PokemonApp__highlight__1zywH {
z-index: 1; }
.PokemonApp__wrapper__3ZEoC .PokemonApp__body__23cv_ {
background-color: #fff;
display: flex;
flex-flow: row nowrap;
align-items: stretch;
position: relative; }
.PokemonApp__header__2s_s2 {
display: flex;
margin: 0.1em; }
.PokemonApp__header__2s_s2 a {
display: inline-block; }
.PokemonApp__footer__3q19Q {
height: 60px; }
.PokemonApp__leftNavigation__1rBU9 {
padding: 0.5em;
position: relative;
display: flex;
flex-flow: column nowrap; }
.PokemonApp__leftNavigation__1rBU9 .PokemonApp__activeNavigationButton__lZQ4L {
z-index: 1; }
.PokemonApp__leftNavigation__1rBU9 button {
padding: 0;
margin-bottom: 1em;
outline: none;
border: none;
background-color: transparent; }
.PokemonApp__leftNavigation__1rBU9 button + button {
margin-bottom: 0.5em; }
.PokemonApp__overlay__2vc-r {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0.7; }
.PokemonApp__displayWrapper__2PiN5 {
margin: 0 auto;
width: 30rem;
display: flex;
flex-flow: column nowrap; }
.PokemonApp__container__MsUHy {
display: flex;
justify-content: space-evenly; }
.PokemonApp__container__MsUHy .PokemonApp__leftColumn__3Lv_L,
.PokemonApp__container__MsUHy .PokemonApp__rightColumn__1xE25 {
display: flex;
flex-flow: column nowrap;
flex-basis: 45%;
align-items: center; }
.PokemonApp__container__MsUHy .PokemonApp__leftColumn__3Lv_L {
text-align: center; }
.PokemonApp__container__MsUHy .PokemonApp__rightColumn__1xE25 {
flex-grow: 1;
align-items: start; }
.nes-field.is-inline .IvForm__ivInput__1KM34 {
width: 4.25em;
padding-left: 0.45em;
padding-right: 0.25em; }
.nes-field.is-inline .IvForm__ivInput__1KM34.IvForm__levelInput__1cOcl {
width: 6.5em; }
.nes-field.is-inline.IvForm__fieldRow__2b-ft {
justify-content: space-between; }
.nes-field.is-inline.IvForm__fieldRow__2b-ft label {
flex-grow: 0;
margin-left: 1em; }
.nes-field.is-inline.IvForm__fieldRow__2b-ft label:first-child {
margin-left: 0; }
.LeagueSelector__wrapper__3k27A {
font-size: 0.8em;
display: flex;
justify-content: space-between;
margin: -0.5rem 0 0.5rem 0; }
.LeagueSelector__leagueRadioLabel__23hqE {
display: flex;
align-items: center; }
.LeagueSelector__leagueRadio__26fWw {
display: none; }
.LeagueStatsList__selectList__S5RTA {
flex-grow: 1;
/* for Firefox */
display: flex;
overflow: hidden; }
.LeagueStatsList__selectList__S5RTA > * {
flex: 1;
overflow: auto; }
.LeagueStatsList__listItem__1pPhh {
position: relative;
display: flex;
justify-content: space-evenly; }
.LeagueStatsList__listItem__1pPhh.list-item.active::before, .LeagueStatsList__listItem__1pPhh.list-item:hover::before {
top: 8px;
left: 10px; }
.StatDisplay__baseStatRow__3_Kiv {
display: flex;
align-items: center; }
.StatDisplay__baseStatRow__3_Kiv > * {
flex-shrink: 0; }
.StatDisplay__baseStatRow__3_Kiv > progress {
flex-shrink: 1;
margin: 0 0 0 1em;
width: 5em;
height: 1em;
border-image-outset: 1;
padding: 2px; }
.PokemonApp__wrapper__3ZEoC {
display: flex;
flex-flow: column nowrap;
align-items: stretch;
height: 100vh; }
.PokemonApp__wrapper__3ZEoC.PokemonApp__overlaid__3B_Ol {
background-color: rgba(0, 0, 0, 0.7); }
.PokemonApp__wrapper__3ZEoC.PokemonApp__overlaid__3B_Ol .PokemonApp__highlight__1zywH {
z-index: 1; }
.PokemonApp__wrapper__3ZEoC .PokemonApp__body__23cv_ {
background-color: #fff;
display: flex;
flex-flow: row nowrap;
align-items: stretch;
position: relative; }
.PokemonApp__header__2s_s2 {
display: flex;
margin: 0.1em; }
.PokemonApp__header__2s_s2 a {
display: inline-block; }
.PokemonApp__footer__3q19Q {
height: 60px; }
.PokemonApp__leftNavigation__1rBU9 {
padding: 0.5em;
position: relative;
display: flex;
flex-flow: column nowrap; }
.PokemonApp__leftNavigation__1rBU9 .PokemonApp__activeNavigationButton__lZQ4L {
z-index: 1; }
.PokemonApp__leftNavigation__1rBU9 button {
padding: 0;
margin-bottom: 1em;
outline: none;
border: none;
background-color: transparent; }
.PokemonApp__leftNavigation__1rBU9 button + button {
margin-bottom: 0.5em; }
.PokemonApp__overlay__2vc-r {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0.7; }
.PokemonApp__displayWrapper__2PiN5 {
margin: 0 auto;
width: 30rem;
display: flex;
flex-flow: column nowrap; }
.PokemonApp__container__MsUHy {
display: flex;
justify-content: space-evenly; }
.PokemonApp__container__MsUHy .PokemonApp__leftColumn__3Lv_L,
.PokemonApp__container__MsUHy .PokemonApp__rightColumn__1xE25 {
display: flex;
flex-flow: column nowrap;
flex-basis: 45%;
align-items: center; }
.PokemonApp__container__MsUHy .PokemonApp__leftColumn__3Lv_L {
text-align: center; }
.PokemonApp__container__MsUHy .PokemonApp__rightColumn__1xE25 {
flex-grow: 1;
align-items: start; }
.LeagueIvExplorer__container__23wLQ {
margin-bottom: 1rem; }
.LeagueIvExplorer__leftColumn__1HzQ- { }
.LeagueIvExplorer__rightColumn__rwhPb { }
.LeagueIvExplorer__leaguePokemonRank__25epF {
justify-content: flex-start;
flex-wrap: wrap; }
.LeagueIvExplorer__leaguePokemonRank__25epF .LeagueIvExplorer__pokemonInfoWrapper__3Zqjc {
flex: 1 0 100%;
display: flex; }
.LeagueIvExplorer__leaguePokemonRank__25epF .LeagueIvExplorer__leftColumn__1HzQ- {
align-items: flex-start; }
.LeagueIvExplorer__leaguePokemonRank__25epF .LeagueIvExplorer__pokemonRankValue__2bxg3 {
display: inline; }
.LeagueIvExplorer__ivsContainer__7fSaL {
flex: 0 999 auto;
display: flex;
flex-flow: column nowrap;
/* for Firefox */ }
.LeagueIvExplorer__ivsContainer__7fSaL .title.LeagueIvExplorer__ivContainerTitle__3P9q4 {
display: flex;
justify-content: flex-end;
background-color: transparent;
padding: 0; }
.LeagueIvExplorer__ivsContainer__7fSaL .title.LeagueIvExplorer__ivContainerTitle__3P9q4 > * {
background-color: #fff; }
.LeagueIvExplorer__ivsContainer__7fSaL .title.LeagueIvExplorer__ivContainerTitle__3P9q4 > *:first-child {
margin-right: auto;
padding: 0 0.5em; }
.LeagueIvExplorer__ivsContainer__7fSaL .title.LeagueIvExplorer__ivContainerTitle__3P9q4 > *:last-child {
padding-right: 0.5em; }
.LeagueIvExplorer__ivsContainer__7fSaL.LeagueIvExplorer__diplayingIvList__3vrin {
padding: 1.5rem 0 0; }
.LeagueIvExplorer__ivsContainer__7fSaL.LeagueIvExplorer__diplayingIvList__3vrin .title.LeagueIvExplorer__ivContainerTitle__3P9q4 {
margin-bottom: 0;
margin-right: -8px;
margin-left: -8px;
padding: 0 2.5rem; }
.TypeIndicator__pokemonType__1rrg9 {
text-transform: uppercase; }
.TypeIndicator__pokemonType__1rrg9.nes-container {
text-align: center;
padding: 0;
font-size: 0.7em;
line-height: 0.9;
flex-basis: 50%;
margin: 0.5rem 7px 11px; }
.TypeIndicator__pokemonType__1rrg9.normal {
color: #fff;
background-color: #a8a878; }
.TypeIndicator__pokemonType__1rrg9.normal::after {
box-shadow: 0 -4px #a8a878, 0 -8px, 4px 0 #a8a878, 4px -4px, 8px 0, 0 4px #a8a878, 0 8px, -4px 0 #a8a878, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.fighting {
color: #fff;
background-color: #c03028; }
.TypeIndicator__pokemonType__1rrg9.fighting::after {
box-shadow: 0 -4px #c03028, 0 -8px, 4px 0 #c03028, 4px -4px, 8px 0, 0 4px #c03028, 0 8px, -4px 0 #c03028, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.flying {
color: #fff;
background-color: #a890f0; }
.TypeIndicator__pokemonType__1rrg9.flying::after {
box-shadow: 0 -4px #a890f0, 0 -8px, 4px 0 #a890f0, 4px -4px, 8px 0, 0 4px #a890f0, 0 8px, -4px 0 #a890f0, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.poison {
color: #fff;
background-color: #a040a0; }
.TypeIndicator__pokemonType__1rrg9.poison::after {
box-shadow: 0 -4px #a040a0, 0 -8px, 4px 0 #a040a0, 4px -4px, 8px 0, 0 4px #a040a0, 0 8px, -4px 0 #a040a0, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.ground {
color: #fff;
background-color: #e0c068; }
.TypeIndicator__pokemonType__1rrg9.ground::after {
box-shadow: 0 -4px #e0c068, 0 -8px, 4px 0 #e0c068, 4px -4px, 8px 0, 0 4px #e0c068, 0 8px, -4px 0 #e0c068, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.rock {
color: #fff;
background-color: #b8a038; }
.TypeIndicator__pokemonType__1rrg9.rock::after {
box-shadow: 0 -4px #b8a038, 0 -8px, 4px 0 #b8a038, 4px -4px, 8px 0, 0 4px #b8a038, 0 8px, -4px 0 #b8a038, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.bug {
color: #fff;
background-color: #a8b820; }
.TypeIndicator__pokemonType__1rrg9.bug::after {
box-shadow: 0 -4px #a8b820, 0 -8px, 4px 0 #a8b820, 4px -4px, 8px 0, 0 4px #a8b820, 0 8px, -4px 0 #a8b820, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.ghost {
color: #fff;
background-color: #705898; }
.TypeIndicator__pokemonType__1rrg9.ghost::after {
box-shadow: 0 -4px #705898, 0 -8px, 4px 0 #705898, 4px -4px, 8px 0, 0 4px #705898, 0 8px, -4px 0 #705898, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.steel {
color: #fff;
background-color: #b8b8d0; }
.TypeIndicator__pokemonType__1rrg9.steel::after {
box-shadow: 0 -4px #b8b8d0, 0 -8px, 4px 0 #b8b8d0, 4px -4px, 8px 0, 0 4px #b8b8d0, 0 8px, -4px 0 #b8b8d0, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.fire {
color: #fff;
background-color: #f08030; }
.TypeIndicator__pokemonType__1rrg9.fire::after {
box-shadow: 0 -4px #f08030, 0 -8px, 4px 0 #f08030, 4px -4px, 8px 0, 0 4px #f08030, 0 8px, -4px 0 #f08030, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.water {
color: #fff;
background-color: #6890f0; }
.TypeIndicator__pokemonType__1rrg9.water::after {
box-shadow: 0 -4px #6890f0, 0 -8px, 4px 0 #6890f0, 4px -4px, 8px 0, 0 4px #6890f0, 0 8px, -4px 0 #6890f0, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.grass {
color: #fff;
background-color: #78c850; }
.TypeIndicator__pokemonType__1rrg9.grass::after {
box-shadow: 0 -4px #78c850, 0 -8px, 4px 0 #78c850, 4px -4px, 8px 0, 0 4px #78c850, 0 8px, -4px 0 #78c850, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.electric {
color: #fff;
background-color: #f8d030; }
.TypeIndicator__pokemonType__1rrg9.electric::after {
box-shadow: 0 -4px #f8d030, 0 -8px, 4px 0 #f8d030, 4px -4px, 8px 0, 0 4px #f8d030, 0 8px, -4px 0 #f8d030, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.psychic {
color: #fff;
background-color: #f85888; }
.TypeIndicator__pokemonType__1rrg9.psychic::after {
box-shadow: 0 -4px #f85888, 0 -8px, 4px 0 #f85888, 4px -4px, 8px 0, 0 4px #f85888, 0 8px, -4px 0 #f85888, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.ice {
color: #fff;
background-color: #98d8d8; }
.TypeIndicator__pokemonType__1rrg9.ice::after {
box-shadow: 0 -4px #98d8d8, 0 -8px, 4px 0 #98d8d8, 4px -4px, 8px 0, 0 4px #98d8d8, 0 8px, -4px 0 #98d8d8, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.dragon {
color: #fff;
background-color: #6f35fc; }
.TypeIndicator__pokemonType__1rrg9.dragon::after {
box-shadow: 0 -4px #6f35fc, 0 -8px, 4px 0 #6f35fc, 4px -4px, 8px 0, 0 4px #6f35fc, 0 8px, -4px 0 #6f35fc, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.dark {
color: #fff;
background-color: #705848; }
.TypeIndicator__pokemonType__1rrg9.dark::after {
box-shadow: 0 -4px #705848, 0 -8px, 4px 0 #705848, 4px -4px, 8px 0, 0 4px #705848, 0 8px, -4px 0 #705848, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.TypeIndicator__pokemonType__1rrg9.fairy {
color: #fff;
background-color: #ee99ac; }
.TypeIndicator__pokemonType__1rrg9.fairy::after {
box-shadow: 0 -4px #ee99ac, 0 -8px, 4px 0 #ee99ac, 4px -4px, 8px 0, 0 4px #ee99ac, 0 8px, -4px 0 #ee99ac, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
.PokemonDisplay__highlight__2zbxz {
color: #fff;
pointer-events: none; }
.PokemonDisplay__pokemonInfoWrapper__1gaDq {
margin-bottom: 1rem; }
.PokemonDisplay__pokemonInfoLeftColumn__22kLA { }
.PokemonDisplay__pokemonInfoRightColumn__3TFUR { }
.PokemonDisplay__pokemonName__2XDXE {
margin-bottom: 0; }
.PokemonDisplay__dexHeader___Uki8 {
margin-bottom: 0.25rem; }
.PokemonDisplay__pokemonTypeWrapper__2GdkI {
display: flex;
justify-content: center;
align-self: stretch; }
.PokemonDisplay__formHeader__2EgEf {
text-transform: uppercase;
margin-bottom: 0; }
.PokemonDisplay__pokemonBaseStats__e699B {
display: flex;
flex-flow: column nowrap;
align-items: start;
align-self: stretch; }
.PokemonSelectList__leftPanel__2ktnA {
font-size: 0.8rem;
width: 20em;
display: flex;
flex-flow: column nowrap;
margin-left: 1rem;
position: absolute;
top: 0.8em;
right: 4.5em;
bottom: 1em; }
.PokemonSelectList__leftPanel__2ktnA .PokemonSelectList__listWrapper__bBtO6 {
flex: 1 1 auto;
display: flex;
padding: 0;
overflow: hidden; }
.PokemonSelectList__leftPanel__2ktnA .PokemonSelectList__listWrapper__bBtO6 > * {
width: 100%; }
.PokemonSelectList__leftPanel__2ktnA .PokemonSelectList__listWrapper__bBtO6.PokemonSelectList__emptyList__1vgpK .PokemonSelectList__emptyState__3sBmb {
align-self: center;
text-align: center;
margin-top: -100%; }
.PokemonSelectList__leftPanel__2ktnA .PokemonSelectList__listWrapper__bBtO6.PokemonSelectList__emptyList__1vgpK .PokemonSelectList__emptyState__3sBmb > *:first-child {
margin: 1em auto; }
.PokemonSelectList__leftPanel__2ktnA a {
color: inherit;
text-decoration: none;
padding: 5px 1em 5px 2em;
justify-content: flex-end;
align-content: space-around;
flex-wrap: wrap; }
.PokemonSelectList__leftPanel__2ktnA a .PokemonSelectList__menuIcon__1I2_T {
margin: -4px 0 0 0.5em;
opacity: 0.5; }
.PokemonSelectList__leftPanel__2ktnA a.active .PokemonSelectList__menuIcon__1I2_T {
opacity: 1; }
.PokemonSelectList__filterWrapper__1d1Wl {
position: relative;
margin: 0.1em; }
.PokemonSelectList__filterWrapper__1d1Wl .close {
position: absolute;
top: 1em;
right: 1em; }
.PokemonSelectList__filterInput__1z_s2 {
margin-left: 0;
margin-right: 0;
padding-right: 3em; }
.PokemonSelectList__dex__1QHut,
.PokemonSelectList__form__VIw8Q {
font-size: 0.8em;
text-transform: capitalize; }
.PokemonSelectList__dex__1QHut {
margin-left: auto; }
.PokemonSelectList__form__VIw8Q {
flex: 0 1 100%; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx {
position: relative;
z-index: 0;
padding-top: 6px;
padding-right: 6px; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx > * {
position: absolute; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx :nth-child(1) {
position: inherit;
z-index: 3; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx :nth-child(2) {
top: 0;
left: 6px;
z-index: 2; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx :nth-child(3) {
left: 12px;
z-index: 1; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx :nth-child(4) {
left: 18px;
z-index: 0; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx.TypeEffectiveDisplay__multiplierWrapperX3__3LBbd {
padding-top: 12px;
padding-right: 12px; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx.TypeEffectiveDisplay__multiplierWrapperX3__3LBbd :nth-child(3) {
top: 0; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx.TypeEffectiveDisplay__multiplierWrapperX3__3LBbd :nth-child(2) {
top: 6px; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx.TypeEffectiveDisplay__multiplierWrapperX4__iKCza {
padding-top: 18px;
padding-right: 18px; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx.TypeEffectiveDisplay__multiplierWrapperX4__iKCza :nth-child(4) {
top: 0; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx.TypeEffectiveDisplay__multiplierWrapperX4__iKCza :nth-child(3) {
top: 6px; }
.TypeEffectiveDisplay__multiplierWrapper__1E9zx.TypeEffectiveDisplay__multiplierWrapperX4__iKCza :nth-child(2) {
top: 12px; }
.TypeEffectiveDisplay__wrapper__1DgN_ {
margin: 0 1em; }
.TypeEffectiveDisplay__wrapper__1DgN_ * + h4 {
margin-top: 1em; }
.TypeEffectiveDisplay__wrapper__1DgN_ h4 p {
font-size: 0.7em;
color: #b6b6b6;
margin: 0; }
.TypeEffectiveDisplay__wrapper__1DgN_ .TypeEffectiveDisplay__indicatorWrapper__wJ82n {
display: flex;
flex-flow: row wrap;
align-items: end; }
.TypeEffectiveDisplay__wrapper__1DgN_ .TypeEffectiveDisplay__indicatorWrapper__wJ82n > * {
margin-right: 14px;
height: 0%; }
.TypeEffectiveDisplay__wrapper__1DgN_ .TypeEffectiveDisplay__indicatorWrapper__wJ82n .TypeEffectiveDisplay__multiplierWrapper__1E9zx {
width: auto;
margin-right: 2px; }
.TypeEffectiveDisplay__wrapper__1DgN_ .TypeEffectiveDisplay__indicatorWrapper__wJ82n .TypeEffectiveDisplay__multiplierWrapper__1E9zx.TypeEffectiveDisplay__multiplierWrapperX3__3LBbd {
margin-right: -4px; }
.TypeEffectiveDisplay__wrapper__1DgN_ .TypeEffectiveDisplay__indicatorWrapper__wJ82n .TypeEffectiveDisplay__multiplierWrapper__1E9zx.TypeEffectiveDisplay__multiplierWrapperX4__iKCza {
margin-right: -10px; }
.TypeEffectiveDisplay__wrapper__1DgN_ .TypeEffectiveDisplay__indicatorWrapper__wJ82n > *,
.TypeEffectiveDisplay__wrapper__1DgN_ .TypeEffectiveDisplay__indicatorWrapper__wJ82n .TypeEffectiveDisplay__multiplierWrapper__1E9zx > * {
flex-basis: unset;
width: 6.75rem; }
/*# sourceMappingURL=main.tmp.css.map*/
Reference in New Issue View Git Blame Copy Permalink