pvpokemon/src/ts/app/styles/PokemonDisplay.scss
2019-03-04 23:37:13 -05:00

47 lines
759 B
SCSS

@import '~styles/Variables.scss';
.highlight {
composes: highlight from './PokemonApp.scss';
color: $main-active-font-color;
pointer-events: none;
}
.pokemonInfoWrapper {
composes: container from './PokemonApp.scss';
margin-bottom: 1rem;
}
.pokemonInfoLeftColumn {
composes: leftColumn from './PokemonApp.scss';
}
.pokemonInfoRightColumn {
composes: rightColumn from './PokemonApp.scss';
}
.pokemonName {
margin-bottom: 0;
}
.dexHeader {
margin-bottom: 0.25rem;
}
.pokemonTypeWrapper {
display: flex;
justify-content: center;
align-self: stretch;
}
.formHeader {
text-transform: uppercase;
margin-bottom: 0;
}
.pokemonBaseStats {
display: flex;
flex-flow: column nowrap;
align-items: start;
align-self: stretch;
}