[Résolu] Position: fixed en mobile-first

Bonjour,
j'ai un lien retour vers le haut, que je souhaite avoir en haut sur les smartphones et en bas quand je suis sur tablettes ou desktop.
Je suis en mobile-first.

.skip {
    position: fixed;
    top: 20px;
    right: 10px;
}
@media screen and (min-width: 768px ) {
  .skip {
       top: ????? que mettre ici pour annuler la position initale fixée à top?;
       bottom: 10px;
       right: 10%;
  }
}

Je peux écrire sinon, mais est-correct en mobile-first?

@media screen and (max-width: 767px ) {
  .skip {
      position: fixed;
      top: 20px;
      right: 10px;
}
@media screen and (min-width: 768px ) {
  .skip {
       position: fixed;
       bottom: 10px;
       right: 10%;
  }
}

Cordialement
Modifié par cpalo (10 Mar 2017 - 11:23)

p.s. : les valeurs initiales des propriété peuvent être trouvées dans n'importe quelle doc comme ici: https://developer.mozilla.org/fr/docs/Web/CSS/top ou l'officiel: https://www.w3.org/TR/css-position-3/#box-offsets-trbl

Merci à tous les deux.
En fait en plus une histoire de background qui masquait l'image laissant supposer que le skip ne s'affichait plus avec le mediaquery.