/ / Alinhando botões em diferentes vistas - zurb-foundation

Alinhando botões em diferentes vistas - zurb-foundation

Eu tenho um botão que eu quero alinhar à direita em um desktop, que é fácil com o right classe de utilidade:

<div class="small-12 columns">
<a href="#" class="button right">bla</a>
</div>

Mas em um smartphone eu quero o botão não flutuar para a direita, então como posso conseguir isso? Basicamente, é só não usar o right classe, mas eu preciso disso para o desktop ...

Respostas:

1 para resposta № 1

Você pode adicionar uma classe personalizada ao seu botão usando consultas de mídia para estilizar no smartphone /

HTML:

<div class="small-12 columns">
<a href="#" class="button right mybutton">bla</a>
</div>

CSS:

@media only screen and (max-width: 40em) {
.mybutton{
float:none !important;
}
}