basscss - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #llm #machine-learning #docker #macos #nodejs #java #cli #vue #openai

basscss

(★ 5,896)

Low-level CSS Toolkit – the original Functional/Utility/Atomic CSS library

파일 탐색기

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

- - DealingWithSpecificity.md
- - Basics.md
  - CustomBuilds.md
  - FlexObject.md
  - FutureCSSSyntax.md
  - PageLayout.md
  - QuickStart.md
  - README.md
  - TipsAndTricks.md
  - UIElements.md
- DesignPrinciples.md
- GettingStarted.md
- README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- - .gitignore
  - .npmignore
  - index.css
  - package.json
  - README.md
- README.md
- basscss.css
- - add-element.js
- align.spec.js
- border.spec.js
- flexbox.spec.js
- grid.spec.js
- hide.spec.js
- index.js
- layout.spec.js
- margin.spec.js
- padding.spec.js
- position.spec.js
- test.js
- type-scale.spec.js
- typography.spec.js
.gitattributes
.gitignore
.npmignore
.travis.yml
babel.config.js
CONTRIBUTING.md
karma.conf.js
LICENSE.md
package-lock.json
package.json
postcss.config.js
README.md

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/basscss/basscss

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

cd basscss

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

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.

cd modules/align

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Basscss

Low-level CSS toolkit – the original [Functional CSS][functional-css] library <https://basscss.com>

[![Build Status](https://travis-ci.org/basscss/basscss.svg)](https://travis-ci.org/basscss/basscss)
[![npm version](https://badge.fury.io/js/basscss.svg)](https://badge.fury.io/js/basscss)

## Lightning-Fast Modular CSS with No Side Effects

Basscss is a lightweight collection of immutable utilities designed for speed, clarity, performance, and scalability.

## Stable

Basscss v8 is the final version of Basscss, which means no major, breaking changes will be introduced.
Minor features and patches may be added, but
due to the nature of this CSS approach, there are virtually no bugs in Basscss.

---

## Features

### Code with Confidence

Using clear, humanized naming conventions, Basscss is quick to internalize
and easy to reason about while speeding up development time with more scalable,
more readable code.

### No Side Effects

Things behave exactly as expected with immutable utilities
and styles that follow the open/closed principle
to help prevent common pitfalls with CSS.

### Composable

Reusable, interoperable styles
work like building blocks to lay the foundation for any stylesheet
and can be mixed and matched in any number of combinations.

## Designed for Design

Basscss strikes a balance between consistency and flexibility
to allow for rapid prototyping and quick iterative changes
when designing in the browser.

## Responsive by Default

Basscss provides lightweight, performant styles
and flexible utilities to design for any device
and to help reduce boilerplate in stylesheets.

## Unassuming

Modular and customizable typography and layout styles don’t dictate
what things should look like and play well with other stylesheets and frameworks.

[Read More](https://basscss.com)

---

## Other Packages

### Base styles

The core Basscss package does not include any base element styles.
For an out-of-the-box solution, see:

https://github.com/basscss/basic

### Addons

In addition to the core modules, optional modules,
including responsive margin, padding, layout, and typography styles, can be found here:

https://github.com/basscss/addons

### Ace.css

For a bundle with the core Basscss and all optional modules, see:

https://github.com/basscss/ace

---

## Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md)

## Related

- [Tachyons][tachyons]
- [Buzzfeed Solid][solid]
- [OOCSS][oocss]

## Thanks

This library was largely inspired and influenced by the following people

- [Nicole Sullivan](https://twitter.com/stubbornella)
- [Nicolas Gallagher](https://twitter.com/necolas)
- [Adam Morse](https://twitter.com/mrmrs_)
- [Jessica Harllee](https://twitter.com/harllee)
- [Zack Sears](https://twitter.com/zacksears)
- [Diana Mounter](https://twitter.com/broccolini)
- [John Otander](https://twitter.com/4lpine)

---

[MIT license](LICENSE.md)

[functional-css]: https://jon.gold/2015/07/functional-css/
[tachyons]: http://tachyons.io
[solid]: https://solid.buzzfeed.com
[oocss]: https://github.com/stubbornella/oocss/wiki