tailwindo - GitLite

KO | EN

gitlite — search

#hacktoberfest #react #ai #go #golang #linux #macos #nodejs #awesome #kubernetes #vue #ios #openai #open-source

tailwindo

(★ 1,117)

🔌 Convert Bootstrap CSS code to Tailwind CSS code

파일 탐색기

최종 버전 다운로드 (.zip)

- - phpunit.yml
- 1_introduction.md
- 2_installation.md
- 3_quick-start.md
- - BootstrapFramework.php
  - Framework.php
- ConsoleHelper.php
- Converter.php
- - BootstrapFrameworkTest.php
  - ConverterTest.php
  - SpacingTest.php
  - TextTest.php
.gitignore
.travis.yml
composer.json
LICENSE.md
phpunit.xml.dist
README.md
tailwindo

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/awssat/tailwindo

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd tailwindo

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. PHP (Composer)

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
PHP PHP 실행 환경이 필요합니다.
Composer PHP 라이브러리 설치를 위한 패키지 매니저입니다.

composer install

composer.json에 명시된 PHP 라이브러리를 설치합니다.

✅ php -S localhost:8000 같은 내장 서버로 실행한 뒤 브라우저에서 http://localhost:8000 으로 접속해보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Tailwindo

[![Latest Version on Packagist](https://img.shields.io/packagist/v/awssat/tailwindo.svg?style=flat-square)](https://packagist.org/packages/awssat/tailwindo)
[![Actions Status](https://github.com/awssat/tailwindo/workflows/Tests/badge.svg)](https://github.com/awssat/tailwindo/actions)

<p align="center">
  <img src="https://pbs.twimg.com/media/DQ-mDgSX0AUpCPL.png">
</p>

This tool can **convert Your CSS framework (currently Bootstrap) classes** in HTML/PHP (any of your choice) files to equivalent **Tailwind CSS** classes.

## Features

-   Made to be easy to add more CSS frameworks in the future (currently Bootstrap).
-   Can convert single files/code snippets/folders.
-   Can extract changes to a separate css file as Tailwind components and keep old classes names. like:

```
.p-md-5 {
	@apply md:p-7;
}
```

## Help Us

-   If you find unexpected conversion result, create an issue; if you managed to fix it, please create a PR.
-   If you are familiar with another CSS frameworks (like Foundation, Pure..), please create a PR and add it (see BootstrapFramework.php file).

## Docs

-   [Introduction](docs/1_introduction.md)
-   [Installation](docs/2_installation.md)
-   [Quick start](docs/3_quick-start.md)