Flag

Flag (플래그 요소)

Flag는 국가 코드로 해당 국가의 국기를 표시하는 요소예요. 두 자리 국가 코드, 전체 이름, 또는 공통 별칭을 사용할 수 있어요.

출처: 문서

본문

Definition (정의)

Flag (플래그)

플래그는 두 자리 국가 코드, 전체 이름, 또는 공통 별칭을 사용할 수 있어요.

Types (유형)

Fomantic 2.9.0부터 플래그는 기본 테마에서 SVG 이모지를 기반으로 해요. famfamfam 아이콘 세트를 사용하는 스프라이트 방식(Fomantic 2.8.8까지 사용됨)으로 돌아가려면, theme.config의 @flag 변수만 'famfamfam'으로 변경하면 돼요. 다만 famfamfam 테마는 크기 조정을 지원하지 않고 많은 국기가 빠져 있어요.

테마의 flag.variables 파일에서 @flags 변수를 필요한 국기만 남도록 조정하면 커스텀 생성 CSS를 줄일 수 있어요.

플래그 표는 Flag, Name(이름), ISO 3166-2 Code(ISO 코드, 참고), Additional Aliases(추가 별칭)의 열로 구성돼요.

Size (크기)

플래그는 크기를 다양하게 바꿀 수 있어요.

Small (작게)
          
           Medium (중간)
          
           Large (크게)
          
           Big (빅)
          
           Huge (휴즈)
          
           Massive (매시브)

Autosizing (자동 크기)

특정 크기 클래스가 주어지지 않으면 모든 플래그는 현재 요소의 font-size에 따라 자동으로 크기가 정해져요.

Within a header (헤더 안)
          Within a button (버튼 안)
          
          Within a label (라벨 안)
          
          Within a text (텍스트 안)

더 알아보기 (Learn more)

Flag 요소는 국가를 시각적으로 나타낼 때 유용해요. 국가 코드 이름으로 쉽게 지정하고, 크기 클래스 없이도 부모 요소의 크기에 자동으로 맞춰집니다. 필요한 국기만 @flags 변수에 남겨 CSS 용량도 줄일 수 있어요.