kai-jacobsen/kontentblocks

View on GitHub
css/sass/partials/_options/_page.scss

Summary

Maintainability
Test Coverage
.kb-page-wrap {

  padding: 20px;
  min-width: 400px;
  max-width: 1100px;
  background: #fff;
  border: 1px solid #ccc;
  margin-top: 20px;
  position: relative;
}

.os-wrapper {

  .kb-page-wrap {
    max-width: none;
    margin-top: 0px;
    padding: 0;
    border: none;
  }

  .kb-module {
    padding: 0;
  }

  .area-holder {
    border: none;
    box-shadow: none;
  }
}

/*
Overlay Override
*/
body.on-site-editing {
  padding-top: 0;
}

.kb-overlay {

  background: #fff !important;

  .kb_page_wrap {
    padding: 0px;
    margin-top: 0;
  }

  .area-holder {
    border: none;
  }

}

.kb-area-overlay {
  background: #fff !important;
  padding-top: 0;

  .kb_page_wrap {
    padding: 20px 20px;
    margin-top: 0;
  }

  .area-holder {
    border: none;
  }
}

.block-template-wrapper.kb_page_wrap {

  .kb_field tabs ul.ui-tabs-nav {
    margin-left: 0;
  }

}

/*
*
* Admin Pages
* Sidebars, Areas
*/

.kb-page-wrap {
  .area-wrap {
    border: 0;
    background: #fff;
  }

  .area-title-text {
    display: none;
  }

  h3 {
    margin-bottom: 0;
  }
}

.kb-menu-field {

  margin: 6px 0;

  label {
    display: inline-block;
    width: 240px;
  }

  input[type=text] {
    width: 300px;
  }

  textarea {
    width: 300px;
    height: 120px;
    vertical-align: top;
  }
}

.kb-menu-field-section_description {
  float: left;
  width: 190px;
  padding-right: 15px;
}

.kb-menu-field-section_inputs {
  margin-left: 270px;
}

.kb-menu-field-section {
  overflow: hidden;
  padding: 15px 0;
}

.kb-menu-field-with-spinner {

  .spinner {
    float: none;
    display: none;
    position: relative;
    top: 5px;
    left: -35px;
  }

  &.loading {
    .spinner {
      display: inline-block;
    }

  }
}

.kb-language-switch-wrapper {
  position: absolute;
  right: 40px;
  top: 10px;

  p {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  ul {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    float: right;
  }

  li {
    display: inline-block;
    margin: 0 4px;

    &.kb-current-template-language{
      opacity:0.3;
    }

    a {
      text-indent: -9999px;
    }
  }
}

body.post-type-kb-dyar{

  .kb_area_head.clearfix{
    display: none;
  }
}