[67] | 1 | # GCSS - Pure Go CSS Preprocessor
|
---|
| 2 |
|
---|
| 3 | [](https://app.wercker.com/project/bykey/4857161fd705e6c43df492e6a33ce87f)
|
---|
| 4 | [](https://ci.appveyor.com/project/yosssi/gcss/branch/master)
|
---|
| 5 | [](https://coveralls.io/r/yosssi/gcss?branch=master)
|
---|
| 6 | [](http://godoc.org/github.com/yosssi/gcss)
|
---|
| 7 | [](https://gitter.im/yosssi/gcss?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
|
---|
| 8 |
|
---|
| 9 | ## Overview
|
---|
| 10 |
|
---|
| 11 | GCSS is a pure Go CSS preprocessor. This is inspired by [Sass](http://sass-lang.com/) and [Stylus](http://learnboost.github.io/stylus/).
|
---|
| 12 |
|
---|
| 13 | ## Syntax
|
---|
| 14 |
|
---|
| 15 | ### Variables
|
---|
| 16 |
|
---|
| 17 | ```scss
|
---|
| 18 | $base-font: Helvetica, sans-serif
|
---|
| 19 | $main-color: blue
|
---|
| 20 |
|
---|
| 21 | body
|
---|
| 22 | font: 100% $base-font
|
---|
| 23 | color: $main-color
|
---|
| 24 | ```
|
---|
| 25 |
|
---|
| 26 | ### Nesting
|
---|
| 27 |
|
---|
| 28 | ```scss
|
---|
| 29 | nav
|
---|
| 30 | ul
|
---|
| 31 | margin: 0
|
---|
| 32 | padding: 0
|
---|
| 33 |
|
---|
| 34 | a
|
---|
| 35 | color: blue
|
---|
| 36 | &:hover
|
---|
| 37 | color: red
|
---|
| 38 | ```
|
---|
| 39 |
|
---|
| 40 | ### Mixins
|
---|
| 41 |
|
---|
| 42 | ```scss
|
---|
| 43 | $border-radius($radius)
|
---|
| 44 | -webkit-border-radius: $radius
|
---|
| 45 | -moz-border-radius: $radius
|
---|
| 46 | -ms-border-radius: $radius
|
---|
| 47 | border-radius: $radius
|
---|
| 48 |
|
---|
| 49 | .box
|
---|
| 50 | $border-radius(10px)
|
---|
| 51 | ```
|
---|
| 52 |
|
---|
| 53 | ## Installation
|
---|
| 54 |
|
---|
| 55 | ```sh
|
---|
| 56 | $ go get -u github.com/yosssi/gcss/...
|
---|
| 57 | ```
|
---|
| 58 |
|
---|
| 59 | ## Compile from the Command-Line
|
---|
| 60 |
|
---|
| 61 | ```sh
|
---|
| 62 | $ gcss /path/to/gcss/file
|
---|
| 63 | ```
|
---|
| 64 |
|
---|
| 65 | or
|
---|
| 66 |
|
---|
| 67 | ```sh
|
---|
| 68 | $ cat /path/to/gcss/file | gcss > /path/to/css/file
|
---|
| 69 | ```
|
---|
| 70 |
|
---|
| 71 | ## Compile from Go programs
|
---|
| 72 |
|
---|
| 73 | You can compile a GCSS file from Go programs by invoking the `gcss.CompileFile` function.
|
---|
| 74 |
|
---|
| 75 | ```go
|
---|
| 76 | cssPath, err := gcss.CompileFile("path_to_gcss_file")
|
---|
| 77 |
|
---|
| 78 | if err != nil {
|
---|
| 79 | http.Error(w, err.Error(), http.StatusInternalServerError)
|
---|
| 80 | return
|
---|
| 81 | }
|
---|
| 82 |
|
---|
| 83 | http.ServeFile(w, r, cssPath)
|
---|
| 84 | ```
|
---|
| 85 |
|
---|
| 86 | You can invoke the `gcss.Compile` function instead of the `gcss.CompileFile` function. The `gcss.Compile` function takes `io.Writer` and `io.Reader` as a parameter, compiles the GCSS data which is read from the `io.Reader` and writes the result CSS data to the `io.Writer`. Please see the [GoDoc](http://godoc.org/github.com/yosssi/gcss) for the details.
|
---|
| 87 |
|
---|
| 88 | ```go
|
---|
| 89 | f, err := os.Open("path_to_gcss_file")
|
---|
| 90 |
|
---|
| 91 | if err != nil {
|
---|
| 92 | panic(err)
|
---|
| 93 | }
|
---|
| 94 |
|
---|
| 95 | defer func() {
|
---|
| 96 | if err := f.Close(); err != nil {
|
---|
| 97 | panic(err)
|
---|
| 98 | }
|
---|
| 99 | }()
|
---|
| 100 |
|
---|
| 101 | n, err := gcss.Compile(os.Stdout, f)
|
---|
| 102 | ```
|
---|
| 103 |
|
---|
| 104 | ## Documentation
|
---|
| 105 |
|
---|
| 106 | * [GoDoc](http://godoc.org/github.com/yosssi/gcss)
|
---|
| 107 |
|
---|
| 108 | ## Syntax Highlightings
|
---|
| 109 |
|
---|
| 110 | * [vim-gcss](https://github.com/yosssi/vim-gcss) - Vim syntax highlighting for GCSS
|
---|