Contents

//
// left border sensitive to edit mode
//
.uc-editable-border-left {
  border-left: $solid-yellow-border;
  .new &,
  .edit & {
    border-left: $solid-blue-border;
  }
}

//
// gray
//
.uc-border-top-gray-dotted {
  border-top: $light-border-width dotted $light-gray;
}
.uc-border-bottom-gray-dotted {
  border-bottom: $dotted-light-gray-border;
}

//
// middle-gray
//
.uc-border-bottom-middle-gray {
  border-bottom: $solid-light-gray-border;
}
.uc-border-bottom-middle-gray-dotted {
  border-bottom: $dotted-middle-gray-border;
}

//
// light gray
//
.uc-border--light-gray {
  border: $solid-light-gray-border;
}

//
// lighter-gray
//
.uc-border--lighter-gray {
  border: $light-border-width solid $lighter-gray;
}
.uc-border-top-lighter-gray {
  border-top: $light-border-width solid $lighter-gray;
}
.uc-border-bottom-lighter-gray {
  border-bottom: $light-border-width solid $lighter-gray;
}

//
// blue
//
.uc-border-bottom-blue {
  border-bottom: $solid-middle-blue-2-border;
}
.uc-border-top--blue-dotted {
  border-top: $dotted-middle-blue-2-border;
}

//
// middle-blue-2
//
.uc-border-bottom-solid-middle-blue-2 {
  border-bottom: $solid-middle-blue-2-border;
}

//
// yellow
//
.uc-border-top-yellow-dotted {
  border-top: $dotted-yellow-border;
}

.uc-border-bottom-yellow-dotted {
  border-bottom: $dotted-yellow-border;
}

.uc-border-yellow-solid-wide-top {
  border: $light-yellow-border;
  border-top-width: $large-border-width;
}

//
// TODO: Does not belong here. Make it a separate pattern
// blue background and border on hover
//
.uc-border-blue-on-hover {
  border: $light-border-width solid $white;
  border-radius: 5px;
  padding: $gutter/2;

  &:hover {
    border: $light-border-width solid $light-blue;
    background-color: $hover-blue;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
undercase-0.2.57	app/assets/stylesheets/undercase/patterns/_borders.scss