Hej alle sammen.
jeg har et underligt problem, når jeg compiler min less kode så virker functioner med mere end 1 argument ikke
har lige prøvet at lave en border function
her er min less kode
- .border_radius(@top_left: 0px, @top_right: 0px, @bottom_left: 0px, @bottom_right: 0px){
-
- border-top-left-radius: @top_left;
- -webkit-border-top-left-radius: @top_left;
- -moz-border-top-left-radius: @top_left;
-
- border-top-right-radius: @top_right;
- -webkit-border-top-right-radius: @top_right;
- -moz-border-top-right-radius: @top_right;
-
- border-bottom-left-radius: @bottom_left;
- -webkit-border-bottom-left-radius: @bottom_left;
- -moz-border-bottom-left-radius: @bottom_left;
-
- border-bottom-right-radius: @bottom_right;
- -webkit-border-bottom-right-radius: @bottom_right;
- -moz-border-bottom-right-radius: @bottom_right;
-
- }
-
- //header:
- header{
- background-color: #000000;
- height: 32px;
-
- div{
- width: 930px;
-
- #searchbar .txt{
- height: 22px;
- width: 159px;
- border: 1px solid #ffffff;
- float: left;
- color: #707070;
- font-family: arial;
- font-size: 11px;
- padding-left: 13px;
- background-color: @color_bg;
- .border_radius(1px, 0px, 1px, 0px);
- }
- }
- }
output bliver til
- .border_radius(@top_left: 0px, $top_right: 0px, $bottom_left: 0px, $bottom_right: 0px) {
- border-top-left-radius:;
- -webkit-border-top-left-radius:;
- -moz-border-top-left-radius:;
- border-top-right-radius:;
- -webkit-border-top-right-radius:;
- -moz-border-top-right-radius:;
- border-bottom-left-radius:;
- -webkit-border-bottom-left-radius:;
- -moz-border-bottom-left-radius:;
- border-bottom-right-radius:;
- -webkit-border-bottom-right-radius:;
- -moz-border-bottom-right-radius:;
- }
- header {
- background-color:#000000;
- height:32px;
- }
- header div { width:930px; }
- header div #searchbar .txt {
- height:22px;
- width:159px;
- border:1px solid #ffffff;
- float:left;
- color:#707070;
- font-family:arial;
- font-size:11px;
- padding-left:13px;
- background-color:#f0f0f0;
- }
har compilet det med lessphp klassen
- lessc::ccompile("styles.less", "styles.css");
nu har jeg set mig blind på det, nogen bud?
Indlæg senest redigeret d. 25.07.2011 12:19 af Bruger #3427