Skip to content

Commit 7211639

Browse files
committed
Initial release
0 parents  commit 7211639

File tree

11 files changed

+1625
-0
lines changed

11 files changed

+1625
-0
lines changed

.gitignore

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
.cache
2+
.idea/workspace.xml
3+
.idea/tasks.xml
4+
dist
5+
.DS_Store
6+
elm-stuff
7+
node_modules/
8+
npm-debug.log*
9+
.netlify
10+
repl-temp-*
11+
cypress/screenshots/*
12+
cypress/videos/*

.idea/vcs.xml

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2019 Cédric Soulas
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

README.md

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
# Design systems for Elm
2+
3+
Based on elm-css, inspired by Tailwind.
4+
5+
```
6+
elm install rtfeldman/elm-css
7+
elm install cedricss/elm-css-systems
8+
```
9+
10+
```elm
11+
import Css exposing (..)
12+
import Css.Systems.Colors exposing (..)
13+
import Css.Systems.Spacing exposing (..)
14+
import Css.Systems.Utitilies exposing (..)
15+
import Html.Styled exposing (div)
16+
import Html.Styled.Attributes as Attributes exposing (css)
17+
```
18+
19+
## Color System
20+
21+
Built from the Tailwind palette.
22+
23+
```elm
24+
view =
25+
div
26+
[ css
27+
[ backgroundColor indigo300
28+
, color indigo900
29+
]
30+
]
31+
[]
32+
```
33+
34+
[Browse all colors ➝](https://cedricsoulas.com/elm/css/systems#colors)
35+
![Color system](img/colors.png)
36+
37+
## Spacing system
38+
39+
```elm
40+
view =
41+
div
42+
[ css
43+
[ height (fluid 2 3)
44+
, width (fluid 1 2)
45+
, marginY space4
46+
]
47+
]
48+
[]
49+
```
50+
51+
[Browse spacing ➝](https://cedricsoulas.com/elm/css/systems#spacing)
52+
![Color system](img/spacing.png)
53+
54+
## Other systems and utilities
55+
56+
[Browse the full API](https://package.elm-lang.org/packages/cedricss/elm-css-systems/latest)
57+
58+
## Links
59+
60+
- [package.elm-lang.org/packages/cedricsoulas/elm-css-systems/latest](https://package.elm-lang.org/packages/cedricss/elm-css-systems/latest)
61+
- [cedricsoulas.com/elm/css/systems](https://cedricsoulas.com/elm/css/systems)

elm.json

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{
2+
"type": "package",
3+
"name": "cedricss/elm-css-systems",
4+
"summary": "Design systems based on elm-css, inspired by Tailwind.",
5+
"license": "MIT",
6+
"version": "1.0.0",
7+
"exposed-modules": [
8+
"Css.Systems.Colors",
9+
"Css.Systems.Spacing",
10+
"Css.Systems.Utilities"
11+
],
12+
"elm-version": "0.19.0 <= v < 0.20.0",
13+
"dependencies": {
14+
"elm/core": "1.0.0 <= v < 2.0.0",
15+
"rtfeldman/elm-css": "16.0.1 <= v < 17.0.0"
16+
},
17+
"test-dependencies": {}
18+
}

img/colors.png

355 KB
Loading

img/spacing.png

111 KB
Loading

package.json

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{
2+
"name": "elm-css-systems",
3+
"version": "1.0.0",
4+
"description": "Design systems based on elm-css, inspired by Tailwind.",
5+
"homepage": "https://cedricsoulas.com/elm/css/systems",
6+
"author": "Cédric Soulas",
7+
"main": "index.js",
8+
"devDependencies": {},
9+
"scripts": {},
10+
"repository": "https://github.com/cedricss/elm-css-systems",
11+
"keywords": [
12+
"elm",
13+
"tailwind",
14+
"css",
15+
"design systems"
16+
]
17+
}

0 commit comments

Comments
 (0)