Contents

#emailbutler {
  #dashboard {
    padding-top: 1rem;

    .summary {
      list-style: none;
      display: flex;
      flex-direction: row;
      padding: .75rem 1rem;
      background: #e5e7eb;
      border-radius: .125rem;
      margin: 0;

      li {
        flex: 1;
        text-align: center;

        a {
          text-decoration: none;
        }
      }

      .status-summary {
        display: flex;
        flex-direction: column;
        color: #000;
        padding: .5rem 0;

        &:hover {
          background: #d1d5db;
        }

        span:nth-of-type(1) {
          margin-bottom: .25rem;
          font-weight: 600;
        }
      }
    }

    .messages {
      width: 100%;

      thead {
        tr {
          th {
            text-align: left;
            padding: .125rem .25rem;
          }
        }
      }

      tbody {
        tr {
          &:nth-of-type(odd) {
            background: #e5e7eb;
          }

          &:hover {
            background: #d1d5db;
          }

          td {
            padding: .125rem .25rem;

            &.actions {
              display: flex;

              button {
                box-shadow: none;
                border: none;
                cursor: pointer;
                padding: .25rem;

                &.resend {
                  background: #bbf7d0;
                  margin-right: .5rem;

                  &:hover {
                    background: #86efac;
                  }
                }

                &.destroy {
                  background: #fecaca;

                  &:hover {
                    background: #fca5a5;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
emailbutler-0.3.0	app/assets/stylesheets/emailbutler/views/dashboard.scss