Tworzenie zmiennych w LESS, Problem z bezpośrednim tworzeniem zmiennych w strefie @media Opcje

[eKodzik]

Witam,

Najlepiej by opisać całość pokażę Wam fragment kodu i powiem w czym jest problem:

[HTML] pobierz, plaintext 
 
/********************************************************************************
************* 
1. Width Container Grid ... - 400px
********************************************************************************
*************/
@media screen and (max-width: 400px) {
  @WidthConGrid
}
/********************************************************************************
************* 
2. Width Container Grid 401px - 500px
********************************************************************************
*************/
@media screen and (min-width: 500px) {
  @WidthConGrid : 500px;
}
/********************************************************************************
************* 
3. Width Container Grid 501px - 750px
********************************************************************************
*************/
@media screen and (min-width: 750px) {
  @WidthConGrid : 750px;
}
/********************************************************************************
************* 
4. Width Container Grid 751px - 1000px
********************************************************************************
*************/
@media screen and (min-width: 1000px) {
  @WidthConGrid : 1000px;
}
/********************************************************************************
************* 
5. Width Container Grid 1001px - 750px
********************************************************************************
*************/
@media screen and (min-width: 1200px) {
 
    @WidthConGrid : 1200px;
 
}
 
@widthCol01  : @WidthConGrid/12;
@widthCol02  : @WidthConGrid/11;
@widthCol03  : @WidthConGrid/10;
@widthCol04  : @WidthConGrid/9;
@widthCol05  : @WidthConGrid/8;
@widthCol06  : @WidthConGrid/7;
@widthCol07  : @WidthConGrid/6;
@widthCol08  : @WidthConGrid/5;
@widthCol09  : @WidthConGrid/4;
@widthCol10  : @WidthConGrid/3;
@widthCol11  : @WidthConGrid/2;
@widthCol12  : @WidthConGrid/1;
 
 
.body {
  >.wrapper{
   width: @widthCol12 ;
    margin: auto;
    height: 200px;
    background-color: black;
    }
}
[HTML] pobierz, plaintext 

chodzi mi dokładnie o część:

[HTML] pobierz, plaintext 
@media screen and (min-width: ----px) {
 
    @WidthConGrid : ----px;
 
[HTML] pobierz, plaintext 

Less nie uznaje zapisu takiego typu, gdzie nie tworzy zmiennej czy raczej nie działa poprawnie gdy tworzę zmienną do przekazania dalej. Inaczej wygląda taki zapis:

[HTML] pobierz, plaintext 
@media screen and (min-width: ----px) {
 
    @WidthConGrid : ----px;
    .styl{
        width: @WidthConGrid;
     }
[HTML] pobierz, plaintext 

Czyli zmienna istnieje ale nie da się jej wyciągnąć na zewnątrz by ją wykorzystać, czy wiecie w czym jest dokładniejszy problem?

[Comandeer]

Problem jest w tym, że LESS ma określony zakres zmiennych i zmienne wewnątrz deklaracji są lokalne.

Inna rzecz, że nie bardzo widzę sens w Twoim obecnym kodzie. LESS ma z założenia być parsowany przed tym, jak przeglądarka zacznie renderować stronę. Tym samym nie ma niczego, co pozwoliłoby rozwiązać media queries z Twojego kodu. Tym samym nawet jeśli dana zmienna nie byłaby lokalna, to i tak nic by Ci to nie dało, bo kod nie miałby jak wybrać odpowiedniego bloku. Proponuję po prostu zrobić sobie mixina do tworzenia grida i odpalać go w poszczególnych media queries.