view app/assets/stylesheets/_new-paste.scss @ 379:2ad092e60975

[mq]: new-design
author nanaya <me@myconan.net>
date Sun, 07 Jun 2015 02:35:12 +0900
parents
children 6cd41974d4b0
line wrap: on
line source

#new_paste {
  flex: 1;
  display: flex;
  flex-direction: column;

  width: 100%;

  #paste-form {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: $spacing;

    textarea {
      flex: 1 0 auto;
      resize: none;
    }
  }

  #paste-control {
    flex: none;

    display: flex;
    align-items: stretch;
    justify-content: space-between;

    flex-direction: column;
    @media (min-width: $screen-sm) {
      flex-direction: row;
    }

    .radio {
      display: inline-flex;
      align-items: center;
      margin-right: $spacing;
    }
    .form-group {
      display: flex;
      flex-direction: column;
    }

    .form-label {
      display: block;
      margin-bottom: $spacing/2;
    }

    .inputs {
      display: flex;
      justify-content: space-around;
      > * {
        margin-right: $spacing;
        flex: 1;

        &:last-child {
          margin-right: 0px;
        }
      }
      &.right {
        margin-top: $spacing;
        min-height: $spacing * 4;
      }

      @media (min-width: $screen-sm) {
        > * {
          flex: 1 1 auto;
        }

        &.right {
          margin-top: 0px;
          > * {
            margin-left: $spacing;
            margin-right: 0px;
          }
        }
      }
    }
  }
}