본문 바로가기
반응형

전체 글86

slideup slidedown vanila script Vanilla JS SlideDown/Up - DEV Community 2024. 11. 6.
반전모드 2024. 11. 3.
d-flex flex-grow-1flex-grow: 1 !important   (나머지 영역을 다내가 차지하겠다!) 2024. 11. 3.
테이블 넓이값 가로 반응형일경우 min-width: 2024. 11. 2.
boostrap5 col Bootstrap의 반응형 그리드 시스템col-xxl-8: xxl는 "extra extra large"를 의미하며, 매우 큰 화면(최소 1400px 이상)에서 요소가 그리드의 12열 중 8열을 차지하도록 지정합니다.col-lg-8: lg는 "large"를 의미하며, 큰 화면(최소 992px 이상)에서 요소가 그리드의 12열 중 8열을 차지하도록 지정합니다.이 두 클래스를 함께 사용하면 화면의 크기에 따라 다른 스타일을 적용할 수 있습니다. 예를 들어:화면 크기가 992px 이상이고 1400px 미만인 경우, col-lg-8이 적용되어 요소는 8열의 너비를 가집니다.화면 크기가 1400px 이상인 경우, col-xxl-8이 적용되어 요소는 여전히 8열의 너비를 유지합니다. 2024. 11. 2.
@include rfs($btn-font-size, --#{$prefix}btn-font-size); @include rfs($btn-font-size, --#{$prefix}btn-font-size);는 SCSS에서 믹스인(mixin)을 호출하는 구문입니다. 이 코드는 다음과 같은 의미를 갖습니다:@include: SCSS에서 믹스인을 포함할 때 사용하는 키워드입니다. 믹스인은 재사용 가능한 스타일 블록으로, 여러 곳에서 동일한 스타일을 적용할 수 있게 해줍니다.rfs(...): rfs는 미리 정의된 믹스인 이름입니다. 일반적으로 이 믹스인은 "responsive font sizes"를 다루는 데 사용되며, 폰트 크기를 반응형으로 조정하는 기능을 제공합니다.$btn-font-size: 이 변수는 버튼의 폰트 크기를 나타냅니다. 이 값은 SCSS 파일 내에서 정의된 변수로, 버튼의 기본 폰트 크기를 가지.. 2024. 11. 1.
반응형