기존 정책들이 너비와 겹치는 경우가 있음.
아래는 작업 중 충돌하는 여러 정책들을 정리합니다.
•
실시간 페이지 LMS 기존 Layout 정책
◦
바깥 Wrapper
▪
반응형
•
패딩
◦
모바일: 0
◦
태블릿(스몰): 16px
◦
태블릿(라지): 16px 128px
▪
손필기 활성화
•
패딩 : 0 강제
•
최소너비 : 100% 강제
◦
안쪽 Wrapper
▪
테마모드 활성화
•
너비 : 100% - 32px 강제
•
outline : 1px common.a3
•
margin : 양옆 16px 추가
▪
손필기 활성화
•
패딩 : 0 강제
•
최소너비 : 100% 강제
•
LMS 정규 수업 페이지
◦
바깥 Wrapper
▪
반응형
•
패딩
◦
모바일: 0
◦
태블릿(스몰): 16px
◦
태블릿(라지): 16px 128px
◦
안쪽 Wrapper
▪
반응형 (모바일)
•
아니면, borderRadius: lg
▪
테마모드 활성화
•
너비 : 100% - 32px 강제
•
padding: 32px 강제
•
outline : 1px common.a3
•
margin : 양옆 16px 추가
•
수업 모드 
◦
수업모드에선 pageWidth에 따른 너비 변동이 없음.
•
B2C - 정규 수업
◦
손필기 확인 필요
•
B2C - 과제
◦
손필기
◦
안쪽 Wrapper
▪
반응형
•
패딩
◦
모바일: 0
◦
태블릿(스몰): 16px
◦
태블릿(라지): 16px 128px
셀프 테스트
고려할 사항
•
구성
◦
바깥 Container
▪
padding: 0 32px
◦
안쪽 Container
▪
padding: 16px
•
반응형
◦
모바일
◦
그 외
•
환경
◦
CMS - 수업 미리보기, 미리보기
◦
LMS - 수업 편집, 실시간 정규 수업
◦
B2C - 일반, 과제
•
설정
◦
기본 - 최대 752px
◦
넓게 - 최대 1600px
•
모든 블록 종류 확인 필요
CMS
•
편집 Sheet•
미리보기•
수업 미리보기LMS
•
실시간 정규 수업•
수업 편집◦
모바일
▪
바깥 Container
•
padding: 0
B2C
•
문제 풀이•
다시 풀기, 과제