Udvikleren.dk - Seneste [less] forum tråde De seneste forum tråde i [less] på Udvikleren.dk http://www.udvikleren.dk/ Wed, 29 Apr 2026 04:15:14 GMT http://backend.userland.com/rss Udvikleren.dk RSS Feeder 60 CSS/LESS IDE Hej alle sammen.<br /><br />Efter at have installeret den nye update til netbeans syndes jeg den er lidt buggy, kan godt leve med de små fejl i PHP og HTML delen, men er ik så glad for CSS delen. (plugin)<br /><br />Så jeg søger en editor til at lave mit CSS(LESS syntax) i, nogen bud, eller hvis de er nogen af jer der bruger LESS hvad editor bruger i så ?<br /><br />benytter OSX.<br /><br />tak <img src="/images/smileys/smiley.gif" alt=":)" title=":)" /> http://www.udvikleren.dk/forum/35883/css-less-ide/ Mon, 14 Nov 2011 18:26:47 GMT LESS functioner virker ikke Hej alle sammen.<br /><br />jeg har et underligt problem, når jeg compiler min less kode så virker functioner med mere end 1 argument ikke<br /><br />har lige prøvet at lave en border function<br /><br />her er min less kode<br /><div class="codeboxheader" id="code_1144025893" onclick="ToggleCodeBox(this.id);"><img id="code_1144025893_arrow" src="/images/icons/codeboxarrow_down.gif" alt="Fold kodeboks ind/ud" title="Fold kodeboks ind/ud" />CSS kode&nbsp;</div><pre id="code_1144025893code" style="border-top: 0px; display: none;"><ol><li style="padding: 0; margin: 0;"> <span style="color: #800000;">.border_radius(@top_left: 0px, @top_right: 0px, @bottom_left: 0px, @bottom_right: 0px)</span><span style="color: #000000;">{</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> border-top-left-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @top_left</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -webkit-border-top-left-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @top_left</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -moz-border-top-left-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @top_left</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> border-top-right-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @top_right</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -webkit-border-top-right-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @top_right</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -moz-border-top-right-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @top_right</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> border-bottom-left-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @bottom_left</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -webkit-border-bottom-left-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @bottom_left</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -moz-border-bottom-left-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @bottom_left</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> border-bottom-right-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @bottom_right</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -webkit-border-bottom-right-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @bottom_right</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -moz-border-bottom-right-radius</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @bottom_right</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"></span><span style="color: #000000;">}</span><span style="color: #800000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #800000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #800000;">//header: </span></li><li style="padding: 0; margin: 0;"> <span style="color: #800000;">header</span><span style="color: #000000;">{</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> background-color</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> #000000</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> height</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> 32px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> div{ </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> width</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> 930px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> #searchbar .txt{ </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> height</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> 22px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> width</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> 159px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> border</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> 1px solid #ffffff</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> float</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> left</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> color</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> #707070</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> font-family</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> arial</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> font-size</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> 11px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> padding-left</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> 13px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> background-color</span><span style="color: #000000;">:</span><span style="color: #0000FF;"> @color_bg</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> .border_radius(1px, 0px, 1px, 0px); </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> </span><span style="color: #000000;">}</span><span style="color: #800000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #800000;"> } </span></li><li style="padding: 0; margin: 0;"> <span style="color: #800000;">}</span></li></ol></pre><br /><br />output bliver til<br /><div class="codeboxheader" id="code_1516046741" onclick="ToggleCodeBox(this.id);"><img id="code_1516046741_arrow" src="/images/icons/codeboxarrow_down.gif" alt="Fold kodeboks ind/ud" title="Fold kodeboks ind/ud" />CSS kode&nbsp;</div><pre id="code_1516046741code" style="border-top: 0px; display: none;"><ol><li style="padding: 0; margin: 0;"> <span style="color: #800000;">.border_radius(@top_left: 0px, $top_right: 0px, $bottom_left: 0px, $bottom_right: 0px) </span><span style="color: #000000;">{</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> border-top-left-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -webkit-border-top-left-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -moz-border-top-left-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> border-top-right-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -webkit-border-top-right-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -moz-border-top-right-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> border-bottom-left-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -webkit-border-bottom-left-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -moz-border-bottom-left-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> border-bottom-right-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -webkit-border-bottom-right-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> -moz-border-bottom-right-radius</span><span style="color: #000000;">:;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"></span><span style="color: #000000;">}</span><span style="color: #800000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #800000;">header </span><span style="color: #000000;">{</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> background-color</span><span style="color: #000000;">:</span><span style="color: #0000FF;">#000000</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> height</span><span style="color: #000000;">:</span><span style="color: #0000FF;">32px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"></span><span style="color: #000000;">}</span><span style="color: #800000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #800000;">header div </span><span style="color: #000000;">{</span><span style="color: #FF0000;"> width</span><span style="color: #000000;">:</span><span style="color: #0000FF;">930px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span><span style="color: #000000;">}</span><span style="color: #800000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #800000;">header div #searchbar .txt </span><span style="color: #000000;">{</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> height</span><span style="color: #000000;">:</span><span style="color: #0000FF;">22px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> width</span><span style="color: #000000;">:</span><span style="color: #0000FF;">159px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> border</span><span style="color: #000000;">:</span><span style="color: #0000FF;">1px solid #ffffff</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> float</span><span style="color: #000000;">:</span><span style="color: #0000FF;">left</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> color</span><span style="color: #000000;">:</span><span style="color: #0000FF;">#707070</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> font-family</span><span style="color: #000000;">:</span><span style="color: #0000FF;">arial</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> font-size</span><span style="color: #000000;">:</span><span style="color: #0000FF;">11px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> padding-left</span><span style="color: #000000;">:</span><span style="color: #0000FF;">13px</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"> background-color</span><span style="color: #000000;">:</span><span style="color: #0000FF;">#f0f0f0</span><span style="color: #000000;">;</span><span style="color: #FF0000;"> </span></li><li style="padding: 0; margin: 0;"> <span style="color: #FF0000;"></span><span style="color: #000000;">}</span></li></ol></pre><br /><br /><br />har compilet det med lessphp klassen<br /><div class="codeboxheader" id="code_1744041081" onclick="ToggleCodeBox(this.id);"><img id="code_1744041081_arrow" src="/images/icons/codeboxarrow_down.gif" alt="Fold kodeboks ind/ud" title="Fold kodeboks ind/ud" />PHP kode&nbsp;</div><pre id="code_1744041081code" style="border-top: 0px; display: none;"><ol><li style="padding: 0; margin: 0;"> <span style="color: #000000;">lessc</span><span style="color: #000000;">::</span><span style="color: #000000;">ccompile(</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">styles.less</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">,</span><span style="color: #000000;"> </span><span style="color: #000000;">&quot;</span><span style="color: #000000;">styles.css</span><span style="color: #000000;">&quot;</span><span style="color: #000000;">);</span></li></ol></pre><br /><br /><br />nu har jeg set mig blind på det, nogen bud?<br /> http://www.udvikleren.dk/forum/34940/less-functioner-virker-ikke/ Mon, 25 Jul 2011 09:37:46 GMT