Problème position LESS

Hello !

Je viens à vous car j'ai un petit problème en LESS, un problème de position pour être exact. En effet, je cherche à positionner un bloc en position relative, or j'ai l'impression qu'il traduit mal la propriété calc().

J'ai pourtant essayé de diverses manières que voici :


Première méthode :

.position{
    position:relative;
    top:calc(50% - 150px);
    left:calc(50% - 150px);
}

.block-titre{
    height:300px;
    width:300px;
    .position;
}

Seconde méthode :

@position:relative;
@top:calc(50% - 150px);
@left:calc(50% - 150px);

.block-titre{
    height:300px;
    width:300px;
    position:@position;
    top:@top;
    left:@left;
}

Evidemment, j'ai dû faire une bêtise ! Mais je ne vois pas ou... Je note cependant que cela fonctionne si je n'utilise pas la propriété calc() comme ceci :

@position:relative;
@top:150px;
@left:150px;

.block-titre{
    height:300px;
    width:300px;
    position:@position;
    top:@top;
    left:@left;

Ou encore comme ceci :

.position{
    position:relative;
    top:150px;
    left:150px;
}

.block-titre{
    height:300px;
    width:300px;
    .position;
}

Pour être honnête, je sèche. Quelqu'un à une idée?