Common Sass stuff

_base.sass

// Responsive images.
img, media
  max-width: 100%

// Messages.
.messages
  margin: 1em 0

// Tabs.
.tabs
  margin: 1em 0
  display: none
  +breakpoint($tablet)
    display: block
  a
    +border-radius(6px 6px 0 0)

// Links.
a
  text-decoration: none

// Show stuff only on mobile.
.mobile-only
  +breakpoint($tablet)
    display: none

// Hide stuff on mobile.
.mobile-hide
  display: none
  +breakpoint($tablet)
    display: initial

_config.sass

// Legacy support.
$legacy-support-for-ie6: false
$legacy-support-for-ie7: true
$legacy-support-for-ie8: true

// Grid config.
$grids: 12
$gutters: 1/3
$tablet: 768px
$tablet-width: 740px
$desktop: 992px
$desktop-width: 960px

// Colors.
$blue: blue

// Fonts.
$sans: sans-serif
$serif: serif

_mixins.sass

// Container functionality, with breakpoints, padding, and centered-ness.
=container
  margin: 0 auto
  padding: 0 15px
  +breakpoint($tablet)
    width: $tablet-width
    padding: 0
  +breakpoint($desktop)
    width: $desktop-width
    padding: 0

// Container class.
.container
  +container

// Font smoothing.
=font-smoothing($value: antialiased)
  @if $value == antialiased
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale
  @else
    -webkit-font-smoothing: subpixel-antialiased
    -moz-osx-font-smoothing: auto

_panels_ipe.sass

// Panels IPE placeholder headings.
div.panels-ipe-placeholder h3
  width: auto

// Panels IPE region buttons.
.panels-ipe-linkbar
  li
    margin-right: 0
  .style
    display: none

// Hide Panels IPE pane admin titles.
.panels-ipe-dragbar-admin-title
  display: none

// Hide Panels IPE bottom toolbar on mobile.
#panels-ipe-control-container
  display: none !important
  +breakpoint($tablet)
    display: block !important
body.panels-ipe
  margin-bottom: 0 !important
  +breakpoint($tablet)
    margin-bottom: 60px !important

// Ctools modals.
.ctools-modal-content

  // Vertical tabs wrapper padding.
  .fieldset-wrapper
    margin-top: 10px

  // Form buttons.
  .form-actions
    margin-top: 1em
    input
      margin-right: 1em
      +border-radius(6px)
      padding: 6px 12px


// Linkit modals above Ctools modals.
.ui-dialog.linkit-wrapper
  z-index: 2000

_panels_layouts.sass

// 2-column.
.panel-display.panel-2col
  .panel-panel
    margin-bottom: 1em
    float: none
    width: 100%
    .inside
      margin: 0
  .panel-col-first
    +breakpoint($tablet)
      +grid-span(8, 1)
  .panel-col-last
    +breakpoint($tablet)
      +grid-span(4, 9)

// 2-column stacked.
.panel-display.panel-2col-stacked
  .center-wrapper
    .panel-panel
      margin-bottom: 1em
      float: none
      width: 100%
      .inside
        margin: 0
  +breakpoint($tablet)
    .panel-col-top
      +clearfix
    .center-wrapper
      .panel-col-first
        +grid-span(6, 1)
      .panel-col-last
        +grid-span(6, 7)

// 3-column 33 stacked.
.panel-display.panel-3col-33-stacked
  .center-wrapper
    .panel-panel
      margin-bottom: 1em
      float: none
      width: 100%
      .inside
        margin: 0
  +breakpoint($tablet)
    .panel-col-top
      +clearfix
    .center-wrapper
      .panel-col-first
        +grid-span(4, 1)
      .panel-col
        +grid-span(4, 5)
      .panel-col-last
        +grid-span(4, 9)

_panopoly_layouts.sass

// Boxton 1 column layout.
.boxton-container
  +container

// Burr 2 column layout.
.burr-container
  +container
  .burr-content, .burr-sidebar
    float: none
    width: auto
    margin-bottom: 1em
  +breakpoint($tablet)
    .burr-content
      +grid-span(4, 1)
    .burr-sidebar
      +grid-span(8, 5)

// Burr Flipped 2 column layout.
.burr-flipped-container
  +container
  .burr-flipped-content, .burr-flipped-sidebar
    float: none
    width: auto
    margin-bottom: 1em
  +breakpoint($tablet)
    .burr-flipped-content
      +grid-span(8, 1)
    .burr-flipped-sidebar
      +grid-span(4, 9)