Breadcrumb navigation

import Css
import Css.Global
import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes as Html


breadcrumb : Html msg
breadcrumb =
    Html.div
        [ Html.css
            [ Css.displayFlex
            , Css.alignItems Css.center
            , Css.Global.descendants
                [  Css.Global.selector ".breadcrumb__item"
                    [ Css.displayFlex
                    , Css.alignItems Css.center
                    , Css.minWidth <| Css.rem 6
                    ]
                , Css.Global.selector ".breadcrumb__item:not(:last-of-type)"
                    [ Css.after
                        [ Css.property "content" ""/""
                        , Css.margin2 Css.zero (Css.em 0.5)
                        ]
                    ]
                ]
            ]
        ]
        [ Html.a
            [ Html.class "breadcrumb__item" ]
            []
        , Html.a
            [ Html.class "breadcrumb__item" ]
            []
        , Html.a
            [ Html.class "breadcrumb__item" ]
            []
        ]