This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
1.0.0
Basscss rules for the Elm Reactor
version 1.0.1
license BSD3
native-modules False
elm-version 0.18.0 <= v < 0.19.0
Tag 1.0.1
Committed At 2017-06-27 10:49:48 UTC
elm-lang/html 2.0.0 <= v < 3.0.0 2.0.0
elm-lang/core 5.1.1 <= v < 6.0.0 5.1.1

Modules

README

elm-basscss

A simple attempt to make Basscss available in Elm Reactor

import Bass exposing(style, center, h1, italic)


main =
    div
        [ style
            [ center
            , h1
            , italic
            ]
        ]
        [ text "Styled Heading" ]

Additional style declarations can be passed in as a list.

import Bass exposing(style, center, h1, italic)


main =
    div
        [ style
            [ center
            , h1
            , italic
            , [ ( "background-color", "red" )
              , ( "color", "green" )
              ]
            ]
        ]
        [ text "Heading In Terrible Colors" ]

That's it.

Basscss class selectors can be looked up at http://basscss.com/. Dashes in Basscss selectors become underscores in Bass.elm. Here is an example: This css rule...

.list-reset{
  list-style:none;
  padding-left:0;
}

... looks like this in Elm.bass:

list_reset =
    [ ( "list-style", "none" )
    , ( "padding-left", "0" )
    ]

In fact that's all I've done here. This module is really simple, it just allows me to style things based on class selectors, just like I would in plain HTML/CSS with a neat little toolkit like Basscss.

Basscss media queries and pseudo classes are missing, since they can't be used inline.

Enjoy!

(Published by Aramís Concepción Durán)