본문 바로가기

전체 글71

사스 변수 오버라이드 해결책: 빌드 도구를 사용해 동적으로 Sass 변수를 오버라이드하고 컴파일하기1. Sass 파일에서 변수 오버라이드 허용Sass는 특정 파일을 임포트할 때, 기존 변수를 오버라이드할 수 있습니다. 이를 위해 테마 변수 파일을 별도로 정의하고, 이를 메인 스타일 파일에 임포트하여 각 테마별로 오버라이드할 수 있습니다.main.scss (메인 스타일 파일)// 기본 primary 색상 $color-primary: #52BCD3 !default; // 다른 스타일 body {   background-color: $color-primary; } 여기서 !default 키워드를 사용하면, 이 변수는 나중에 오버라이드될 수 있다는 의미입니다.theme-blue.scss (파란 테마)scss코드 복사$color-pr.. 2024. 10. 17.
부트스트랩 공통색상 변경 css 부트스트랩 - 부트 스트랩에서 btn 색상을 변경하는 방법 - Stack Overflow !important를 사용하는 것이 가장 좋은 생각은 아닙니다.더 나은 옵션은 SASS를 사용하여 적절한 SASS 믹스 인을 사용하여 원하는대로 CSS 클래스를 다시 생성하는 것입니다.btn-*부트스트랩 5(2023년 업데이트)부트 스트랩 5에는 부트 스트랩을 가져온 후 버튼 색상을 사용자 정의하는 데 사용할 수있는 동일한 SASS 믹스인이 있습니다.button-variantbutton-outline-variant /* import the Bootstrap */ @import "bootstrap"; /* ------- customize primary button color -------- */    $myne.. 2024. 10. 16.
모바일 주소영역 색깔 meta name="theme-color" content="#081c31">  주소, 상단영역에 색깔 줄수있음  https://yeoulmok.imweb.me/ 여울목펜션가평군 여울목펜션입니다.yeoulmok.imweb.me 테일윈드로 만들어짐 https://stackoverflow.com/questions/26960703/how-can-i-change-the-color-of-header-bar-and-address-bar-in-the-newest-chrome-ve 2024. 10. 8.
하단 네비게이션 fixed 커리어 홈 - 사람인 (saramin.co.kr) 커리어 홈 - 사람인커리어를 위한 모든 것 | 커뮤니티, 현직자 1:1 멘토링 매치, 커리어 진단, 직무별 맞춤 클래스, 취업 정보 공간 카페인까지 커리어에 필요한 모든 것을 한 곳에서 만나보세요!m.saramin.co.kr 부모에 padding-bottom 없이 영역의 길이가 유동적이지 않을때 고정형으로 쓸 수 있다 부모 => 영역을 가진다 .wrap_bottom_menu {     position: relative;     width: 100%;     height: 56px; } 자식 .wrap_bottom_menu .inner {     position: fixed;     bottom: 0;     z-index: 700;     width: 1.. 2024. 10. 3.
아이폰 ios 하단 여백 css 설정 padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom) 이게 최신버젼 요즘은 이거만  ---viewport-fit=cover">padding-bottom: calc( env(safe-area-inset-bottom) + 2.4rem);padding: 2rem 2.4rem calc(2rem + env(safe-area-inset-bottom)); https://velog.io/@leejpsd/CSS-%EC%95%84%EC%9D%B4%ED%8F%B0-%EC%95%88%EC%A0%84%EC%98%81%EC%97%ADsafe-area-%EB%8C%80%EC%9D%91-%EC%95%84%EC%9D%B4%.. 2024. 10. 1.
로컬피씨 모바일로 보기 포트번호는 페이지를 띄웠을때 나오는 포트번호111.111.0.00:1234 크롬 우클릭 큐알로 보기 포트번호 vscode 오른쪽 하단에 보면 보임 2024. 9. 29.