Packages

torch

1.0.0-rc.4
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 _forms.sass
Raw

web/static/css/base/_forms.sass 

section.torch

  fieldset

    background-color: transparent

    border: 0

    margin: 0

    padding: 0



  legend

    font-weight: 600

    margin-bottom: $torch-small-spacing / 2

    padding: 0



  label

    color: $torch-label-font-color

    display: block

    font-weight: $torch-regular

    margin-bottom: 4px



  input,

  select,

  textarea

    display: block

    font-family: $torch-font-family

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



  #{$all-text-inputs},

  select[multiple]

    background-color: $torch-base-background-color

    border: $torch-border

    border-radius: $torch-border-radius

    box-shadow: $torch-form-box-shadow

    box-sizing: border-box

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

    margin-bottom: $torch-small-spacing

    padding: 10px 10px 11px 10px

    transition: border-color $torch-base-duration $torch-base-timing

    width: 100%



    &:hover

      border-color: shade($torch-border-color, 20%)



    &:focus

      border-color: $torch-action-color

      box-shadow: $torch-form-box-shadow-focus

      outline: none



    &:disabled

      background-color: shade($torch-base-background-color, 5%)

      cursor: not-allowed



      &:hover

        border: $torch-border



    &::placeholder

      color: $torch-placeholder-color



  textarea

    resize: vertical



  [type="search"]

    appearance: none



  [type="checkbox"],

  [type="radio"]

    display: inline

    margin-right: $torch-small-spacing / 2



  [type="file"]

    margin-bottom: $torch-small-spacing

    width: 100%



  select

    margin-bottom: $torch-small-spacing

    max-width: 100%

    width: auto



  .help-block

    color: $torch-form-error-color

    display: block

    margin: 10px 0 10px 0