Rinat
July 29, 2016, 8:56am
1
Добрый день! Наткнулся на less файлы у скина Material@startColor @endColor
Добрый день! Насколько я могу судить, всё работает. Проверьте, пожалуйста, правильно ли Вы подключаете less-скин. Для нашего скина и CDN lesscss.org порядок подключения следующий:
<link rel="stylesheet/less" type="text/css" href="path/material.less"
media="screen" charset="utf-8">
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.7.1/less.min.js"></script>
Rinat
May 24, 2017, 2:01pm
3
#border{
.corners(@lefttop:0px, @righttop: 0px, @bottomright: 0px, @leftbottom: 0px){
-webkit-border-top-left-radius: @lefttop;
-webkit-border-bottom-left-radius: @leftbottom;
-webkit-border-top-right-radius: @righttop;
-webkit-border-bottom-right-radius: @bottomright;
-moz-border-radius-topleft: @lefttop;
-moz-border-radius-bottomleft: @leftbottom;
-moz-border-radius-topright: @righttop;
-moz-border-radius-bottomright: @bottomright;
border-top-left-radius: @lefttop;
border-bottom-left-radius: @leftbottom;
border-top-right-radius: @righttop;
border-bottom-right-radius: @bottomright;
};
.radius(@size){
border-radius: @size;
};
.top(@size){
-moz-border-top-left-radius:@size;
show original
Откуда берутся @переменные?
maksim
July 11, 2017, 1:05pm
4
Переменный задаются в less файле скина, просто изза процесса сборки они прописаны не в самом начале файла
.panel_icon{
position: absolute;
z-index: 100;
top:5px; right:5px;
line-height:normal;
font-size: 13px;
width:18px;
opacity: 0.5;
cursor:pointer;
}
.panel_target{
position: absolute;
background: rgba(120, 120, 120, 0.84);
box-shadow: 0px 0px 10px 5px #666;
z-index: 3;
}
@menuShadowColor: rgba(0, 0, 0, 0.05);
@duration: 0.6s;
// Left