cutalion/SetupMeetup

View on GitHub
app/assets/stylesheets/application.css.scss

Summary

Maintainability
Test Coverage
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree .
*/

select.date, select.time {
  width: 6em;
}

.welcome {
  padding: 4em 0 4em;
  margin-bottom: 2em;
  text-align: center;
  background-color: #F4F4F4;
  border-radius: 8px;
}

.footer {
  margin-top: 45px;
  padding: 35px 0 36px;
  border-top: 1px solid #E5E5E5;
}

h2 a {
  font-weight: normal;
  vertical-align: middle;
}

ul.participants {
  list-style: none;
  margin-left: 0;
  max-width: 70%;

  li {
    display: inline-block;
    margin-bottom: 10px;
    img {
      margin-right: 0.5em;
      width: 32px;
      height: 32px;
    }
  }
}

.block_heading {
  margin: 1em 0;
}

#comment_body {
  display: block;
}

form.new-comment {
  .image {
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 10px 10px 0;
  }

  textarea, input {
    margin-left: 42px;
  }
}

.comment {
  margin: 0 0 10px 0;
  overflow: hidden;

  .body {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
  }

  .image {
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 10px 10px 0;
  }

  .meta {
    color: #888;
    font-size: 75%;
  }

  .name {
    color: #222;
    font-size: 125%;
    font-weight: 900;
  }

  .meta, .body {
    margin-left: 42px;
  }
}