triplexlab/examples/comma/style.css

프론트엔드 개발자가 프로젝트할때 흔하고 많이 하는 작업들을 나만의 플러그인으로 만들었습니다.\ ES6의 class기반으로 만들었고, 공부하는 차원으로 만들었습니다.🧑🏻‍💻🧑🏻‍💻

.l_wrapper { width: 1200px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; position: relative;}

.content {margin-top: 30px;}
.list {height: 60px; border-top: 3px solid #000; display: flex; align-items: center; justify-content: space-evenly;}
.list div {font-size: 18px; font-weight: 600; }
.list.bor {border-top: 0.5px solid #000; border-bottom: 1px solid #000;}

.tka-inner {text-align: center; margin-top: 30px;}
.tka {width: 150px; height: 20px; line-height: 20px; padding: 5px; border: 1px solid rgb(165, 165, 165);}
.btn { width: 100px; height: 32px; line-height: 32px; color: #fff; background: #000; font-weight: 600; font-size: 14px;}