Border-radius

0

Witam,

korzystam z Bootstrapa 3 i mam pewien problem.W Bootstrapie 2 @border-radius dotyczy wszystkich narożników a w 3 części jest to podzielone tak:

.border-top-radius(@radius) {
  border-top-right-radius: @radius;
   border-top-left-radius: @radius;
}
.border-right-radius(@radius) {
  border-bottom-right-radius: @radius;
     border-top-right-radius: @radius;
}
.border-bottom-radius(@radius) {
  border-bottom-right-radius: @radius;
   border-bottom-left-radius: @radius;
}
.border-left-radius(@radius) {
  border-bottom-left-radius: @radius;
     border-top-left-radius: @radius;
}

Nie chciałbym tego kasować ale chciałbym dodać zmienną która by odpowiadała za wszystkie zmiany w elementach w/w.

myślałem że to może być coś takiego

@border-radius-all(@radius)

Ale nie da się tego skompilować:) Na pewno coś jest źle:)

Albo po prostu dodać @Radius:10;
żeby zmieniło wszystkie ale też nie zmienia

Proszę o pomoc
Pozdrawiam

1
.border-radius(@radius: 5px) {
     border-radius: @radius;
}

.border-radius(@radius){
    .border-top-radius(@radius);
    .border-right-radius(@radius);
    .border-bottom-radius(@radius);
    .border-left-radius(@radius);
}

1 użytkowników online, w tym zalogowanych: 0, gości: 1