I have created a less file that works perfectly in Chrome and Firefox, but it is not being recognized in IE 9. Does anyone have suggestions on how to make it run in IE 9.0? Below is a sample of the CSS code:
@import "../core/variables.less"; @import "Mixins.less";
.classname {
@fontweight:bold;
@width:99.9%;
@height:67px;
@color:#D3E2F2;
@icon-width:10px;
@icon-height:10px;
.div-carddropdownbox{
width:90%;
}
.span(@fontweight)
{
font-weight:@fontweight;
}
.span-underline(){
.span(bold);
text-decoration:underline;
}
.span-bold{
.span(bold);
text-decoration:none;
font-size: 15px;
}
.div(@width,@height)
{
float:left;
width:@width;
height:@height;
padding-top: 10px;
padding-bottom: 10px;
}
.div-tracethistransaction
{
.div(100%,100%);
border:1px solid black;
}
.div-servicerequestcharge{
.div(99.9%,67px);
background-color:@color;
border:1px solid black;
}
.div-account
{
.div(99.9%,35px);
background-color:@color;
}
.div-white-blank
{
.div(99.9%,2px);
}
.div-button
{
padding-top:110px;
}
.div-carddelivered
{
.div(100%,45px);
}
.icon(@icon-width,@icon-height)
{
width:@icon-width;
height:@icon-height;
}
.div-icon
{
.icon(20px,20px);
padding-left: 580px;
}
.round-button-cancel {
.rounded-button (7px, #ECECEC, #A9A9A9,none, bold, #52504C,
90px, 35px);
}
.round-button-submit {
.rounded-button (7px, #FAF5E9, #EFAE2C,none, bold, #8B4513,
Auto, 35px);
}
}