home.sass

// Homepage Symbols
.featured-symbols
    list-style: none
    display: flex
    padding: 0px
    margin: 0px
    justify-content: space-between
    border-bottom: 1px solid #c9c8c9
    h1, h2, h3, h4, h5, h6
        font-family: "Roboto", sans-serif !important
        font-weight: normal
    .featured-symbol
        padding-right: 15px
        padding-bottom: 15px
        padding-left: 15px;
        &:not(:first-child)
            border-left: 1px solid #c9c8c9
        .symbol-source
            font-weight: bold
            font-size: 14px
            color: #000
            .timestamp
                font-weight: 100
                font-size: 10px
                font-weight: 100
        .symbol-price
            font-size: 30px
            &.up
                color: #7ed321
            &.down
                color: #d0021b
        .symbol-change
            font-size: 14px
    .small-numbers
        margin-top: 10px
        position: relative
        &:after
            left: 12px
            border: solid transparent
            content: " "
            height: 0
            width: 0
            position: absolute
            pointer-events: none
            border-color: rgba(0,0,0,0)
            border-width: 7px
            margin-left: -7px
        &.positive
            color: #7ed321
            &:after
                bottom: 50%
                border-color: rgba(0,0,0,0)
                border-bottom-color: #7ed321
        &.negative
            color: #c74949
            &:after
                top: 50%
                border-color: rgba(0,0,0,0)
                border-top-color: #c74949
        span:first-child
            margin-left: 25px