Sha256: 53e117e96d1dfd0044a4dc626c16fae1fc4d1449ea4b77a4537f5f24053519c3

Contents?: true

Size: 1.3 KB

Versions: 23

Compression:

Stored size: 1.3 KB

Contents

@import "woople-theme/variables.css.less";
@import "woople-theme/colours.css.less";

.page-header-with-image {
  img {
    .course-image();
    max-width:@imageWidth;
    max-height:@imageWidth;
    float:left;
    margin-right:@gridGutterWidth;
  }

  p, h1 {
    margin-left: @gridGutterWidth + @imageWidth;
  }
}

.page-header {
  border-color:fade(@highlight, 10%);
  padding-left:@contentPadding;
  padding-right:@contentPadding;
  margin-top:0;
  margin-bottom:0;
  padding-top:@contentPadding * 1.5;
  background: @highlightBackground;

  h1 {
    font-weight:200;
    font-family:HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:#0089D0;
    font-size:50px;
    line-height:55px;
    margin-bottom:10px;
  }

  p {
    font-size:16px;
    line-height:23px;
    color:@secondaryTextColour;
    margin-bottom:-4px;
  }
}

.page-header.completed {
  background-image:url(/assets/woople-theme/completed-triangle.png);
  background-position:top right;
  background-repeat:no-repeat;
}

@media (max-width: 767px) {
  .page-header {
    padding-left:@phoneMargin;
    padding-right:@phoneMargin;
    padding-top:@phoneMargin * 1.5;
    margin-bottom:0;

    h1 {
      font-size:28px;
      line-height:32px;
    }

    p {
      font-size: @sosumi-font-size;
      line-height:18px;
    }

  }

}

Version data entries

23 entries across 23 versions & 1 rubygems

Version Path
woople-theme-0.5.0.1 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.5.0 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.4.2 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.4.1 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.4.0 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.3.9 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.3.8 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.3.7 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.3.6 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.3.5 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.3.04 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.3.03 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.3.02 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.3.01 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.3.0 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.49 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.48 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.47 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.46 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.45 app/assets/stylesheets/woople-theme/page-header.css.less