Packages

torch

1.0.0-rc.2
6.0.0 5.6.0 5.5.0 5.4.0 5.3.2 5.3.1 5.2.0 5.1.2 5.1.1 5.1.0 5.0.0 5.0.0-rc.4 5.0.0-rc.3 5.0.0-rc.2 5.0.0-rc.1 5.0.0-rc.0 4.3.2 4.3.1 4.3.0 4.2.1 4.2.0 retired 4.1.0 4.0.0 4.0.0-rc.0 3.9.1 3.9.0 3.8.0 3.7.1 3.7.0-rc.0 3.6.4 3.6.3 3.6.2 3.6.1 3.6.0 3.5.0 3.4.1 3.4.0 3.3.1 3.3.0 3.2.1 3.2.0 3.1.0 3.0.0 2.1.0 2.0.0 2.0.0-rc.3 2.0.0-rc.2 2.0.0-rc.1 1.0.0-rc.6 1.0.0-rc.5 1.0.0-rc.4 1.0.0-rc.3 1.0.0-rc.2 1.0.0-rc.1 0.2.0-rc.5 0.2.0-rc.4 0.2.0-rc.3 0.2.0-rc.2 0.2.0-rc.1 0.1.0

Rapid admin generator for Phoenix

HexDocs

Current section

Files

Jump to
Readme
60 Versions
5 Dependencies
Dependants
Files
Activity
torch web static css base _tables.sass
Raw

web/static/css/base/_tables.sass 

section.torch

  section.torch-table

      +span-columns(8)



  table

    border-collapse: collapse

    color: $torch-table-font-color

    font-size: $torch-base-font-size

    margin: $torch-small-spacing 0

    table-layout: fixed

    width: 100%





  tr th,

  tr td

    border-bottom: $torch-border

    border-right: $torch-border



    &:first-child

      border-left: $torch-border



  th

    background-color: $torch-tertiary-color

    border-top: $torch-border

    font-size: $torch-base-font-size

    font-weight: $torch-semibold

    padding: 0

    text-align: left



    & > *

      color: $torch-th-font-color

      display: block

      padding: 12px 10px



    a, a:hover

      color: $torch-th-font-color



    a

      min-height: 4px

      position: relative

      +transition(opacity $torch-base-duration $torch-base-timing)



      &.active

        background-color: lighten($torch-tertiary-color, 15%)



      .caret

        border-left: 5px solid transparent

        border-right: 5px solid transparent

        display: inline-block

        height: 0

        margin-left: 5px

        margin-top: 5px

        position: absolute

        right: 10px

        top: 15px

        width: 0



      &.active.desc

        .caret

          border-top: 5px solid $torch-th-font-color



      &.active.asc

        .caret

          border-bottom: 5px solid $torch-th-font-color



    a:hover

      opacity: $torch-hover-opacity



  td

    border-right: $torch-border



  tr,

  td,

  th

    vertical-align: middle



  tbody tr

    &:nth-child(odd)

      background-color: #F1F1F1



    td

      padding: 12px 10px



    .torch-actions

      font-size: 0



      a, form

        color: $torch-table-font-color

        display: inline-block

        font-size: $torch-base-font-size

        margin-bottom: 0



      & > *

        margin-right: 10px



        &:last-child

          margin-right: 0