최소지향 한글CSS 프레임워크
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
.gitignore
LICENSE
README.md
package.js
travis.yml

README.md

틀(Tle)-CSS Build Status

최소 지향 한글 CSS 프레임워크 - 2016년 8월 19일에 처음 만들었어요.

특징

  • "틀"은 정말 간단한 CSS 프레임워크예요.
  • milligram에서 많이 가져왔지만 조금 달라요.
  • 기본 설정은 거의 호환돼요.
  • 한글코딩을 지지합니다.
  • class이름을 한글로 사용하는게 특징이에요.
  • CSS 용량도 작은데 class이름을 한글로 쓰면 유니코드니까 html도 더 작아지겠죠? :)
  • IoT(Internet of Things)에도 적합해요. 왜냐면 압축 전송량이 1kb도 안되거든요 (현재 256byte) 압축전송그래프

설치

https://cdn.rawgit.com/acidsound/Tle-CSS/tree/master/dist 이쪽을 사용하세요.

<link rel="stylesheet" href="https://cdn.rawgit.com/acidsound/Tle-CSS/master/dist/tle.css">

Meteor에서 설치

meteor add spectrum:tlecss

데모

  1. 기본 요소-프리뷰
  2. 로그인 예제

사용 예

jade에서 (meteor-jade랑 같이 사용하세요)

단추

 .단추
 .단추.안됨
 .단추.외곽선
 .단추.외곽선.안됨
 .단추.투명
 .단추.투명.안됨

이렇게 쉬운 우리말로 표현하면 돼요. 순서는 상관없고요.

숨김

 .숨김

특정 요소를 안 보이게 해줘요.

서식

 .한줄

서식에서 label을 한 줄로 붙여 쓸 때 사용해요.

 .틀
   .행.감쌈.시작.종료.중앙.늘임.바닥.붙임
   .열.머리.바닥.중앙
     .열.틈1-10.틈1-5.틈1-4.틈1-3.틈1-2.틈2-3.틈3-4.틈4-5.틈9-10
     .열.칸1-10.칸1-5.칸1-4.칸1-3.칸2-5.칸1-2.칸3-5.칸2-3.칸3-4.칸4-5.칸9-10

틈은 벌어진 정도고 틈1-4면 1/4만큼 틈1-2면 1/2만큼 떨어뜨려요.

칸은 한 칸의 크기예요. 틈과 마찬가지로 칸1-2면 1/2, 칸3-4면 3/4이죠.

붙이고 떨어뜨리고

  .오른쪽착
  .왼쪽착
  .떨어져

한 줄에 몰아서 붙일 때 사용해요.

오른쪽착, 왼쪽착 사용 후 원래대로 되돌리려면 떨어져를 쓰세요.

도와주세요?

중국어, 일본어 버전도 있으면 아주 좋을꺼여요!