Contents

/** Media Responsiveness **/
@media screen and (max-width: 600px) {
  .navbar-right a:not(:first-child) {
    display: none;
  }
  .navbar-right a.icon {
    float: right;
    display: block;
    font-size: 1em*2;
  }
  .hero-img {
    height: 400px;
  }
}

@media screen and (max-width: 600px) {
  .navbar-right.responsive {
    position: relative;
  }
  .navbar-right.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navbar-right.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

@media screen and (min-width: 360px) {
  .recent-post-wrapper {
    width: 100%;

    .recent-post-container {
      margin: 0 auto 0 auto;

      .post-entry-grid {
        margin: 0 $base-spacing 0 $base-spacing;

        .entry-flex {
          padding-bottom: $base-spacing;
        }
      }
    }
    .button-post {
      margin-left: 30%;
      margin-right: 30%;
      text-align: center;
    }
  }
  .page-wrapper {
    width: 100%;

    .page-header {
    height: 100px;
    margin: 2em auto 2em auto;
    }
  }
  .post-wrapper {
    .post-header {
      margin: 1em auto 1em auto;
      height: 100px;

      .post-title {
        font-size: 20px;
      }
      .post-meta {
        margin: 0;
      }
    }
    .post-content {
      margin: $base-spacing*2 auto $base-spacing*2 auto;
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
bajawa-0.1.0	_sass/bajawa/media.scss