Sha256: 6ed69384a38926b103d51d9d50c7c60524a83788be09a74c1a59a3a5f813cbac

Contents?: true

Size: 1.11 KB

Versions: 12

Compression:

Stored size: 1.11 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;
  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;
  }
}

@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:12px;
      line-height:18px;
    }

  }

}

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
woople-theme-0.2.25 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.24 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.23 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.22 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.21 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.20 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.19 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.18 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.17 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.16 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.15 app/assets/stylesheets/woople-theme/page-header.css.less
woople-theme-0.2.14 app/assets/stylesheets/woople-theme/page-header.css.less