«less» 태그된 질문

이하의 내가 (사용하고 있음을 컴파일러 OrangeBits 과 점이없는 1.3.0.5가 ) 적극적으로 번역된다 body { width: calc(100% - 250px - 1.5em); } 으로 body { width: calc(-151.5%); } 분명히 바람직하지 않습니다. 컴파일 중에 속성을 무시하도록 Less 컴파일러에 신호를 보내는 방법이 있는지 궁금합니다. Less 문서와 컴파일러 문서를 모두 검색했는데 아무것도 찾을 수 …

336 css  compilation  less  css-calc 

휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 육년 전 . 이 질문을 개선하십시오 LESS를 사용하여 Bootstrap 2.0.3으로 작업하고 있습니다. 광범위하게 사용자 정의하고 싶지만 라이브러리 변경이 빈번 할 때마다 …

285 twitter-bootstrap  less 

.css 파일을 .less 파일로 가져올 수 있습니까? 나는 거의 익숙하지 않으며 모든 개발에 사용합니다. 정기적으로 다음과 같은 구조를 사용합니다. @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; 모든 가져 오기는 다른 .less 파일이며 모두 정상적으로 작동합니다. 내 현재 문제는 다음과 같습니다 .css 파일에 사용 된 스타일을 다음과 같이 …

228 css  import  less 

LESS를 사용하여 색상 변수의 채도 또는 색조를 변경할 수 있음을 알고 있습니다. 이것은 다음과 같습니다 background: lighten(@blue, 20%); 그래도 내 색상의 알파 불투명도를 변경하고 싶습니다. 바람직하게는 다음과 같습니다 : background: alpha(@blue, 20%); LESS에서이를 수행하는 간단한 방법이 있습니까?

171 css  variables  less  opacity  alpha 

다음 코드가 있습니다. @color : #d14836; .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)), color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent), to(transparent)); 나는 변환 할 필요 …

131 css  less 

나는 이것이 가능하지 않다고 생각하지만, 방법이있을 경우를 대비하여 생각했다. 아이디어는 웹 리소스 폴더 경로에 대한 변수가 있다는 것입니다. @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } 결과적으로 이것을 얻습니다. .px { background-image: url("../img/" "test.css"); } 그러나 문자열을 다음과 같이 하나의 문자열로 결합하고 싶습니다. .px { background-image: url("../img/test.css"); …

129 css  path  web  less  concat 

어쨌든 출력에 직계 자식 선택기 (>)를 ​​덜 적용하게 할 수 있습니까? 내 style.less에서 다음과 같이 작성하고 싶습니다. .panel { ... > .control { ... } } 다음과 같은 것을 적게 생성하십시오. .panel > .control { ... }

112 css  css-selectors  less 

전에 LESS.js 를 사용 했습니다 . 사용하기 쉽습니다. <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> 나는 SASS.js를 보았다 . 비슷한 방법으로 어떻게 사용할 수 있습니까? HTML에서 즉시 사용하기 위해 SASS 파일을 구문 분석합니다. SASS.js가 Node.js 와 함께 더 많이 사용되는 것 같습니다 . var sass = require('sass') sass.render('... string of …

112 css  sass  less 

을 사용하여 글꼴 멋진 4.0.3 아이콘을 설치했습니다 npm install. 노드 모듈에서 사용해야하는 경우 html 파일에서 어떻게 사용해야합니까? 적은 파일을 편집해야하는 경우 노드 모듈에서 편집해야합니까?

111 css  node.js  less  npm  font-awesome 

Twitter Bootstrap을 사용하고 싶지만 특정 요소에만 적용하므로 모든 Twitter Bootstrap 클래스에 내 접두사를 접두사로 붙이거나 더 적은 믹스 인을 사용하는 방법을 찾아야합니다. 나는 이것에 대해 아직 경험이 없어서 이것을하는 방법을 잘 이해하지 못합니다. 스타일링하려는 HTML의 예는 다음과 같습니다. <div class="normal-styles"> <h1>dont style this with bootstrap</h1> <div class="bootstrap-styles"> <h1>use bootstrap</h1> </div> …

106 twitter-bootstrap  less 

내 CSS를 개선하기 위해 LESS를 사용하고 있으며 클래스 내에 클래스를 중첩하려고합니다. 상당히 복잡한 계층 구조가 있지만 어떤 이유로 내 중첩이 작동하지 않습니다. 나는 이것을 가지고있다: .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); } .posted { .my-posted; span { border: none; } } } …

101 css  nested  less 

퍼센트에서 픽셀까지 일부 요소의 너비를 계산하므로 LESS 및 calc () 를 사용하여 -10px를 뺀 것 입니다. 있을 수있다? div { span { width:calc(100% - 10px); } } CSS3를 사용 calc()하므로 작동하지 않습니다.calc(100% - 10px) 예 : 만약 100 % = 500px so width = 490px (500-10); 테스트 용 데모를 만들었습니다. …

100 css  less  pixel 

SASS에는 @extend선택기가 다른 선택기의 속성을 상속 할 수 있도록 하는 기능이 있지만 속성 (예 : mixins)을 복사하지 않습니다. LESS에도이 기능이 있습니까?

93 css  sass  less  extend 

less를 사용하는 일부 css 클래스 내에서 다른 해상도에 대해 css 스타일을 래핑하는 것이 좋습니다. 다음과 같은 작업을하고 싶습니다. footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } 결국 다음과 같은 결과가 나타납니다. footer { width: 100%; } @media …

81 css  responsive-design  less  media-queries 

방금 Twitter Bootstrap으로 시작했는데 여기에 한 가지 질문이 있습니다. 사용자 정의 <header>블록을 만들고 있으며 하단 모서리가 둥글게 만들고 싶습니다. 미리 정의 된 클래스를 사용하여이 작업을 수행하는 "올바른"방법이 있습니까, 아니면 다음과 같이 수동으로 지정해야합니다. border-radius: 10px; // and all that cross-browser trumpery 지금은 css스타일을 사용하고 있습니다. less그 문제 에 사용 하는 …

79 twitter-bootstrap  less  css