Contents

// *************************************
//
//   Search
//   -> Styles for a search box
//
// *************************************

// -------------------------------------
//   Base
// -------------------------------------

.search {
  @include outer-container;
  background-color: $dark-grey;
  height: 50px;
  overflow: hidden;
  padding: .75em .85em;
}

// -------------------------------------
//   Scaffolding
// -------------------------------------

// ----- Search input ----- //

.search-input {
  @include span-columns(10);
  border: 0;
  border-radius: 0;
  color: #fff;
  height: 30px;
  z-index: 1;
}

// ----- Search button ----- //

.search-button {
  background-color: transparent;
  border: 0;
  color: #fff;
  font-size: 22px;
  outline: 0;
  padding-right: 0.8em;
  text-align: left;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
psique-1.0.2	app/assets/stylesheets/psique/structures/_search.scss