| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 동적객체
- 그누보드반응형
- npm install
- fontawesome
- MediaQuery
- package.json
- minwidth
- npm install 문제
- 이미지반응형
- 단어단위로떨어지기
- 정적객체
- npm start
- googleicon
- 아이콘사용법
- react npm install
- vscode git clone
- 글자들여쓰기
- 의존성문제
- slickslider
- 플러그인
- window 정책변경
- legacy-peer
- owlcarousel
- XEIcon
- Git clone
- maxwidth
- git lab clone
- 웹아이콘
- node 오류
- node설치
- Today
- Total
목록CSS (12)
어쩌다 알게 된 ƪ(•̃͡•̃͡ ƪ
{ 동작 }}> 리액트에서 이렇게 되어있는 코드였는데웹 모바일, ios는 다 잘 되는데안드로이드 폰에서만 버튼 동작이 안되는 이슈가 있었다.방법 1.안드로이드에선 버튼 태그 안에 글자가 없거나 하면 width를 못잡는 경우가 있다고 함=> min-width랑 min-height 주기 방법2.svg가 버튼의 클릭요소를 뺏어간 경우=> svg에 pointer-events:none; 주기 방법3.position:absolute 인 경우=> 나는 해당 안 됨
🔖 기본 sass 방법=> 중복으로 써야해서 코드가 길어짐button{ .&btn_time0{background-image:url(../../assets/img/btn_time0.png);} .&btn_time1{background-image:url(../../assets/img/btn_time1.png);} .&btn_time2{background-image:url(../../assets/img/btn_time2.png);} .&btn_time3{background-image:url(../../assets/img/btn_time3.png);}} 🔖 중복을 줄이기 위해 반복문(@for) 사용@for $i from 0 through 3{ &.btn_time#{$i}{ ..
✅ 폴리필(polyfill)이란?옛날 브라우저에서 최신 기능이 작동하지 않을 때,그 기능을 흉내 내서 동작하게 만들어주는 "보조 스크립트"예요.📌 쉽게 비유하자면✨최신 기능을 못 알아듣는 브라우저에게“이런 식으로 하면 똑같이 동작해~” 하고 가르쳐주는 통역사 같은 자바스크립트 코드예요.🧠 예시: :focus-visible:focus-visible은 Chrome, Firefox에서는 잘 작동하지만Safari의 일부 버전에서는 지원하지 않음→ 이때 focus-visible 폴리필을 추가하면, Safari에서도 마치 지원하는 것처럼 동일한 효과가 적용됨✅ 폴리필 사용 방법 (예: focus-visible)👉 focus-visible 폴리필 GitHubhtml복사편집script src="https://un..
이 코드를 📁 node_modules/bootstrap/scss/_type.scss 에서 찾았는데해당 $font-size라는 변수명이 node_modules/bootstrap/scss/_variables.scss에 없당 -_-@each $display, $font-size in $display-font-sizes { .display-#{$display} { @include font-size($font-size); font-weight: $display-font-weight; line-height: $display-line-height; }} 일단 bootstrap 폴더에서만 검색 $font-size가 정의된 파일이 없어서 폴더 내 전체 검색을 해봐도 정의된 내역은 없다...
@use 'sass:map';.navigation { &-menu { display: flex; flex-wrap: wrap; #{ $self } { @include padding((map.get($navigation, padding-y) * 0.5) 0); width: map-deep-get($header, dropdown, width); border: none; border-radius: map-deep-get($header, dropdown, border-radius); box-shadow: $box-shadow; } #{ $self ..
@use 'sass:list';@function map-deep-set($map, $keys, $value) { $maps: ($map); $result: null; @for $i from length($maps) through 1 { $current-map: list.nth($maps, $i); $current-key: list.nth($keys, $i); $current-val: if($i == list.length($maps), $value, $result); $result: map.merge( $current-map, ( $current-key: $current-val,..