Contents

html{
  height: 100%;
}

body {
  font-family: $pd-font-family-sans-serif;
  font-size: $font-size-base;
  border: 8px solid $pd-transparent-blue; 
  min-height: 100%;
  background-color: $pd-off-white;
  margin: 0;
  @media only screen and (max-width: $screen-phone) {
    border: 4px solid $pd-transparent-blue; 
  }
}

.container {
  @include grid-container;

  @media only screen and (min-width: $screen-tablet) {
    max-width: 750px;
  }

  @media only screen and (min-width: $screen-desktop) {
    max-width: 970px;
  }

  @media only screen and (min-width: $screen-wide-desktop) {
    max-width: 1170px;
  }

  margin-left: auto;
  margin-right: auto;
}

.contentbox {
  @include grid-column(12);

  @include grid-media($large-neat-grid){
    @include grid-column(8);
  }

  margin-bottom: 20px;
  padding: 0px 30px 0px 30px;
  @media only screen and (max-width: $screen-phone) {
    padding: 0px;
  }
}

.paginatebox { 
  @include grid-column(12);

  @include grid-media($large-neat-grid){
    @include grid-column(8);
  }
}

a:link {
  border-bottom: 1px black dotted;
  text-decoration: none;
  color: $pd-dark-blue;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}

a:visited {
  text-decoration: none;
  color: $pd-dark-blue;
}

a:hover{
  text-decoration: none;
  color: $pd-orange;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
personally-developed-2.1.0	_sass/personally-developed/_layout.scss