Contents

// Cartilage Support ---------------------------------------------------------

@import "cartilage/mixins";
@import "cartilage/variables";

// Segmented View ------------------------------------------------------------

fieldset.segmented-view
{
  margin: 0;
  padding: 0;
  float: left;

  font-size: 10px;
  line-height: 26px;

  legend
  {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    float: left;
    margin-right: 10px;
    width: auto;

    color: rgb(115, 115, 115);
    color: rgba(0, 0, 0, 0.5);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
    font-weight: bold;
  }

  input[type=radio]
  {
    display: none;
  }

  label
  {
    margin: 0;
    padding: 0;
    float: left;
    width: auto;
    font-size: inherit;
    line-height: inherit;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 4px;

    color: rgb(115, 115, 115);
    color: rgba(0, 0, 0, 0.5);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9) !important;

    @include border-radius(2px);
    @include transition(color 0.5s);

    &:hover
    {
      background: none;
      color: rgb(85, 85, 85);
      color: rgba(0, 0, 0, 0.6);
      @include box-shadow(none);
    }

    &:active
    {
      background-color: transparent !important;
      background-image: none !important;
      color: rgb(85, 85, 85);
      color: rgba(0, 0, 0, 0.6);
      @include box-shadow(none);
    }
  }

  input[type=radio]:checked + label,
  input[type=radio]:checked + label:hover
  {
    color: rgb(85, 85, 85);
    color: rgba(0, 0, 0, 0.6);

    @include box-shadow(#{
      inset 0 1px 0 rgba(0, 0, 0, 0.1),
      inset 1px 0 0 rgba(0, 0, 0, 0.05),
      inset -1px 0 0 rgba(0, 0, 0, 0.05),
      inset 0 -1px 0 rgba(255, 255, 255, 0.8)
    });

    @include gradient-vertical(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  }

  &:after
  {
    content: "";
    display: block;
    clear: both;
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
cartilage-0.1.2	app/assets/stylesheets/cartilage/views/segmented_view.css.scss
cartilage-0.1.1	app/assets/stylesheets/cartilage/views/segmented_view.css.scss