Witam,
Najlepiej by opisać całość pokażę Wam fragment kodu i powiem w czym jest problem:
/********************************************************************************
*************
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;
}
}
chodzi mi dokładnie o część:
@media screen and (min-width: ----px) {
@WidthConGrid : ----px;
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:
@media screen and (min-width: ----px) {
@WidthConGrid : ----px;
.styl{
width: @WidthConGrid;
}
Czyli zmienna istnieje ale nie da się jej wyciągnąć na zewnątrz by ją wykorzystać, czy wiecie w czym jest dokładniejszy problem?