Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
scss
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
2
개밝잙
·
1년 이상
180
0
답변 2
앱 구동 후에 특정 기기에서만 스타일이 깨지는 경우
앱 구동 후에 상단 gnb 스타일이 깨지더라고요. 근데 모든 경우에 다 그런건 아니고 특정 aos 기기에서만 그러는데 이게 css 자체에서 해결할 수 있는걸까요? 아니면 뭔가 앱 담당하시는 분이 뭔가를 손보셔야하는지 어디를 손봐야하는지 감이 안잡히네요.
답변
1
개발로란트할래요
·
거의 2년
319
0
답변 1
좋은 css 코드의 조건이 궁금합니다!
최근 퍼블리셔 신입으로 들어와 일하고 있습니다. 사수는 현재 없구요. 규모가 크지 않은 회사라 그런지 바로 실무에 투입되어서 바로 퍼블리싱을 하고 있습니다. 제가 실무를 하면서 가장 크게 느낀 것 중 하나는 자바스크립트 못지않게, CSS가 코드 스타일 영향을 많이 받고, 기존 코드에 따라 내가 작성해야 하는 코드의 양이 달라진다는 것을 깨달았습니다.
답변
0
GUKIM
·
약 2년
235
0
답변 0
scss 사소한 버그를 찾았습니다.
css나 scss를 작성할때 emmet 자동완성을 사용하면 속성명과 세미콜론이 자동완성 됐었는데요. scss를 작성하는 중에 특정 부분에서 세미콜론 자동완성이 안되는 현상을 발견했습니다. mixin을 사용하는 @ 기호 앞 부분에서는 자동완성을 사용해도 세미콜론이 생성되지 않고 수동으로 입력해줘야하네요. @ 기호가 괄호안에 있고 괄호 바깥에 스타일을 작성한다고 해도 세미콜론은 생성되지 않습니다. @ 기호 아래에서는 emmet이
답변
1
love_myself
·
약 2년
798
0
답변 1
사파리에서 footer 포지션 fixed, bottom:0 일때, 스크롤 시 잔상효과 문제
안녕하세요! ios 사파리에서만 특정 문제가 발생하여 질문드립니다🥲 이벤트 상세페이지에서 이벤트 참여하기 버튼을 하단에 fixed, bottom:0 으로 고정을 했는데 타 브라우저에서는 문제가 없는데 사파리에서만 스크롤을 하면 첫 화면에 잔상효과가 생깁니다. 새로고침을 하면 해당 문제가 사라지긴 하는데 새로고침 없이도 화면을 정상적으로 보고싶습니다. 해당 문제에 대해 구글에 많이 검색을 해보고 적용도 시켜봤는데 해결이 되지 않아.. 질문
해결
1
억장이문어찜
·
2년 이상
203
0
해결 1
scss 미디어쿼리 질문..
@use "@/styles/variables.scss" as *; @mixin text { color: $color-gray-50; line-height: 2.6rem; } @include desktop { .borderBox { position: fixed; bottom: 0; display: flex; width: 100%; min-width: 37.5re
해결
2
sweetseonah
·
2년 이상
256
0
해결 2
SCSS 연결 문제
현재 개발 중인 코드 이그나이터 4 환경에서 부트스트랩 SCSS 사용을 하려고 node module로 설치는 안하고 bootstrap original 소스 파일을 받아서 public/static 에 bootstrap 폴더 만들어서 넣어 놓고 같은 선상에 scss 폴더 만들어서 main.scss 만들어서 header에 연결 했습니다 그리고 main.scss 파일에 bootstarp.scss연결하고 추가로 추가로 custmoize 하는 파일들
답변
2
에딩
·
거의 3년
198
0
답변 2
window.open()함수 구현에서 scss가 적용이 안되어서 질문드립니다.
안녕하세요. 주니어 개발자입니다. 현재 구현하고 있는 웹페이지에서 모달 창을 띄운 후 원하는 영역에서 print함수를 이용해서 보고서를 출력하려는 기능 구현을 하고 있는 중입니다. 그런데 window.open()과 print()를 이용해서 특정 영역을 보고서로 화면 창에 띄우는 것은 되는 중인데, template안에서 적용되는 scss가 window.open시에는 적용이 안되는 중입니다.. printReport(){<!-- -->
답변
2
신상토끼
·
거의 3년
196
0
답변 2
space-between을 했는데 왼쪽에 마진이 생겨요
.switch { display: flex; flex-direction: row; align-items: center; background-color: var(--keypad-bg); width: 100%; height: 27px; border-radius: 20px; padding: 0 5px; justify-content: space-between; input { appearance: none;
답변
0
신토불이
·
약 3년
176
0
답변 0
scss 연습중인데 @use 없이 다른파일의 mixin 된걸 include 하는 방법이 있나요 ?
프론트엔드 멘토에서 웹 만드는 연습 중인데 다른 사람 코드 보니까 @use나 @import 없이 @mixin 된 걸 다른 파일에 @include 로 쓰더라 구요 //variables 파일 @mixin tablet-landscape-up { @media (min-width: 900px) { @content; } } //header 파일 .title { @incl
답변
3
프론트엔드꿈나무
·
약 3년
301
0
답변 3
scss 질문!
HTML과 SCSS만 사용하고 있는데, scss는 <link rel="stylesheet" href="../css/로그인.scss> 위에 처럼 HTML 위쪽 head태그 사이에 연결하는게 아닌건가요? 적용이 안되서요! 인터넷 검색하면 잘 안나오네요.. SCSS 적용 방법이 궁금합니다~
답변
1
d22t
·
약 3년
288
0
답변 1
리액트 호버 애니메이션은 방법이 없나요?
리액트에서는 css로 transition을 넣을 수 없다고 들었어서... jsx에 그대로 집어넣어서 해결해보려고 했는데, 딱딱하게는 변화하는데 부드럽게 전환하려면 어떻게 해야할지 감이 안잡히네요ㅜ function Menubar() { const [isHovering, setIsHovering] = useState(false); function handleMouseOver() { setIsHovering(t
답변
1
혀니콘
·
약 3년
338
0
답변 1
정말 기초적인 선택자 관련 질문입니다.
이제 막 배우고 있는 입장이라서 이런거 여쭤봐도 될런지 모르겠네요..!네이버 사이트 클론 코딩을 하던 중에 SASS에서 아래와 같이 코드 입력하는 게무엇을 의미하는 건지 알고 싶습니다.'&' 를 쓰면 부모 태그를 의미하는 건 알고 있는데 클래스를 이렇게 연달아 붙이는게 의미하는게 무엇일까요?pre spellcheck="false" class="languag
답변
0
쿠션
·
3년 이상
274
2
답변 0
퍼블리싱 scss - 변수 설정을 $으로 하는 거랑 var(--변수명)으로 하는 거랑 뭔 차이죠?
$변수명 : 변수내용$변수명 : 변수내용$변수명 : 변수내용:root {--변수명 : #($변수명);--변수명 : #($변수명);--변수명 : #($변수명);}이런식으로 root에 함더 감싸더라고요무슨 효과가 있는거죠?그리고 변수 목록이 다른 scss 작성중에 뜨게 하려면 따로 설정
답변
2
뚝딱이는 꼬막이
·
3년 이상
432
0
답변 2
SCSS에서 웹 폰트 src: url에 다른 weight도 추가하고 싶어요..
이런 식으로 mixin 패밀리 폰트로 기본 애플 시스템을 쓰다가 Pretendard로 변경하려는데요.디버깅 찍어보면 regular 잘 불러와졌꼬, 개발자도구 상으로도 모든 폰트가 프리텐다드로 변경은 되어 있는데.. 저 src url이 Regular.woff라서 Bo
답변
0
뎁후
·
3년 이상
632
0
답변 0
overflow 부모요소 무시
읽어주셔서 감사합니다.현재 부모요소 css에 overflow-y: hidden 이 걸려있는 컨테이너 박스가 있습니다. 그 안에 자식 요소로 툴팁을 띄우려고 하는데 부모요소 컨테이너 박스에 overflow가 걸려있어서 툴팁이 짤리는 상황인데, 부모 요소 무시하고 자식요소인 툴팁만 overflow를 해제하고 싶습니다..당연히 어긋나는 건 알지만은 혹시 방법이 있나 여쭤봅니다.
답변
1
하얀뼈
·
3년 이상
338
0
답변 1
react 초보 - 외부 scss 를 사용할 방법이 있나요?
안녕하세요, react 초보입니다.jsx파일내에 import를 통해 css를 불러오거나,config 파일을 손대면서 css을 불러오는 건 매우 쉽습니다.그냥 말그대로 불러오기만 하면 되니깐요.예를 들어 저는 www.babo.co
답변
1
부르릉
·
3년 이상
187
0
답변 1
Next.js scss import
import styles from 'Button.module.scss' 위처럼 사용하고 싶지않아서import 'Button.module.scss' 이렇게 임포트 해오는데 왜 스타일링이 적용되지 않을까요??code data-c
답변
1
1004hd
·
3년 이상
273
0
답변 1
간단한 scss 질문 드립니다
안녕하세요 선배님들! scss를 공부중인데, scss를 사용할때 parcel을 설치해서 주어지는 로컬주소에서 확인가능하고 적용된 모습을 볼수 있잖아요?근데 배포하니까 style 적용이 안되어있는데 빼먹은 작업이 있을까요? html에서 <link>에는 scss파일만 경로에 해놓은 상태로 배포했습니다.
답변
1
발롱발롱
·
3년 이상
298
0
답변 1
js 에서 CSS style 접근하려는데 값이 안뜹니다.. 왜 그런걸까요
.intro-text 라는 div 클래스의 자식 p태그의 top값을 스크롤 할때마다 조금씩 바꾸려고 js에서 값에 접근하려고 하는데요콘솔에 값이 전부 "" 로만 뜹니다.. style값만 이러고 classList나 parentElement.. 이런 속성들은 접근이 되는데 왜 style 값에 있는 속성들만 이런건지 모르겠습니다. 구글에 검색해봐도 관련된 질의를 못찾아서 여기에 질문해봅니다.. ㅠ[js
해결
2
뎁후
·
3년 이상
218
0
해결 2
SCSS 단추 사이사이에만 여백을 주고싶습니다!
안녕하세요!아래의 사진과 같이 동그라미가 있습니다. border-radius로 50%로 동그라미를 만들어줬습니다.근데 동그라미 사이사이에만 여백을 주고 싶습니다. (바깥쪽이 아닌 사이사이에만요!)margin-inline-end ~ start 까지 다줘봤는데 무조건 양쪽 끝 방향중 하나는 단방향으로 여백이 들어가네요ㅠ소스 공통화를 시켜서 하나의 소스로만 사이사이에 여백을 주고싶은데 어떤 코드를 넣어주
이전
1
2
3
다음
Search Bar
