Site

Site

Site는 모든 다른 요소가 상속하는 기준 파라미터를 담고 있는 특별한 전역 정의예요. 전역 변수의 기본값을 제공하는 것 외에도, 인터페이스 요소 바깥에 존재하는 콘텐츠에 대한 페이지 스타일도 함께 제공해요.

출처: Site

본문

소개

Site는 다른 모든 요소가 상속하는 기준 파라미터를 포함하는 특별한 전역 정의예요. 전역 변수 기본값을 제공하는 것 외에도, 인터페이스 요소 밖에 존재하는 콘텐츠를 위한 페이지 스타일도 제공해요.

테마 적용

Site 변수를 커스터마이징하는 것은 Fomantic UI를 사용할 때 중요한 부분이에요. 전역 site 변수에 대해 더 알고 싶다면 테마 가이드를 참고하세요.

콘텐츠

Headers

사이트는 헤더에 대한 스타일을 정의할 수 있어요

First Header
    Second Header
    Third Header
    
    Fifth Header

Page Font

사이트는 페이지 콘텐츠에 대한 스타일을 지정할 수 있어요.

Text Selection

사이트는 텍스트 선택 스타일을 지정할 수 있어요.

Highlight the text below with your cursor to see a demonstration

Spacing

사이트는 헤더와 문단의 기본 간격을 정의할 수 있어요

Links

사이트는 링크 글꼴 포맷을 정의할 수 있어요.

List Link
      List Link
      List Link
    
    
      
        
        
        Steve Jobes
        
          Last Seen 2 days ago
        
    
    
      
        
        
          
          Link Header
          
            
          
        
      
      
        
        
          Link Header

변수

Brand Colors

사이트는 기본 브랜드 색과 보조 브랜드 색을 지정할 수 있어요.

Primary Brand Color
    Secondary Brand Color

Colors

사이트는 일반적인 명명된 색상들에 대한 16진수 값 집합을 정의할 수 있어요

Red
      Orange
      Yellow
      Olive
      Green
      Teal
      Blue
      Violet
      Purple
      Pink
      Brown
      Grey
      Black

Border Styles

사이트는 기본 테두리 스타일과 둥근 정도(radius)를 지정할 수 있어요.

Examples of UI that inherit border styles
    Segment
    Button
    
      One
      Two
    
    
      
        
        Header 1
        Header 2
      
      
        
          Definition
          1A
          1B
        
        
          Definition
          2A
          2B

Size

사이트는 사이트 나머지 콘텐츠의 상대적 크기를 제공하는 데 쓰이는 루트 em 크기를 정의할 수 있어요

Examples of Absolutely Sized UI
    
      Button
    
    
      
    

    Examples of Relative Sized UI
    
      
      
        List Item
        List Item
        List Item
        List Item
        List Item

더 알아보기

Site는 전역 변수의 출발점이에요. 페이지 전반에 걸쳐 일관된 브랜드 색과 타이포그래피를 잡고 나면, 이제 각각의 요소(Elements) 문서로 넘어가 컴포넌트별 스타일을 익혀보세요.