`, and ``.
-$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
-$font-family-base: $font-family-sans-serif !default;
-
-$font-size-base: 14px !default;
-$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
-$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
-
-$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
-$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
-$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
-$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
-$font-size-h5: $font-size-base !default;
-$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
-
-//** Unit-less `line-height` for use in components like buttons.
-$line-height-base: 1.428571429 !default; // 20/14
-//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
-$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
-
-//** By default, this inherits from the ``.
-$headings-font-family: inherit !default;
-$headings-font-weight: 500 !default;
-$headings-line-height: 1.1 !default;
-$headings-color: inherit !default;
-
-
-//== Iconography
-//
-//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
-
-//** Load fonts from this directory.
-
-// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
-// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
-$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
-
-//** File name for all font files.
-$icon-font-name: "glyphicons-halflings-regular" !default;
-//** Element ID within SVG icon file.
-$icon-font-svg-id: "glyphicons_halflingsregular" !default;
-
-
-//== Components
-//
-//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-
-$padding-base-vertical: 6px !default;
-$padding-base-horizontal: 12px !default;
-
-$padding-large-vertical: 10px !default;
-$padding-large-horizontal: 16px !default;
-
-$padding-small-vertical: 5px !default;
-$padding-small-horizontal: 10px !default;
-
-$padding-xs-vertical: 1px !default;
-$padding-xs-horizontal: 5px !default;
-
-$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
-$line-height-small: 1.5 !default;
-
-$border-radius-base: 4px !default;
-$border-radius-large: 6px !default;
-$border-radius-small: 3px !default;
-
-//** Global color for active items (e.g., navs or dropdowns).
-$component-active-color: #fff !default;
-//** Global background color for active items (e.g., navs or dropdowns).
-$component-active-bg: $brand-primary !default;
-
-//** Width of the `border` for generating carets that indicator dropdowns.
-$caret-width-base: 4px !default;
-//** Carets increase slightly in size for larger components.
-$caret-width-large: 5px !default;
-
-
-//== Tables
-//
-//## Customizes the `.table` component with basic values, each used across all table variations.
-
-//** Padding for ``s and ` `s.
-$table-cell-padding: 8px !default;
-//** Padding for cells in `.table-condensed`.
-$table-condensed-cell-padding: 5px !default;
-
-//** Default background color used for all tables.
-$table-bg: transparent !default;
-//** Background color used for `.table-striped`.
-$table-bg-accent: #f9f9f9 !default;
-//** Background color used for `.table-hover`.
-$table-bg-hover: #f5f5f5 !default;
-$table-bg-active: $table-bg-hover !default;
-
-//** Border color for table and cell borders.
-$table-border-color: #ddd !default;
-
-
-//== Buttons
-//
-//## For each of Bootstrap's buttons, define text, background and border color.
-
-$btn-font-weight: normal !default;
-
-$btn-default-color: #333 !default;
-$btn-default-bg: #fff !default;
-$btn-default-border: #ccc !default;
-
-$btn-primary-color: #fff !default;
-$btn-primary-bg: $brand-primary !default;
-$btn-primary-border: darken($btn-primary-bg, 5%) !default;
-
-$btn-success-color: #fff !default;
-$btn-success-bg: $brand-success !default;
-$btn-success-border: darken($btn-success-bg, 5%) !default;
-
-$btn-info-color: #fff !default;
-$btn-info-bg: $brand-info !default;
-$btn-info-border: darken($btn-info-bg, 5%) !default;
-
-$btn-warning-color: #fff !default;
-$btn-warning-bg: $brand-warning !default;
-$btn-warning-border: darken($btn-warning-bg, 5%) !default;
-
-$btn-danger-color: #fff !default;
-$btn-danger-bg: $brand-danger !default;
-$btn-danger-border: darken($btn-danger-bg, 5%) !default;
-
-$btn-link-disabled-color: $gray-light !default;
-
-// Allows for customizing button radius independently from global border radius
-$btn-border-radius-base: $border-radius-base !default;
-$btn-border-radius-large: $border-radius-large !default;
-$btn-border-radius-small: $border-radius-small !default;
-
-
-//== Forms
-//
-//##
-
-//** ``s in some browsers, due to the limited stylability of ``s in CSS.
-$input-border-radius: $border-radius-base !default;
-//** Large `.form-control` border radius
-$input-border-radius-large: $border-radius-large !default;
-//** Small `.form-control` border radius
-$input-border-radius-small: $border-radius-small !default;
-
-//** Border color for inputs on focus
-$input-border-focus: #66afe9 !default;
-
-//** Placeholder text color
-$input-color-placeholder: #999 !default;
-
-//** Default `.form-control` height
-$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
-//** Large `.form-control` height
-$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
-//** Small `.form-control` height
-$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
-
-//** `.form-group` margin
-$form-group-margin-bottom: 15px !default;
-
-$legend-color: $gray-dark !default;
-$legend-border-color: #e5e5e5 !default;
-
-//** Background color for textual input addons
-$input-group-addon-bg: $gray-lighter !default;
-//** Border color for textual input addons
-$input-group-addon-border-color: $input-border !default;
-
-//** Disabled cursor for form controls and buttons.
-$cursor-disabled: not-allowed !default;
-
-
-//== Dropdowns
-//
-//## Dropdown menu container and contents.
-
-//** Background for the dropdown menu.
-$dropdown-bg: #fff !default;
-//** Dropdown menu `border-color`.
-$dropdown-border: rgba(0,0,0,.15) !default;
-//** Dropdown menu `border-color` **for IE8**.
-$dropdown-fallback-border: #ccc !default;
-//** Divider color for between dropdown items.
-$dropdown-divider-bg: #e5e5e5 !default;
-
-//** Dropdown link text color.
-$dropdown-link-color: $gray-dark !default;
-//** Hover color for dropdown links.
-$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
-//** Hover background for dropdown links.
-$dropdown-link-hover-bg: #f5f5f5 !default;
-
-//** Active dropdown menu item text color.
-$dropdown-link-active-color: $component-active-color !default;
-//** Active dropdown menu item background color.
-$dropdown-link-active-bg: $component-active-bg !default;
-
-//** Disabled dropdown menu item background color.
-$dropdown-link-disabled-color: $gray-light !default;
-
-//** Text color for headers within dropdown menus.
-$dropdown-header-color: $gray-light !default;
-
-//** Deprecated `$dropdown-caret-color` as of v3.1.0
-$dropdown-caret-color: #000 !default;
-
-
-//-- Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-//
-// Note: These variables are not generated into the Customizer.
-
-$zindex-navbar: 1000 !default;
-$zindex-dropdown: 1000 !default;
-$zindex-popover: 1060 !default;
-$zindex-tooltip: 1070 !default;
-$zindex-navbar-fixed: 1030 !default;
-$zindex-modal-background: 1040 !default;
-$zindex-modal: 1050 !default;
-
-
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-//** Deprecated `$screen-xs` as of v3.0.1
-$screen-xs: 480px !default;
-//** Deprecated `$screen-xs-min` as of v3.2.0
-$screen-xs-min: $screen-xs !default;
-//** Deprecated `$screen-phone` as of v3.0.1
-$screen-phone: $screen-xs-min !default;
-
-// Small screen / tablet
-//** Deprecated `$screen-sm` as of v3.0.1
-$screen-sm: 768px !default;
-$screen-sm-min: $screen-sm !default;
-//** Deprecated `$screen-tablet` as of v3.0.1
-$screen-tablet: $screen-sm-min !default;
-
-// Medium screen / desktop
-//** Deprecated `$screen-md` as of v3.0.1
-$screen-md: 992px !default;
-$screen-md-min: $screen-md !default;
-//** Deprecated `$screen-desktop` as of v3.0.1
-$screen-desktop: $screen-md-min !default;
-
-// Large screen / wide desktop
-//** Deprecated `$screen-lg` as of v3.0.1
-$screen-lg: 1200px !default;
-$screen-lg-min: $screen-lg !default;
-//** Deprecated `$screen-lg-desktop` as of v3.0.1
-$screen-lg-desktop: $screen-lg-min !default;
-
-// So media queries don't overlap when required, provide a maximum
-$screen-xs-max: ($screen-sm-min - 1) !default;
-$screen-sm-max: ($screen-md-min - 1) !default;
-$screen-md-max: ($screen-lg-min - 1) !default;
-
-
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-$grid-columns: 12 !default;
-//** Padding between columns. Gets divided in half for the left and right.
-$grid-gutter-width: 30px !default;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-$grid-float-breakpoint: $screen-sm-min !default;
-//** Point at which the navbar begins collapsing.
-$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
-
-
-//== Container sizes
-//
-//## Define the maximum width of `.container` for different screen sizes.
-
-// Small screen / tablet
-$container-tablet: (720px + $grid-gutter-width) !default;
-//** For `$screen-sm-min` and up.
-$container-sm: $container-tablet !default;
-
-// Medium screen / desktop
-$container-desktop: (940px + $grid-gutter-width) !default;
-//** For `$screen-md-min` and up.
-$container-md: $container-desktop !default;
-
-// Large screen / wide desktop
-$container-large-desktop: (1140px + $grid-gutter-width) !default;
-//** For `$screen-lg-min` and up.
-$container-lg: $container-large-desktop !default;
-
-
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-$navbar-height: 50px !default;
-$navbar-margin-bottom: $line-height-computed !default;
-$navbar-border-radius: $border-radius-base !default;
-$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
-$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
-$navbar-collapse-max-height: 340px !default;
-
-$navbar-default-color: #777 !default;
-$navbar-default-bg: #f8f8f8 !default;
-$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
-
-// Navbar links
-$navbar-default-link-color: #777 !default;
-$navbar-default-link-hover-color: #333 !default;
-$navbar-default-link-hover-bg: transparent !default;
-$navbar-default-link-active-color: #555 !default;
-$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
-$navbar-default-link-disabled-color: #ccc !default;
-$navbar-default-link-disabled-bg: transparent !default;
-
-// Navbar brand label
-$navbar-default-brand-color: $navbar-default-link-color !default;
-$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
-$navbar-default-brand-hover-bg: transparent !default;
-
-// Navbar toggle
-$navbar-default-toggle-hover-bg: #ddd !default;
-$navbar-default-toggle-icon-bar-bg: #888 !default;
-$navbar-default-toggle-border-color: #ddd !default;
-
-
-//=== Inverted navbar
-// Reset inverted navbar basics
-$navbar-inverse-color: lighten($gray-light, 15%) !default;
-$navbar-inverse-bg: #222 !default;
-$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
-
-// Inverted navbar links
-$navbar-inverse-link-color: lighten($gray-light, 15%) !default;
-$navbar-inverse-link-hover-color: #fff !default;
-$navbar-inverse-link-hover-bg: transparent !default;
-$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
-$navbar-inverse-link-disabled-color: #444 !default;
-$navbar-inverse-link-disabled-bg: transparent !default;
-
-// Inverted navbar brand label
-$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-color: #fff !default;
-$navbar-inverse-brand-hover-bg: transparent !default;
-
-// Inverted navbar toggle
-$navbar-inverse-toggle-hover-bg: #333 !default;
-$navbar-inverse-toggle-icon-bar-bg: #fff !default;
-$navbar-inverse-toggle-border-color: #333 !default;
-
-
-//== Navs
-//
-//##
-
-//=== Shared nav styles
-$nav-link-padding: 10px 15px !default;
-$nav-link-hover-bg: $gray-lighter !default;
-
-$nav-disabled-link-color: $gray-light !default;
-$nav-disabled-link-hover-color: $gray-light !default;
-
-//== Tabs
-$nav-tabs-border-color: #ddd !default;
-
-$nav-tabs-link-hover-border-color: $gray-lighter !default;
-
-$nav-tabs-active-link-hover-bg: $body-bg !default;
-$nav-tabs-active-link-hover-color: $gray !default;
-$nav-tabs-active-link-hover-border-color: #ddd !default;
-
-$nav-tabs-justified-link-border-color: #ddd !default;
-$nav-tabs-justified-active-link-border-color: $body-bg !default;
-
-//== Pills
-$nav-pills-border-radius: $border-radius-base !default;
-$nav-pills-active-link-hover-bg: $component-active-bg !default;
-$nav-pills-active-link-hover-color: $component-active-color !default;
-
-
-//== Pagination
-//
-//##
-
-$pagination-color: $link-color !default;
-$pagination-bg: #fff !default;
-$pagination-border: #ddd !default;
-
-$pagination-hover-color: $link-hover-color !default;
-$pagination-hover-bg: $gray-lighter !default;
-$pagination-hover-border: #ddd !default;
-
-$pagination-active-color: #fff !default;
-$pagination-active-bg: $brand-primary !default;
-$pagination-active-border: $brand-primary !default;
-
-$pagination-disabled-color: $gray-light !default;
-$pagination-disabled-bg: #fff !default;
-$pagination-disabled-border: #ddd !default;
-
-
-//== Pager
-//
-//##
-
-$pager-bg: $pagination-bg !default;
-$pager-border: $pagination-border !default;
-$pager-border-radius: 15px !default;
-
-$pager-hover-bg: $pagination-hover-bg !default;
-
-$pager-active-bg: $pagination-active-bg !default;
-$pager-active-color: $pagination-active-color !default;
-
-$pager-disabled-color: $pagination-disabled-color !default;
-
-
-//== Jumbotron
-//
-//##
-
-$jumbotron-padding: 30px !default;
-$jumbotron-color: inherit !default;
-$jumbotron-bg: $gray-lighter !default;
-$jumbotron-heading-color: inherit !default;
-$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
-$jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default;
-
-
-//== Form states and alerts
-//
-//## Define colors for form feedback states and, by default, alerts.
-
-$state-success-text: #3c763d !default;
-$state-success-bg: #dff0d8 !default;
-$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
-
-$state-info-text: #31708f !default;
-$state-info-bg: #d9edf7 !default;
-$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
-
-$state-warning-text: #8a6d3b !default;
-$state-warning-bg: #fcf8e3 !default;
-$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
-
-$state-danger-text: #a94442 !default;
-$state-danger-bg: #f2dede !default;
-$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
-
-
-//== Tooltips
-//
-//##
-
-//** Tooltip max width
-$tooltip-max-width: 200px !default;
-//** Tooltip text color
-$tooltip-color: #fff !default;
-//** Tooltip background color
-$tooltip-bg: #000 !default;
-$tooltip-opacity: .9 !default;
-
-//** Tooltip arrow width
-$tooltip-arrow-width: 5px !default;
-//** Tooltip arrow color
-$tooltip-arrow-color: $tooltip-bg !default;
-
-
-//== Popovers
-//
-//##
-
-//** Popover body background color
-$popover-bg: #fff !default;
-//** Popover maximum width
-$popover-max-width: 276px !default;
-//** Popover border color
-$popover-border-color: rgba(0,0,0,.2) !default;
-//** Popover fallback border color
-$popover-fallback-border-color: #ccc !default;
-
-//** Popover title background color
-$popover-title-bg: darken($popover-bg, 3%) !default;
-
-//** Popover arrow width
-$popover-arrow-width: 10px !default;
-//** Popover arrow color
-$popover-arrow-color: $popover-bg !default;
-
-//** Popover outer arrow width
-$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
-//** Popover outer arrow color
-$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
-//** Popover outer arrow fallback color
-$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
-
-
-//== Labels
-//
-//##
-
-//** Default label background color
-$label-default-bg: $gray-light !default;
-//** Primary label background color
-$label-primary-bg: $brand-primary !default;
-//** Success label background color
-$label-success-bg: $brand-success !default;
-//** Info label background color
-$label-info-bg: $brand-info !default;
-//** Warning label background color
-$label-warning-bg: $brand-warning !default;
-//** Danger label background color
-$label-danger-bg: $brand-danger !default;
-
-//** Default label text color
-$label-color: #fff !default;
-//** Default text color of a linked label
-$label-link-hover-color: #fff !default;
-
-
-//== Modals
-//
-//##
-
-//** Padding applied to the modal body
-$modal-inner-padding: 15px !default;
-
-//** Padding applied to the modal title
-$modal-title-padding: 15px !default;
-//** Modal title line-height
-$modal-title-line-height: $line-height-base !default;
-
-//** Background color of modal content area
-$modal-content-bg: #fff !default;
-//** Modal content border color
-$modal-content-border-color: rgba(0,0,0,.2) !default;
-//** Modal content border color **for IE8**
-$modal-content-fallback-border-color: #999 !default;
-
-//** Modal backdrop background color
-$modal-backdrop-bg: #000 !default;
-//** Modal backdrop opacity
-$modal-backdrop-opacity: .5 !default;
-//** Modal header border color
-$modal-header-border-color: #e5e5e5 !default;
-//** Modal footer border color
-$modal-footer-border-color: $modal-header-border-color !default;
-
-$modal-lg: 900px !default;
-$modal-md: 600px !default;
-$modal-sm: 300px !default;
-
-
-//== Alerts
-//
-//## Define alert colors, border radius, and padding.
-
-$alert-padding: 15px !default;
-$alert-border-radius: $border-radius-base !default;
-$alert-link-font-weight: bold !default;
-
-$alert-success-bg: $state-success-bg !default;
-$alert-success-text: $state-success-text !default;
-$alert-success-border: $state-success-border !default;
-
-$alert-info-bg: $state-info-bg !default;
-$alert-info-text: $state-info-text !default;
-$alert-info-border: $state-info-border !default;
-
-$alert-warning-bg: $state-warning-bg !default;
-$alert-warning-text: $state-warning-text !default;
-$alert-warning-border: $state-warning-border !default;
-
-$alert-danger-bg: $state-danger-bg !default;
-$alert-danger-text: $state-danger-text !default;
-$alert-danger-border: $state-danger-border !default;
-
-
-//== Progress bars
-//
-//##
-
-//** Background color of the whole progress component
-$progress-bg: #f5f5f5 !default;
-//** Progress bar text color
-$progress-bar-color: #fff !default;
-//** Variable for setting rounded corners on progress bar.
-$progress-border-radius: $border-radius-base !default;
-
-//** Default progress bar color
-$progress-bar-bg: $brand-primary !default;
-//** Success progress bar color
-$progress-bar-success-bg: $brand-success !default;
-//** Warning progress bar color
-$progress-bar-warning-bg: $brand-warning !default;
-//** Danger progress bar color
-$progress-bar-danger-bg: $brand-danger !default;
-//** Info progress bar color
-$progress-bar-info-bg: $brand-info !default;
-
-
-//== List group
-//
-//##
-
-//** Background color on `.list-group-item`
-$list-group-bg: #fff !default;
-//** `.list-group-item` border color
-$list-group-border: #ddd !default;
-//** List group border radius
-$list-group-border-radius: $border-radius-base !default;
-
-//** Background color of single list items on hover
-$list-group-hover-bg: #f5f5f5 !default;
-//** Text color of active list items
-$list-group-active-color: $component-active-color !default;
-//** Background color of active list items
-$list-group-active-bg: $component-active-bg !default;
-//** Border color of active list elements
-$list-group-active-border: $list-group-active-bg !default;
-//** Text color for content within active list items
-$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
-
-//** Text color of disabled list items
-$list-group-disabled-color: $gray-light !default;
-//** Background color of disabled list items
-$list-group-disabled-bg: $gray-lighter !default;
-//** Text color for content within disabled list items
-$list-group-disabled-text-color: $list-group-disabled-color !default;
-
-$list-group-link-color: #555 !default;
-$list-group-link-hover-color: $list-group-link-color !default;
-$list-group-link-heading-color: #333 !default;
-
-
-//== Panels
-//
-//##
-
-$panel-bg: #fff !default;
-$panel-body-padding: 15px !default;
-$panel-heading-padding: 10px 15px !default;
-$panel-footer-padding: $panel-heading-padding !default;
-$panel-border-radius: $border-radius-base !default;
-
-//** Border color for elements within panels
-$panel-inner-border: #ddd !default;
-$panel-footer-bg: #f5f5f5 !default;
-
-$panel-default-text: $gray-dark !default;
-$panel-default-border: #ddd !default;
-$panel-default-heading-bg: #f5f5f5 !default;
-
-$panel-primary-text: #fff !default;
-$panel-primary-border: $brand-primary !default;
-$panel-primary-heading-bg: $brand-primary !default;
-
-$panel-success-text: $state-success-text !default;
-$panel-success-border: $state-success-border !default;
-$panel-success-heading-bg: $state-success-bg !default;
-
-$panel-info-text: $state-info-text !default;
-$panel-info-border: $state-info-border !default;
-$panel-info-heading-bg: $state-info-bg !default;
-
-$panel-warning-text: $state-warning-text !default;
-$panel-warning-border: $state-warning-border !default;
-$panel-warning-heading-bg: $state-warning-bg !default;
-
-$panel-danger-text: $state-danger-text !default;
-$panel-danger-border: $state-danger-border !default;
-$panel-danger-heading-bg: $state-danger-bg !default;
-
-
-//== Thumbnails
-//
-//##
-
-//** Padding around the thumbnail image
-$thumbnail-padding: 4px !default;
-//** Thumbnail background color
-$thumbnail-bg: $body-bg !default;
-//** Thumbnail border color
-$thumbnail-border: #ddd !default;
-//** Thumbnail border radius
-$thumbnail-border-radius: $border-radius-base !default;
-
-//** Custom text color for thumbnail captions
-$thumbnail-caption-color: $text-color !default;
-//** Padding around the thumbnail caption
-$thumbnail-caption-padding: 9px !default;
-
-
-//== Wells
-//
-//##
-
-$well-bg: #f5f5f5 !default;
-$well-border: darken($well-bg, 7%) !default;
-
-
-//== Badges
-//
-//##
-
-$badge-color: #fff !default;
-//** Linked badge text color on hover
-$badge-link-hover-color: #fff !default;
-$badge-bg: $gray-light !default;
-
-//** Badge text color in active nav link
-$badge-active-color: $link-color !default;
-//** Badge background color in active nav link
-$badge-active-bg: #fff !default;
-
-$badge-font-weight: bold !default;
-$badge-line-height: 1 !default;
-$badge-border-radius: 10px !default;
-
-
-//== Breadcrumbs
-//
-//##
-
-$breadcrumb-padding-vertical: 8px !default;
-$breadcrumb-padding-horizontal: 15px !default;
-//** Breadcrumb background color
-$breadcrumb-bg: #f5f5f5 !default;
-//** Breadcrumb text color
-$breadcrumb-color: #ccc !default;
-//** Text color of current page in the breadcrumb
-$breadcrumb-active-color: $gray-light !default;
-//** Textual separator for between breadcrumb elements
-$breadcrumb-separator: "/" !default;
-
-
-//== Carousel
-//
-//##
-
-$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
-
-$carousel-control-color: #fff !default;
-$carousel-control-width: 15% !default;
-$carousel-control-opacity: .5 !default;
-$carousel-control-font-size: 20px !default;
-
-$carousel-indicator-active-bg: #fff !default;
-$carousel-indicator-border-color: #fff !default;
-
-$carousel-caption-color: #fff !default;
-
-
-//== Close
-//
-//##
-
-$close-font-weight: bold !default;
-$close-color: #000 !default;
-$close-text-shadow: 0 1px 0 #fff !default;
-
-
-//== Code
-//
-//##
-
-$code-color: #c7254e !default;
-$code-bg: #f9f2f4 !default;
-
-$kbd-color: #fff !default;
-$kbd-bg: #333 !default;
-
-$pre-bg: #f5f5f5 !default;
-$pre-color: $gray-dark !default;
-$pre-border-color: #ccc !default;
-$pre-scrollable-max-height: 340px !default;
-
-
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-$component-offset-horizontal: 180px !default;
-//** Text muted color
-$text-muted: $gray-light !default;
-//** Abbreviations and acronyms border color
-$abbr-border-color: $gray-light !default;
-//** Headings small color
-$headings-small-color: $gray-light !default;
-//** Blockquote small color
-$blockquote-small-color: $gray-light !default;
-//** Blockquote font size
-$blockquote-font-size: ($font-size-base * 1.25) !default;
-//** Blockquote border color
-$blockquote-border-color: $gray-lighter !default;
-//** Page header border color
-$page-header-border-color: $gray-lighter !default;
-//** Width of horizontal description list titles
-$dl-horizontal-offset: $component-offset-horizontal !default;
-//** Point at which .dl-horizontal becomes horizontal
-$dl-horizontal-breakpoint: $grid-float-breakpoint !default;
-//** Horizontal line color.
-$hr-border: $gray-lighter !default;
diff --git a/replays/static/scss/libraries/bootstrap/_wells.scss b/replays/static/scss/libraries/bootstrap/_wells.scss
deleted file mode 100644
index b8657118..00000000
--- a/replays/static/scss/libraries/bootstrap/_wells.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-//
-// Wells
-// --------------------------------------------------
-
-
-// Base class
-.well {
- min-height: 20px;
- padding: 19px;
- margin-bottom: 20px;
- background-color: $well-bg;
- border: 1px solid $well-border;
- border-radius: $border-radius-base;
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
- blockquote {
- border-color: #ddd;
- border-color: rgba(0,0,0,.15);
- }
-}
-
-// Sizes
-.well-lg {
- padding: 24px;
- border-radius: $border-radius-large;
-}
-.well-sm {
- padding: 9px;
- border-radius: $border-radius-small;
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_alerts.scss b/replays/static/scss/libraries/bootstrap/mixins/_alerts.scss
deleted file mode 100644
index 3faf0b5a..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_alerts.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// Alerts
-
-@mixin alert-variant($background, $border, $text-color) {
- background-color: $background;
- border-color: $border;
- color: $text-color;
-
- hr {
- border-top-color: darken($border, 5%);
- }
- .alert-link {
- color: darken($text-color, 10%);
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_background-variant.scss b/replays/static/scss/libraries/bootstrap/mixins/_background-variant.scss
deleted file mode 100644
index 4c7769e1..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_background-variant.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Contextual backgrounds
-
-// [converter] $parent hack
-@mixin bg-variant($parent, $color) {
- #{$parent} {
- background-color: $color;
- }
- a#{$parent}:hover,
- a#{$parent}:focus {
- background-color: darken($color, 10%);
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_border-radius.scss b/replays/static/scss/libraries/bootstrap/mixins/_border-radius.scss
deleted file mode 100644
index ce194998..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_border-radius.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// Single side border-radius
-
-@mixin border-top-radius($radius) {
- border-top-right-radius: $radius;
- border-top-left-radius: $radius;
-}
-@mixin border-right-radius($radius) {
- border-bottom-right-radius: $radius;
- border-top-right-radius: $radius;
-}
-@mixin border-bottom-radius($radius) {
- border-bottom-right-radius: $radius;
- border-bottom-left-radius: $radius;
-}
-@mixin border-left-radius($radius) {
- border-bottom-left-radius: $radius;
- border-top-left-radius: $radius;
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_buttons.scss b/replays/static/scss/libraries/bootstrap/mixins/_buttons.scss
deleted file mode 100644
index b93f84b2..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_buttons.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-// Button variants
-//
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-@mixin button-variant($color, $background, $border) {
- color: $color;
- background-color: $background;
- border-color: $border;
-
- &:focus,
- &.focus {
- color: $color;
- background-color: darken($background, 10%);
- border-color: darken($border, 25%);
- }
- &:hover {
- color: $color;
- background-color: darken($background, 10%);
- border-color: darken($border, 12%);
- }
- &:active,
- &.active,
- .open > &.dropdown-toggle {
- color: $color;
- background-color: darken($background, 10%);
- border-color: darken($border, 12%);
-
- &:hover,
- &:focus,
- &.focus {
- color: $color;
- background-color: darken($background, 17%);
- border-color: darken($border, 25%);
- }
- }
- &:active,
- &.active,
- .open > &.dropdown-toggle {
- background-image: none;
- }
- &.disabled,
- &[disabled],
- fieldset[disabled] & {
- &:hover,
- &:focus,
- &.focus {
- background-color: $background;
- border-color: $border;
- }
- }
-
- .badge {
- color: $background;
- background-color: $color;
- }
-}
-
-// Button sizes
-@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
- padding: $padding-vertical $padding-horizontal;
- font-size: $font-size;
- line-height: $line-height;
- border-radius: $border-radius;
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_center-block.scss b/replays/static/scss/libraries/bootstrap/mixins/_center-block.scss
deleted file mode 100644
index e06fb5e2..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_center-block.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-// Center-align a block level element
-
-@mixin center-block() {
- display: block;
- margin-left: auto;
- margin-right: auto;
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_clearfix.scss b/replays/static/scss/libraries/bootstrap/mixins/_clearfix.scss
deleted file mode 100644
index dc3e2ab4..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_clearfix.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// Clearfix
-//
-// For modern browsers
-// 1. The space content is one way to avoid an Opera bug when the
-// contenteditable attribute is included anywhere else in the document.
-// Otherwise it causes space to appear at the top and bottom of elements
-// that are clearfixed.
-// 2. The use of `table` rather than `block` is only necessary if using
-// `:before` to contain the top-margins of child elements.
-//
-// Source: http://nicolasgallagher.com/micro-clearfix-hack/
-
-@mixin clearfix() {
- &:before,
- &:after {
- content: " "; // 1
- display: table; // 2
- }
- &:after {
- clear: both;
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_forms.scss b/replays/static/scss/libraries/bootstrap/mixins/_forms.scss
deleted file mode 100644
index 277aa5f8..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_forms.scss
+++ /dev/null
@@ -1,88 +0,0 @@
-// Form validation states
-//
-// Used in forms.less to generate the form validation CSS for warnings, errors,
-// and successes.
-
-@mixin form-control-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) {
- // Color the label and help text
- .help-block,
- .control-label,
- .radio,
- .checkbox,
- .radio-inline,
- .checkbox-inline,
- &.radio label,
- &.checkbox label,
- &.radio-inline label,
- &.checkbox-inline label {
- color: $text-color;
- }
- // Set the border and box shadow on specific inputs to match
- .form-control {
- border-color: $border-color;
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
- &:focus {
- border-color: darken($border-color, 10%);
- $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
- @include box-shadow($shadow);
- }
- }
- // Set validation states also for addons
- .input-group-addon {
- color: $text-color;
- border-color: $border-color;
- background-color: $background-color;
- }
- // Optional feedback icon
- .form-control-feedback {
- color: $text-color;
- }
-}
-
-
-// Form control focus state
-//
-// Generate a customized focus state and for any input with the specified color,
-// which defaults to the `$input-border-focus` variable.
-//
-// We highly encourage you to not customize the default value, but instead use
-// this to tweak colors on an as-needed basis. This aesthetic change is based on
-// WebKit's default styles, but applicable to a wider range of browsers. Its
-// usability and accessibility should be taken into account with any change.
-//
-// Example usage: change the default blue border and shadow to white for better
-// contrast against a dark gray background.
-@mixin form-control-focus($color: $input-border-focus) {
- $color-rgba: rgba(red($color), green($color), blue($color), .6);
- &:focus {
- border-color: $color;
- outline: 0;
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
- }
-}
-
-// Form control sizing
-//
-// Relative text size, padding, and border-radii changes for form controls. For
-// horizontal sizing, wrap controls in the predefined grid classes. ``
-// element gets special love because it's special, and that's a fact!
-// [converter] $parent hack
-@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
- #{$parent} {
- height: $input-height;
- padding: $padding-vertical $padding-horizontal;
- font-size: $font-size;
- line-height: $line-height;
- border-radius: $border-radius;
- }
-
- select#{$parent} {
- height: $input-height;
- line-height: $input-height;
- }
-
- textarea#{$parent},
- select[multiple]#{$parent} {
- height: auto;
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_gradients.scss b/replays/static/scss/libraries/bootstrap/mixins/_gradients.scss
deleted file mode 100644
index a8939f5a..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_gradients.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-// Gradients
-
-
-
-// Horizontal gradient, from left to right
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-// Color stops are not available in IE9 and below.
-@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
- background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
- background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12
- background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
-}
-
-// Vertical gradient, from top to bottom
-//
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-// Color stops are not available in IE9 and below.
-@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
- background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
- background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12
- background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
-}
-
-@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
- background-repeat: repeat-x;
- background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
- background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
- background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-}
-@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
- background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
- background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
- background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
- background-repeat: no-repeat;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
-}
-@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
- background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
- background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);
- background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
- background-repeat: no-repeat;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
-}
-@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
- background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
- background-image: radial-gradient(circle, $inner-color, $outer-color);
- background-repeat: no-repeat;
-}
-@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
- background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
- background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
- background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_grid-framework.scss b/replays/static/scss/libraries/bootstrap/mixins/_grid-framework.scss
deleted file mode 100644
index 16d038c0..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_grid-framework.scss
+++ /dev/null
@@ -1,81 +0,0 @@
-// Framework grid generation
-//
-// Used only by Bootstrap to generate the correct number of grid classes given
-// any value of `$grid-columns`.
-
-// [converter] This is defined recursively in LESS, but Sass supports real loops
-@mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") {
- @for $i from (1 + 1) through $grid-columns {
- $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
- }
- #{$list} {
- position: relative;
- // Prevent columns from collapsing when empty
- min-height: 1px;
- // Inner gutter via padding
- padding-left: ceil(($grid-gutter-width / 2));
- padding-right: floor(($grid-gutter-width / 2));
- }
-}
-
-
-// [converter] This is defined recursively in LESS, but Sass supports real loops
-@mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
- @for $i from (1 + 1) through $grid-columns {
- $list: "#{$list}, .col-#{$class}-#{$i}";
- }
- #{$list} {
- float: left;
- }
-}
-
-
-@mixin calc-grid-column($index, $class, $type) {
- @if ($type == width) and ($index > 0) {
- .col-#{$class}-#{$index} {
- width: percentage(($index / $grid-columns));
- }
- }
- @if ($type == push) and ($index > 0) {
- .col-#{$class}-push-#{$index} {
- left: percentage(($index / $grid-columns));
- }
- }
- @if ($type == push) and ($index == 0) {
- .col-#{$class}-push-0 {
- left: auto;
- }
- }
- @if ($type == pull) and ($index > 0) {
- .col-#{$class}-pull-#{$index} {
- right: percentage(($index / $grid-columns));
- }
- }
- @if ($type == pull) and ($index == 0) {
- .col-#{$class}-pull-0 {
- right: auto;
- }
- }
- @if ($type == offset) {
- .col-#{$class}-offset-#{$index} {
- margin-left: percentage(($index / $grid-columns));
- }
- }
-}
-
-// [converter] This is defined recursively in LESS, but Sass supports real loops
-@mixin loop-grid-columns($columns, $class, $type) {
- @for $i from 0 through $columns {
- @include calc-grid-column($i, $class, $type);
- }
-}
-
-
-// Create grid for specific class
-@mixin make-grid($class) {
- @include float-grid-columns($class);
- @include loop-grid-columns($grid-columns, $class, width);
- @include loop-grid-columns($grid-columns, $class, pull);
- @include loop-grid-columns($grid-columns, $class, push);
- @include loop-grid-columns($grid-columns, $class, offset);
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_grid.scss b/replays/static/scss/libraries/bootstrap/mixins/_grid.scss
deleted file mode 100644
index 59551dac..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_grid.scss
+++ /dev/null
@@ -1,122 +0,0 @@
-// Grid system
-//
-// Generate semantic grid columns with these mixins.
-
-// Centered container element
-@mixin container-fixed($gutter: $grid-gutter-width) {
- margin-right: auto;
- margin-left: auto;
- padding-left: floor(($gutter / 2));
- padding-right: ceil(($gutter / 2));
- @include clearfix;
-}
-
-// Creates a wrapper for a series of columns
-@mixin make-row($gutter: $grid-gutter-width) {
- margin-left: ceil(($gutter / -2));
- margin-right: floor(($gutter / -2));
- @include clearfix;
-}
-
-// Generate the extra small columns
-@mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
- position: relative;
- float: left;
- width: percentage(($columns / $grid-columns));
- min-height: 1px;
- padding-left: ($gutter / 2);
- padding-right: ($gutter / 2);
-}
-@mixin make-xs-column-offset($columns) {
- margin-left: percentage(($columns / $grid-columns));
-}
-@mixin make-xs-column-push($columns) {
- left: percentage(($columns / $grid-columns));
-}
-@mixin make-xs-column-pull($columns) {
- right: percentage(($columns / $grid-columns));
-}
-
-// Generate the small columns
-@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
- position: relative;
- min-height: 1px;
- padding-left: ($gutter / 2);
- padding-right: ($gutter / 2);
-
- @media (min-width: $screen-sm-min) {
- float: left;
- width: percentage(($columns / $grid-columns));
- }
-}
-@mixin make-sm-column-offset($columns) {
- @media (min-width: $screen-sm-min) {
- margin-left: percentage(($columns / $grid-columns));
- }
-}
-@mixin make-sm-column-push($columns) {
- @media (min-width: $screen-sm-min) {
- left: percentage(($columns / $grid-columns));
- }
-}
-@mixin make-sm-column-pull($columns) {
- @media (min-width: $screen-sm-min) {
- right: percentage(($columns / $grid-columns));
- }
-}
-
-// Generate the medium columns
-@mixin make-md-column($columns, $gutter: $grid-gutter-width) {
- position: relative;
- min-height: 1px;
- padding-left: ($gutter / 2);
- padding-right: ($gutter / 2);
-
- @media (min-width: $screen-md-min) {
- float: left;
- width: percentage(($columns / $grid-columns));
- }
-}
-@mixin make-md-column-offset($columns) {
- @media (min-width: $screen-md-min) {
- margin-left: percentage(($columns / $grid-columns));
- }
-}
-@mixin make-md-column-push($columns) {
- @media (min-width: $screen-md-min) {
- left: percentage(($columns / $grid-columns));
- }
-}
-@mixin make-md-column-pull($columns) {
- @media (min-width: $screen-md-min) {
- right: percentage(($columns / $grid-columns));
- }
-}
-
-// Generate the large columns
-@mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
- position: relative;
- min-height: 1px;
- padding-left: ($gutter / 2);
- padding-right: ($gutter / 2);
-
- @media (min-width: $screen-lg-min) {
- float: left;
- width: percentage(($columns / $grid-columns));
- }
-}
-@mixin make-lg-column-offset($columns) {
- @media (min-width: $screen-lg-min) {
- margin-left: percentage(($columns / $grid-columns));
- }
-}
-@mixin make-lg-column-push($columns) {
- @media (min-width: $screen-lg-min) {
- left: percentage(($columns / $grid-columns));
- }
-}
-@mixin make-lg-column-pull($columns) {
- @media (min-width: $screen-lg-min) {
- right: percentage(($columns / $grid-columns));
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_hide-text.scss b/replays/static/scss/libraries/bootstrap/mixins/_hide-text.scss
deleted file mode 100644
index 1767e029..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_hide-text.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// CSS image replacement
-//
-// Heads up! v3 launched with only `.hide-text()`, but per our pattern for
-// mixins being reused as classes with the same name, this doesn't hold up. As
-// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
-//
-// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
-
-// Deprecated as of v3.0.1 (has been removed in v4)
-@mixin hide-text() {
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
-}
-
-// New mixin to use as of v3.0.1
-@mixin text-hide() {
- @include hide-text;
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_image.scss b/replays/static/scss/libraries/bootstrap/mixins/_image.scss
deleted file mode 100644
index c8dcf5e9..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_image.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-// Image Mixins
-// - Responsive image
-// - Retina image
-
-
-// Responsive image
-//
-// Keep images from scaling beyond the width of their parents.
-@mixin img-responsive($display: block) {
- display: $display;
- max-width: 100%; // Part 1: Set a maximum relative to the parent
- height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
-}
-
-
-// Retina image
-//
-// Short retina mixin for setting background-image and -size. Note that the
-// spelling of `min--moz-device-pixel-ratio` is intentional.
-@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
- background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
-
- @media
- only screen and (-webkit-min-device-pixel-ratio: 2),
- only screen and ( min--moz-device-pixel-ratio: 2),
- only screen and ( -o-min-device-pixel-ratio: 2/1),
- only screen and ( min-device-pixel-ratio: 2),
- only screen and ( min-resolution: 192dpi),
- only screen and ( min-resolution: 2dppx) {
- background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
- background-size: $width-1x $height-1x;
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_labels.scss b/replays/static/scss/libraries/bootstrap/mixins/_labels.scss
deleted file mode 100644
index eda6dfd2..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_labels.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Labels
-
-@mixin label-variant($color) {
- background-color: $color;
-
- &[href] {
- &:hover,
- &:focus {
- background-color: darken($color, 10%);
- }
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_list-group.scss b/replays/static/scss/libraries/bootstrap/mixins/_list-group.scss
deleted file mode 100644
index c478eeb3..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_list-group.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-// List Groups
-
-@mixin list-group-item-variant($state, $background, $color) {
- .list-group-item-#{$state} {
- color: $color;
- background-color: $background;
-
- // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}
- }
-
- a.list-group-item-#{$state},
- button.list-group-item-#{$state} {
- color: $color;
-
- .list-group-item-heading {
- color: inherit;
- }
-
- &:hover,
- &:focus {
- color: $color;
- background-color: darken($background, 5%);
- }
- &.active,
- &.active:hover,
- &.active:focus {
- color: #fff;
- background-color: $color;
- border-color: $color;
- }
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_nav-divider.scss b/replays/static/scss/libraries/bootstrap/mixins/_nav-divider.scss
deleted file mode 100644
index 2e6da02a..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_nav-divider.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Horizontal dividers
-//
-// Dividers (basically an hr) within dropdowns and nav lists
-
-@mixin nav-divider($color: #e5e5e5) {
- height: 1px;
- margin: (($line-height-computed / 2) - 1) 0;
- overflow: hidden;
- background-color: $color;
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_nav-vertical-align.scss b/replays/static/scss/libraries/bootstrap/mixins/_nav-vertical-align.scss
deleted file mode 100644
index c8fbf1a7..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_nav-vertical-align.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// Navbar vertical align
-//
-// Vertically center elements in the navbar.
-// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
-
-@mixin navbar-vertical-align($element-height) {
- margin-top: (($navbar-height - $element-height) / 2);
- margin-bottom: (($navbar-height - $element-height) / 2);
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_opacity.scss b/replays/static/scss/libraries/bootstrap/mixins/_opacity.scss
deleted file mode 100644
index 88e9a576..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_opacity.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Opacity
-
-@mixin opacity($opacity) {
- opacity: $opacity;
- // IE8 filter
- $opacity-ie: ($opacity * 100);
- filter: alpha(opacity=$opacity-ie);
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_pagination.scss b/replays/static/scss/libraries/bootstrap/mixins/_pagination.scss
deleted file mode 100644
index d4a5404f..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_pagination.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-// Pagination
-
-@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
- > li {
- > a,
- > span {
- padding: $padding-vertical $padding-horizontal;
- font-size: $font-size;
- line-height: $line-height;
- }
- &:first-child {
- > a,
- > span {
- @include border-left-radius($border-radius);
- }
- }
- &:last-child {
- > a,
- > span {
- @include border-right-radius($border-radius);
- }
- }
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_panels.scss b/replays/static/scss/libraries/bootstrap/mixins/_panels.scss
deleted file mode 100644
index 3ff31ae5..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_panels.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-// Panels
-
-@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
- border-color: $border;
-
- & > .panel-heading {
- color: $heading-text-color;
- background-color: $heading-bg-color;
- border-color: $heading-border;
-
- + .panel-collapse > .panel-body {
- border-top-color: $border;
- }
- .badge {
- color: $heading-bg-color;
- background-color: $heading-text-color;
- }
- }
- & > .panel-footer {
- + .panel-collapse > .panel-body {
- border-bottom-color: $border;
- }
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_progress-bar.scss b/replays/static/scss/libraries/bootstrap/mixins/_progress-bar.scss
deleted file mode 100644
index 90a62afc..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_progress-bar.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Progress bars
-
-@mixin progress-bar-variant($color) {
- background-color: $color;
-
- // Deprecated parent class requirement as of v3.2.0
- .progress-striped & {
- @include gradient-striped;
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_reset-filter.scss b/replays/static/scss/libraries/bootstrap/mixins/_reset-filter.scss
deleted file mode 100644
index bf730512..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_reset-filter.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Reset filters for IE
-//
-// When you need to remove a gradient background, do not forget to use this to reset
-// the IE filter for IE9 and below.
-
-@mixin reset-filter() {
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_reset-text.scss b/replays/static/scss/libraries/bootstrap/mixins/_reset-text.scss
deleted file mode 100644
index c9c28417..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_reset-text.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@mixin reset-text() {
- font-family: $font-family-base;
- // We deliberately do NOT reset font-size.
- font-style: normal;
- font-weight: normal;
- letter-spacing: normal;
- line-break: auto;
- line-height: $line-height-base;
- text-align: left; // Fallback for where `start` is not supported
- text-align: start;
- text-decoration: none;
- text-shadow: none;
- text-transform: none;
- white-space: normal;
- word-break: normal;
- word-spacing: normal;
- word-wrap: normal;
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_resize.scss b/replays/static/scss/libraries/bootstrap/mixins/_resize.scss
deleted file mode 100644
index 83fa6379..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_resize.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Resize anything
-
-@mixin resizable($direction) {
- resize: $direction; // Options: horizontal, vertical, both
- overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_responsive-visibility.scss b/replays/static/scss/libraries/bootstrap/mixins/_responsive-visibility.scss
deleted file mode 100644
index cbdf7772..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_responsive-visibility.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-// Responsive utilities
-
-//
-// More easily include all the states for responsive-utilities.less.
-// [converter] $parent hack
-@mixin responsive-visibility($parent) {
- #{$parent} {
- display: block !important;
- }
- table#{$parent} { display: table !important; }
- tr#{$parent} { display: table-row !important; }
- th#{$parent},
- td#{$parent} { display: table-cell !important; }
-}
-
-// [converter] $parent hack
-@mixin responsive-invisibility($parent) {
- #{$parent} {
- display: none !important;
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_size.scss b/replays/static/scss/libraries/bootstrap/mixins/_size.scss
deleted file mode 100644
index abbe2463..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_size.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Sizing shortcuts
-
-@mixin size($width, $height) {
- width: $width;
- height: $height;
-}
-
-@mixin square($size) {
- @include size($size, $size);
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_tab-focus.scss b/replays/static/scss/libraries/bootstrap/mixins/_tab-focus.scss
deleted file mode 100644
index 7df0ae7c..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_tab-focus.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-// WebKit-style focus
-
-@mixin tab-focus() {
- // Default
- outline: thin dotted;
- // WebKit
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_table-row.scss b/replays/static/scss/libraries/bootstrap/mixins/_table-row.scss
deleted file mode 100644
index 13679508..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_table-row.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-// Tables
-
-@mixin table-row-variant($state, $background) {
- // Exact selectors below required to override `.table-striped` and prevent
- // inheritance to nested tables.
- .table > thead > tr,
- .table > tbody > tr,
- .table > tfoot > tr {
- > td.#{$state},
- > th.#{$state},
- &.#{$state} > td,
- &.#{$state} > th {
- background-color: $background;
- }
- }
-
- // Hover states for `.table-hover`
- // Note: this is not available for cells or rows within `thead` or `tfoot`.
- .table-hover > tbody > tr {
- > td.#{$state}:hover,
- > th.#{$state}:hover,
- &.#{$state}:hover > td,
- &:hover > .#{$state},
- &.#{$state}:hover > th {
- background-color: darken($background, 5%);
- }
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_text-emphasis.scss b/replays/static/scss/libraries/bootstrap/mixins/_text-emphasis.scss
deleted file mode 100644
index 3b446c41..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_text-emphasis.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-// Typography
-
-// [converter] $parent hack
-@mixin text-emphasis-variant($parent, $color) {
- #{$parent} {
- color: $color;
- }
- a#{$parent}:hover,
- a#{$parent}:focus {
- color: darken($color, 10%);
- }
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_text-overflow.scss b/replays/static/scss/libraries/bootstrap/mixins/_text-overflow.scss
deleted file mode 100644
index 1593b25e..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_text-overflow.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// Text overflow
-// Requires inline-block or block for proper styling
-
-@mixin text-overflow() {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
diff --git a/replays/static/scss/libraries/bootstrap/mixins/_vendor-prefixes.scss b/replays/static/scss/libraries/bootstrap/mixins/_vendor-prefixes.scss
deleted file mode 100644
index b3d0371f..00000000
--- a/replays/static/scss/libraries/bootstrap/mixins/_vendor-prefixes.scss
+++ /dev/null
@@ -1,222 +0,0 @@
-// Vendor Prefixes
-//
-// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
-// Autoprefixer in our Gruntfile. They have been removed in v4.
-
-// - Animations
-// - Backface visibility
-// - Box shadow
-// - Box sizing
-// - Content columns
-// - Hyphens
-// - Placeholder text
-// - Transformations
-// - Transitions
-// - User Select
-
-
-// Animations
-@mixin animation($animation) {
- -webkit-animation: $animation;
- -o-animation: $animation;
- animation: $animation;
-}
-@mixin animation-name($name) {
- -webkit-animation-name: $name;
- animation-name: $name;
-}
-@mixin animation-duration($duration) {
- -webkit-animation-duration: $duration;
- animation-duration: $duration;
-}
-@mixin animation-timing-function($timing-function) {
- -webkit-animation-timing-function: $timing-function;
- animation-timing-function: $timing-function;
-}
-@mixin animation-delay($delay) {
- -webkit-animation-delay: $delay;
- animation-delay: $delay;
-}
-@mixin animation-iteration-count($iteration-count) {
- -webkit-animation-iteration-count: $iteration-count;
- animation-iteration-count: $iteration-count;
-}
-@mixin animation-direction($direction) {
- -webkit-animation-direction: $direction;
- animation-direction: $direction;
-}
-@mixin animation-fill-mode($fill-mode) {
- -webkit-animation-fill-mode: $fill-mode;
- animation-fill-mode: $fill-mode;
-}
-
-// Backface visibility
-// Prevent browsers from flickering when using CSS 3D transforms.
-// Default value is `visible`, but can be changed to `hidden`
-
-@mixin backface-visibility($visibility) {
- -webkit-backface-visibility: $visibility;
- -moz-backface-visibility: $visibility;
- backface-visibility: $visibility;
-}
-
-// Drop shadows
-//
-// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
-// supported browsers that have box shadow capabilities now support it.
-
-@mixin box-shadow($shadow...) {
- -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
- box-shadow: $shadow;
-}
-
-// Box sizing
-@mixin box-sizing($boxmodel) {
- -webkit-box-sizing: $boxmodel;
- -moz-box-sizing: $boxmodel;
- box-sizing: $boxmodel;
-}
-
-// CSS3 Content Columns
-@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
- -webkit-column-count: $column-count;
- -moz-column-count: $column-count;
- column-count: $column-count;
- -webkit-column-gap: $column-gap;
- -moz-column-gap: $column-gap;
- column-gap: $column-gap;
-}
-
-// Optional hyphenation
-@mixin hyphens($mode: auto) {
- word-wrap: break-word;
- -webkit-hyphens: $mode;
- -moz-hyphens: $mode;
- -ms-hyphens: $mode; // IE10+
- -o-hyphens: $mode;
- hyphens: $mode;
-}
-
-// Placeholder text
-@mixin placeholder($color: $input-color-placeholder) {
- // Firefox
- &::-moz-placeholder {
- color: $color;
- opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
- }
- &:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
- &::-webkit-input-placeholder { color: $color; } // Safari and Chrome
-}
-
-// Transformations
-@mixin scale($ratio...) {
- -webkit-transform: scale($ratio);
- -ms-transform: scale($ratio); // IE9 only
- -o-transform: scale($ratio);
- transform: scale($ratio);
-}
-
-@mixin scaleX($ratio) {
- -webkit-transform: scaleX($ratio);
- -ms-transform: scaleX($ratio); // IE9 only
- -o-transform: scaleX($ratio);
- transform: scaleX($ratio);
-}
-@mixin scaleY($ratio) {
- -webkit-transform: scaleY($ratio);
- -ms-transform: scaleY($ratio); // IE9 only
- -o-transform: scaleY($ratio);
- transform: scaleY($ratio);
-}
-@mixin skew($x, $y) {
- -webkit-transform: skewX($x) skewY($y);
- -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
- -o-transform: skewX($x) skewY($y);
- transform: skewX($x) skewY($y);
-}
-@mixin translate($x, $y) {
- -webkit-transform: translate($x, $y);
- -ms-transform: translate($x, $y); // IE9 only
- -o-transform: translate($x, $y);
- transform: translate($x, $y);
-}
-@mixin translate3d($x, $y, $z) {
- -webkit-transform: translate3d($x, $y, $z);
- transform: translate3d($x, $y, $z);
-}
-@mixin rotate($degrees) {
- -webkit-transform: rotate($degrees);
- -ms-transform: rotate($degrees); // IE9 only
- -o-transform: rotate($degrees);
- transform: rotate($degrees);
-}
-@mixin rotateX($degrees) {
- -webkit-transform: rotateX($degrees);
- -ms-transform: rotateX($degrees); // IE9 only
- -o-transform: rotateX($degrees);
- transform: rotateX($degrees);
-}
-@mixin rotateY($degrees) {
- -webkit-transform: rotateY($degrees);
- -ms-transform: rotateY($degrees); // IE9 only
- -o-transform: rotateY($degrees);
- transform: rotateY($degrees);
-}
-@mixin perspective($perspective) {
- -webkit-perspective: $perspective;
- -moz-perspective: $perspective;
- perspective: $perspective;
-}
-@mixin perspective-origin($perspective) {
- -webkit-perspective-origin: $perspective;
- -moz-perspective-origin: $perspective;
- perspective-origin: $perspective;
-}
-@mixin transform-origin($origin) {
- -webkit-transform-origin: $origin;
- -moz-transform-origin: $origin;
- -ms-transform-origin: $origin; // IE9 only
- transform-origin: $origin;
-}
-
-
-// Transitions
-
-@mixin transition($transition...) {
- -webkit-transition: $transition;
- -o-transition: $transition;
- transition: $transition;
-}
-@mixin transition-property($transition-property...) {
- -webkit-transition-property: $transition-property;
- transition-property: $transition-property;
-}
-@mixin transition-delay($transition-delay) {
- -webkit-transition-delay: $transition-delay;
- transition-delay: $transition-delay;
-}
-@mixin transition-duration($transition-duration...) {
- -webkit-transition-duration: $transition-duration;
- transition-duration: $transition-duration;
-}
-@mixin transition-timing-function($timing-function) {
- -webkit-transition-timing-function: $timing-function;
- transition-timing-function: $timing-function;
-}
-@mixin transition-transform($transition...) {
- -webkit-transition: -webkit-transform $transition;
- -moz-transition: -moz-transform $transition;
- -o-transition: -o-transform $transition;
- transition: transform $transition;
-}
-
-
-// User select
-// For selecting text on the page
-
-@mixin user-select($select) {
- -webkit-user-select: $select;
- -moz-user-select: $select;
- -ms-user-select: $select; // IE10+
- user-select: $select;
-}
diff --git a/replays/static/scss/mixins.scss b/replays/static/scss/mixins.scss
deleted file mode 100755
index 75477173..00000000
--- a/replays/static/scss/mixins.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-// Mixins.
-
-//@import "mixins/clearfix";
-@import "mixins/em-calc";
-//@import "mixins/flex-grid";
-//@import "mixins/fluid-font";
-//@import "mixins/grid";
-@import "mixins/hover-focus";
-@import "mixins/percent";
-@import "mixins/placeholder";
-@import "mixins/rem-calc";
-@import "mixins/respond-to";
-//@import "mixins/shade";
-@import "mixins/slidefooter";
-@import "mixins/stickyfooter";
-@import "mixins/strip-units";
-//@import "mixins/timing-functions";
-@import "mixins/triangle";
diff --git a/replays/static/scss/mixins/_clearfix.scss b/replays/static/scss/mixins/_clearfix.scss
deleted file mode 100644
index d5b8c69f..00000000
--- a/replays/static/scss/mixins/_clearfix.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// Clearfix
-//
-// For modern browsers
-// 1. The space content is one way to avoid an Opera bug when the
-// contenteditable attribute is included anywhere else in the document.
-// Otherwise it causes space to appear at the top and bottom of elements
-// that are clearfixed.
-// 2. The use of `table` rather than `block` is only necessary if using
-// `:before` to contain the top-margins of child elements.
-//
-// Source: http://nicolasgallagher.com/micro-clearfix-hack/
-
-@mixin clearfix() {
- &:before,
- &:after {
- content: " ";
- display: table;
- }
- &:after {
- clear: both;
- }
-}
diff --git a/replays/static/scss/mixins/_em-calc.scss b/replays/static/scss/mixins/_em-calc.scss
deleted file mode 100644
index bdcd2a09..00000000
--- a/replays/static/scss/mixins/_em-calc.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-//New Syntax, allows to optionally calculate on a different base value to counter compounding effect of em's.
-//Call with 1, 2, 3 or 4 parameters, 'px' is not required but supported
-//em-calc(10 20 30px 40);
-//Space delimited, if you want to delimit using comma's, wrap it in another pair of brackets
-//em-calc((10, 20, 30, 40px));
-//Optionally call with a different base (eg: 8px) to calculate em.
-//em-calc(16px 32px 48px, 8px);
-//If you require to comma separate your list
-//em-calc((16px, 32px, 48), 8px);
-
-@function convert-to-em($value, $base-value: $font-size-base) {
- $value: strip-unit($value) / strip-unit($base-value) * 1em;
- @if ($value == 0em) {
- $value: 0;
- }
- //Turn 0em into 0
- @return $value;
-}
-
-@function em-calc($values, $base-value: $font-size-base) {
- $max: length($values);
-
- @if $max == 1 {
- @return convert-to-em(nth($values, 1), $base-value);
- }
-
- $emValues: ();
- @for $i from 1 through $max {
- //$emValues: append($emValues, convert-to-em(nth($values, $i), $base-value));
- $emValues: append($emValues, convert-to-em(nth($values, $i), $base-value));
- }
- @return $emValues;
-}
diff --git a/replays/static/scss/mixins/_flex-grid.scss b/replays/static/scss/mixins/_flex-grid.scss
deleted file mode 100644
index 1b642cac..00000000
--- a/replays/static/scss/mixins/_flex-grid.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-// // Flexible grid
-// @function flex-grid($columns, $container-columns: $fg-max-columns) {
-// $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
-// $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
-// @return percentage($width / $container-width);
-// }
-
-// // Flexible gutter
-// @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
-// $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
-// @return percentage($gutter / $container-width);
-// }
-
-// // The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
-// // This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
-// //
-// // The calculation presumes that your column structure will be missing the last gutter:
-// //
-// // -- column -- gutter -- column -- gutter -- column
-// //
-// // $fg-column: 60px; // Column Width
-// // $fg-gutter: 25px; // Gutter Width
-// // $fg-max-columns: 12; // Total Columns For Main Container
-// //
-// // div {
-// // width: flex-grid(4); // returns (315px / 995px) = 31.65829%;
-// // margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%;
-// //
-// // p {
-// // width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
-// // float: left;
-// // margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
-// // }
-// //
-// // blockquote {
-// // float: left;
-// // width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
-// // }
-// // }
diff --git a/replays/static/scss/mixins/_fluid-font.scss b/replays/static/scss/mixins/_fluid-font.scss
deleted file mode 100644
index a882fc0e..00000000
--- a/replays/static/scss/mixins/_fluid-font.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-///
-/// Viewport sized typography with minimum and maximum values
-///
-/// @author Eduardo Boucas (@eduardoboucas)
-///
-/// @param {Number} $responsive - Viewport-based size
-/// @param {Number} $min - Minimum font size (px)
-/// @param {Number} $max - Maximum font size (px)
-/// (optional)
-/// @param {Number} $fallback - Fallback for viewport-
-/// based units (optional)
-///
-/// @example scss - 5vw font size (with 50px fallback),
-/// minumum of 35px and maximum of 150px
-/// @include responsive-font(5vw, 35px, 150px, 50px);
-///
-@mixin responsive-font($responsive, $min, $max: false, $fallback: false) {
- $responsive-unitless: $responsive / ($responsive - $responsive + 1);
- $dimension: if(unit($responsive) == 'vh', 'height', 'width');
- $min-breakpoint: $min / $responsive-unitless * 100;
-
- @media (max-#{$dimension}: #{$min-breakpoint}) {
- font-size: $min;
- }
-
- @if $max {
- $max-breakpoint: $max / $responsive-unitless * 100;
-
- @media (min-#{$dimension}: #{$max-breakpoint}) {
- font-size: $max;
- }
- }
-
- @if $fallback {
- font-size: $fallback;
- }
-
- font-size: $responsive;
-}
diff --git a/replays/static/scss/mixins/_grid.scss b/replays/static/scss/mixins/_grid.scss
deleted file mode 100644
index c66caeb1..00000000
--- a/replays/static/scss/mixins/_grid.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-@mixin m-container($min: $size__page-min-width, $max: $size__page-max-width, $fluid: false) {
- // my container mixin
- $min: strip-unit($min);
- $max: strip-unit($max);
- @include clearfix;
-
- @if ($min == $max) {
- width: $min + px;
- margin-left: auto;
- margin-right: auto;
- } @else if ($min < $max) {
- margin-left: auto;
- margin-right: auto;
- min-width: $min + px;
- width: auto !important;
- max-width: $max + px;
- } @else if ($min > $max) and ($max == 100) {
- min-width: $min + px;
- width: auto !important;
- max-width: 100%;
- } @else {
- display: none !important;
- }
-
- @if $fluid {
- .row {
- max-width: $size__page-max-width;
- }
- }
-
-}
-
-@mixin m-container-fixed($width: $size__page-width) {
- @include m-container($width, $width);
-}
-
-@mixin m-container-fluid($min: $size__page-min-width, $max: $size__page-max-width) {
- @include m-container($min, $max, true);
-}
-
-@mixin m-make-row {
- @include clearfix;
- margin-left: auto;
- margin-right: auto;
-}
-
-@mixin grid-perc($padding: $grid-perc-padding) {
- padding-left: perc($padding, $size__page-max-width);
- padding-right: perc($padding, $size__page-max-width);
-}
diff --git a/replays/static/scss/mixins/_hover-focus.scss b/replays/static/scss/mixins/_hover-focus.scss
deleted file mode 100644
index e3f09255..00000000
--- a/replays/static/scss/mixins/_hover-focus.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-//== &:hover, &:focus insert
-@mixin hover-focus {
- &:hover, &:focus {
- @content;
- }
-}
diff --git a/replays/static/scss/mixins/_percent.scss b/replays/static/scss/mixins/_percent.scss
deleted file mode 100644
index 8db9f841..00000000
--- a/replays/static/scss/mixins/_percent.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Calculate block width percent by the formula: target / context
-// Book: Responsive Web Design by Ethan Marcotte
-
-@function perc($target, $context: 0) {
- @return strip-unit($target) / strip-unit($context) * 100%;
-}
diff --git a/replays/static/scss/mixins/_placeholder.scss b/replays/static/scss/mixins/_placeholder.scss
deleted file mode 100644
index 69af2f44..00000000
--- a/replays/static/scss/mixins/_placeholder.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// Placeholder text
-@mixin placeholder {
- // Safari and Chrome
- &::-webkit-input-placeholder {
- @content;
- }
- // Firefox
- &::-moz-placeholder {
- @content;
- opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
- }
- &:-moz-placeholder {
- @content;
- }
- // Internet Explorer 10+
- &:-ms-input-placeholder {
- @content;
- }
-}
diff --git a/replays/static/scss/mixins/_rem-calc.scss b/replays/static/scss/mixins/_rem-calc.scss
deleted file mode 100644
index 24a71dc5..00000000
--- a/replays/static/scss/mixins/_rem-calc.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@function rem-calc($value, $base-size: $font-size-base) {
- $value: strip-unit($value);
- $base-size: strip-unit($base-size);
-
- $value: $value / $base-size * 1rem;
-
- @return $value;
-}
diff --git a/replays/static/scss/mixins/_respond-to.scss b/replays/static/scss/mixins/_respond-to.scss
deleted file mode 100644
index ff87c7a1..00000000
--- a/replays/static/scss/mixins/_respond-to.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-@mixin respond-to($breakpoint) {
- @if map-has-key($breakpoints, $breakpoint) {
- @media (min-width: #{map-get($breakpoints, $breakpoint)}) {
- @content;
- }
- } @else {
- @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
- + "Please make sure it is defined in `$breakpoints` map.";
- }
-}
diff --git a/replays/static/scss/mixins/_shade.scss b/replays/static/scss/mixins/_shade.scss
deleted file mode 100644
index b0a9ae3f..00000000
--- a/replays/static/scss/mixins/_shade.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-// shade (flat)
-@mixin shade($type, $color: #3498db, $depth: 20, $angle: 135deg, $long: false, $fade: false) {
- $angle: ($angle - 90);
- $x: 1.5 * cos($angle) + 0px;
- $y: 1.5 * sin($angle) + 0px;
- $darken: (lightness($color)/$depth)/2;
- $opacify: 0;
- $shadow: ();
-
- @if $long == true {
- $darken: 0;
- }
-
- @if $fade == true {
- $opacify: (opacity($color)/$depth);
- @include translateZ(0);
- }
-
- @for $i from 1 through $depth {
- $shadow: $shadow, $i*$x $i*$y 0 hsla(hue($color), saturation($color), (lightness($color) - ($i * $darken)), 1 - ($i * $opacify));
- }
- #{$type}-shadow: $shadow;
-}
diff --git a/replays/static/scss/mixins/_slidefooter.scss b/replays/static/scss/mixins/_slidefooter.scss
deleted file mode 100644
index f0fcd0a8..00000000
--- a/replays/static/scss/mixins/_slidefooter.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-// slideFooter
-// Demo: http://demo.tutorialzine.com/2013/08/slideout-footer-css/
-@mixin slideFooter($heightPx) {
- html, body, #page {
- height: 100%;
- position: relative;
- z-index: 0;
- }
- #page__wrap {
- min-height: 100%;
- background: $color__background-body;
- position: relative;
- z-index: 1;
- }
- #colophon {
- height: #{$heightPx};
- position: relative;
- z-index: -2;
- &__in {
- height: #{$heightPx};
- position: fixed;
- bottom: 0;
- left: 0;
- z-index: -1;
- width: 100%;
- }
- }
-}
diff --git a/replays/static/scss/mixins/_stickyfooter.scss b/replays/static/scss/mixins/_stickyfooter.scss
deleted file mode 100644
index 3381c848..00000000
--- a/replays/static/scss/mixins/_stickyfooter.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-// stickyFooter
-@mixin stickyFooter($heightPx) {
- html, body, .page__wrapper {
- height: 100%;
- position: relative;
- z-index: 0;
- }
- .page__wrapper {
- min-height: 100%;
- height: auto;
- margin-bottom: -#{$heightPx} !important;
- position: relative;
- z-index: 1;
- &:after {
- content: "";
- display: block;
- height: $heightPx;
- }
- }
- .page__footer {
- height: #{$heightPx};
- position: relative;
- z-index: 2;
- }
-}
diff --git a/replays/static/scss/mixins/_strip-units.scss b/replays/static/scss/mixins/_strip-units.scss
deleted file mode 100644
index 2ccc93d8..00000000
--- a/replays/static/scss/mixins/_strip-units.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-// It strips the unit of measure and returns it
-@function strip-unit($num) {
- @return $num / ($num * 0 + 1);
-}
diff --git a/replays/static/scss/mixins/_timing-functions.scss b/replays/static/scss/mixins/_timing-functions.scss
deleted file mode 100644
index a0fbfc34..00000000
--- a/replays/static/scss/mixins/_timing-functions.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
-// Timing functions are the same as demo'ed here: http://jqueryui.com/resources/demos/effect/easing.html
-// http://bourbon.io/docs/#timing-functions
-// EASE IN
-$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
-$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
-$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
-$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
-$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
-$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
-
-// EASE OUT
-$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
-$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
-$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
-$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
-$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
-
-// EASE IN OUT
-$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
-$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
-$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
-$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
diff --git a/replays/static/scss/mixins/_triangle.scss b/replays/static/scss/mixins/_triangle.scss
deleted file mode 100644
index 3650e6d1..00000000
--- a/replays/static/scss/mixins/_triangle.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
-* Sass CSS triangle mixin, create any kind of triangles with ease
-
-* Use:
-* @include triangle(direction,width,height,color);
-
-* Example:
-* $square: 50px;
-* $color: red;
-* selector {
-* @include triangle(bottomright,$square,$square,$color);
-* }
-
-* Forked from https://github.com/juanbrujo/triangle-mixin.less
-*/
-
-@mixin triangle($direction, $sizeH, $sizeV, $color) {
- content: '';
- display: block;
- width: 0;
- height: 0;
- position: absolute;
- border-style: solid;
- -moz-transform: scale(.9999);
-
- @if $direction == top {
- border-width: 0 $sizeV $sizeH $sizeV;
- border-color: transparent transparent $color transparent;
- }
- @if $direction == bottom {
- border-width: $sizeV/2 $sizeH 0 $sizeV/2;
- border-color: $color transparent transparent transparent;
- }
- @if $direction == left {
- border-width: $sizeV $sizeH $sizeV 0;
- border-color: transparent $color transparent transparent;
- }
- @if $direction == right {
- border-width: $sizeV 0 $sizeV $sizeH;
- border-color: transparent transparent transparent $color;
- }
- @if $direction == topright {
- border-width: 0 $sizeH $sizeV 0;
- border-color: transparent $color transparent transparent;
- }
- @if $direction == bottomright {
- border-width: 0 0 $sizeH $sizeV;
- border-color: transparent transparent $color transparent;
- }
- @if $direction == bottomleft {
- border-width: $sizeH 0 0 $sizeV;
- border-color: transparent transparent transparent $color;
- }
- @if $direction == topleft {
- border-width: $sizeH $sizeV 0 0;
- border-color: $color transparent transparent transparent;
- }
-}
diff --git a/replays/static/scss/sprite-generator-templates/scss.sprite.mustache b/replays/static/scss/sprite-generator-templates/scss.sprite.mustache
deleted file mode 100755
index 2a90487a..00000000
--- a/replays/static/scss/sprite-generator-templates/scss.sprite.mustache
+++ /dev/null
@@ -1,57 +0,0 @@
-{
- // Default options
- 'functions': true
-}
-
-{{#items}}
- ${{name}}: {{px.x}} {{px.y}} {{px.offset_x}} {{px.offset_y}} {{px.width}} {{px.height}} {{px.total_width}} {{px.total_height}} '{{{escaped_image}}}';
-{{/items}}
-
-{{#options.functions}}
- @mixin sprite-position($sprite) {
- $sprite-offset-x: nth($sprite, 3);
- $sprite-offset-y: nth($sprite, 4);
- background-position: $sprite-offset-x $sprite-offset-y;
- }
-
- @mixin sprite-image($sprite) {
- $sprite-image: nth($sprite, 9);
- background-image: url(%=static=%png-sprite/96dpi/#{$sprite-image});
- }
-
- @mixin sprite-mixin-template($sprite) {
- @include sprite-image($sprite);
- @include sprite-position($sprite);
- width: nth($sprite, 5);
- height: nth($sprite, 6);
- }
-
- @mixin bg($sprite, $repeat: no-repeat) {
- @include sprite-mixin-template($sprite);
- $sprite-total-width: nth($sprite, 7);
- $sprite-total-height: nth($sprite, 8);
- background-size: $sprite-total-width, $sprite-total-height;
- background-repeat: $repeat;
-
- {{#options.dpi192}}
- @media screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx), only screen and (min-device-pixel-ratio: 2) {
- $sprite-image: nth($sprite, 9);
- background-image: url(%=static=%png-sprite/192dpi/#{$sprite-image});
- }
- {{/options.dpi192}}
-
- {{#options.dpi288}}
- @media screen and (-webkit-min-device-pixel-ratio: 3), only screen and ( min-resolution: 288dpi), only screen and ( min-resolution: 3dppx), only screen and (min-device-pixel-ratio: 3) {
- $sprite-image: nth($sprite, 9);
- background-image: url(%=static=%png-sprite/288dpi/#{$sprite-image});
- }
- {{/options.dpi288}}
-
- {{#options.dpi384}}
- @media screen and (-webkit-min-device-pixel-ratio: 4), only screen and ( min-resolution: 384dpi), only screen and ( min-resolution: 4dppx), only screen and (min-device-pixel-ratio: 4) {
- $sprite-image: nth($sprite, 9);
- background-image: url(%=static=%png-sprite/384dpi/#{$sprite-image});
- }
- {{/options.dpi384}}
- }
-{{/options.functions}}
\ No newline at end of file
diff --git a/replays/static/scss/sprite-generator-templates/scss.svg-fallback-sprite.mustache b/replays/static/scss/sprite-generator-templates/scss.svg-fallback-sprite.mustache
deleted file mode 100755
index 81ce3a08..00000000
--- a/replays/static/scss/sprite-generator-templates/scss.svg-fallback-sprite.mustache
+++ /dev/null
@@ -1,30 +0,0 @@
-{
- // Default options
- 'functions': true
-}
-
-{{#items}}
- ${{name}}: {{px.x}} {{px.y}} {{px.offset_x}} {{px.offset_y}} {{px.width}} {{px.height}} {{px.total_width}} {{px.total_height}} '{{{escaped_image}}}' '{{{name}}}';
-{{/items}}
-
-{{#options.functions}}
- @mixin svg-sprite-position($svg-sprite) {
- $svg-sprite-offset-x: nth($svg-sprite, 3);
- $svg-sprite-offset-y: nth($svg-sprite, 4);
- background-position: $svg-sprite-offset-x $svg-sprite-offset-y;
- }
-
- @mixin svg-sprite-image($svg-sprite) {
- $svg-sprite-image: nth($svg-sprite, 9);
- background-image: url(%=static=%rastered-svg-sprite/#{$svg-sprite-image});
- }
-
- @mixin bg-svg($svg-sprite, $repeat: no-repeat) {
- @include svg-sprite-image($svg-sprite);
- @include svg-sprite-position($svg-sprite);
- width: nth($svg-sprite, 5);
- height: nth($svg-sprite, 6);
-
- background-repeat: $repeat;
- }
-{{/options.functions}}
\ No newline at end of file
diff --git a/replays/static/scss/sprite-generator-templates/scss.svg-sprite.mustache b/replays/static/scss/sprite-generator-templates/scss.svg-sprite.mustache
deleted file mode 100755
index 205bae78..00000000
--- a/replays/static/scss/sprite-generator-templates/scss.svg-sprite.mustache
+++ /dev/null
@@ -1,19 +0,0 @@
-{{#sprites}}
- ${{fileName}}: {{x}}{{units}} {{y}}{{units}} {{w}}{{units}} {{h}}{{units}} {{width}}{{units}} {{height}}{{units}} '{{{cssPathSvg}}}' '{{{fileName}}}';
-{{/sprites}}
-
-
-
-@mixin svg-sprite-position($svg-sprite) {
- $svg-sprite-offset-x: nth($svg-sprite, 1);
- $svg-sprite-offset-y: nth($svg-sprite, 2);
- background-position: $svg-sprite-offset-x $svg-sprite-offset-y;
-}
-
-@mixin bg-svg($svg-sprite, $repeat: no-repeat) {
- background-image: url('%=static=%svg-sprite/{{imgName}}');
- @include svg-sprite-position($svg-sprite);
- width: nth($svg-sprite, 3);
- height: nth($svg-sprite, 4);
- background-repeat: $repeat;
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_clearfix.scss b/replays/static/scss/sprites-scss/mixins/_clearfix.scss
deleted file mode 100644
index d5b8c69f..00000000
--- a/replays/static/scss/sprites-scss/mixins/_clearfix.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-// Clearfix
-//
-// For modern browsers
-// 1. The space content is one way to avoid an Opera bug when the
-// contenteditable attribute is included anywhere else in the document.
-// Otherwise it causes space to appear at the top and bottom of elements
-// that are clearfixed.
-// 2. The use of `table` rather than `block` is only necessary if using
-// `:before` to contain the top-margins of child elements.
-//
-// Source: http://nicolasgallagher.com/micro-clearfix-hack/
-
-@mixin clearfix() {
- &:before,
- &:after {
- content: " ";
- display: table;
- }
- &:after {
- clear: both;
- }
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_em-calc.scss b/replays/static/scss/sprites-scss/mixins/_em-calc.scss
deleted file mode 100644
index bdcd2a09..00000000
--- a/replays/static/scss/sprites-scss/mixins/_em-calc.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-//New Syntax, allows to optionally calculate on a different base value to counter compounding effect of em's.
-//Call with 1, 2, 3 or 4 parameters, 'px' is not required but supported
-//em-calc(10 20 30px 40);
-//Space delimited, if you want to delimit using comma's, wrap it in another pair of brackets
-//em-calc((10, 20, 30, 40px));
-//Optionally call with a different base (eg: 8px) to calculate em.
-//em-calc(16px 32px 48px, 8px);
-//If you require to comma separate your list
-//em-calc((16px, 32px, 48), 8px);
-
-@function convert-to-em($value, $base-value: $font-size-base) {
- $value: strip-unit($value) / strip-unit($base-value) * 1em;
- @if ($value == 0em) {
- $value: 0;
- }
- //Turn 0em into 0
- @return $value;
-}
-
-@function em-calc($values, $base-value: $font-size-base) {
- $max: length($values);
-
- @if $max == 1 {
- @return convert-to-em(nth($values, 1), $base-value);
- }
-
- $emValues: ();
- @for $i from 1 through $max {
- //$emValues: append($emValues, convert-to-em(nth($values, $i), $base-value));
- $emValues: append($emValues, convert-to-em(nth($values, $i), $base-value));
- }
- @return $emValues;
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_flex-grid.scss b/replays/static/scss/sprites-scss/mixins/_flex-grid.scss
deleted file mode 100644
index 1b642cac..00000000
--- a/replays/static/scss/sprites-scss/mixins/_flex-grid.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-// // Flexible grid
-// @function flex-grid($columns, $container-columns: $fg-max-columns) {
-// $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
-// $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
-// @return percentage($width / $container-width);
-// }
-
-// // Flexible gutter
-// @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
-// $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
-// @return percentage($gutter / $container-width);
-// }
-
-// // The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
-// // This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
-// //
-// // The calculation presumes that your column structure will be missing the last gutter:
-// //
-// // -- column -- gutter -- column -- gutter -- column
-// //
-// // $fg-column: 60px; // Column Width
-// // $fg-gutter: 25px; // Gutter Width
-// // $fg-max-columns: 12; // Total Columns For Main Container
-// //
-// // div {
-// // width: flex-grid(4); // returns (315px / 995px) = 31.65829%;
-// // margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%;
-// //
-// // p {
-// // width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
-// // float: left;
-// // margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
-// // }
-// //
-// // blockquote {
-// // float: left;
-// // width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
-// // }
-// // }
diff --git a/replays/static/scss/sprites-scss/mixins/_fluid-font.scss b/replays/static/scss/sprites-scss/mixins/_fluid-font.scss
deleted file mode 100644
index a882fc0e..00000000
--- a/replays/static/scss/sprites-scss/mixins/_fluid-font.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-///
-/// Viewport sized typography with minimum and maximum values
-///
-/// @author Eduardo Boucas (@eduardoboucas)
-///
-/// @param {Number} $responsive - Viewport-based size
-/// @param {Number} $min - Minimum font size (px)
-/// @param {Number} $max - Maximum font size (px)
-/// (optional)
-/// @param {Number} $fallback - Fallback for viewport-
-/// based units (optional)
-///
-/// @example scss - 5vw font size (with 50px fallback),
-/// minumum of 35px and maximum of 150px
-/// @include responsive-font(5vw, 35px, 150px, 50px);
-///
-@mixin responsive-font($responsive, $min, $max: false, $fallback: false) {
- $responsive-unitless: $responsive / ($responsive - $responsive + 1);
- $dimension: if(unit($responsive) == 'vh', 'height', 'width');
- $min-breakpoint: $min / $responsive-unitless * 100;
-
- @media (max-#{$dimension}: #{$min-breakpoint}) {
- font-size: $min;
- }
-
- @if $max {
- $max-breakpoint: $max / $responsive-unitless * 100;
-
- @media (min-#{$dimension}: #{$max-breakpoint}) {
- font-size: $max;
- }
- }
-
- @if $fallback {
- font-size: $fallback;
- }
-
- font-size: $responsive;
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_grid.scss b/replays/static/scss/sprites-scss/mixins/_grid.scss
deleted file mode 100644
index c66caeb1..00000000
--- a/replays/static/scss/sprites-scss/mixins/_grid.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-@mixin m-container($min: $size__page-min-width, $max: $size__page-max-width, $fluid: false) {
- // my container mixin
- $min: strip-unit($min);
- $max: strip-unit($max);
- @include clearfix;
-
- @if ($min == $max) {
- width: $min + px;
- margin-left: auto;
- margin-right: auto;
- } @else if ($min < $max) {
- margin-left: auto;
- margin-right: auto;
- min-width: $min + px;
- width: auto !important;
- max-width: $max + px;
- } @else if ($min > $max) and ($max == 100) {
- min-width: $min + px;
- width: auto !important;
- max-width: 100%;
- } @else {
- display: none !important;
- }
-
- @if $fluid {
- .row {
- max-width: $size__page-max-width;
- }
- }
-
-}
-
-@mixin m-container-fixed($width: $size__page-width) {
- @include m-container($width, $width);
-}
-
-@mixin m-container-fluid($min: $size__page-min-width, $max: $size__page-max-width) {
- @include m-container($min, $max, true);
-}
-
-@mixin m-make-row {
- @include clearfix;
- margin-left: auto;
- margin-right: auto;
-}
-
-@mixin grid-perc($padding: $grid-perc-padding) {
- padding-left: perc($padding, $size__page-max-width);
- padding-right: perc($padding, $size__page-max-width);
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_percent.scss b/replays/static/scss/sprites-scss/mixins/_percent.scss
deleted file mode 100644
index 8db9f841..00000000
--- a/replays/static/scss/sprites-scss/mixins/_percent.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Calculate block width percent by the formula: target / context
-// Book: Responsive Web Design by Ethan Marcotte
-
-@function perc($target, $context: 0) {
- @return strip-unit($target) / strip-unit($context) * 100%;
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_placeholder.scss b/replays/static/scss/sprites-scss/mixins/_placeholder.scss
deleted file mode 100644
index 69af2f44..00000000
--- a/replays/static/scss/sprites-scss/mixins/_placeholder.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-// Placeholder text
-@mixin placeholder {
- // Safari and Chrome
- &::-webkit-input-placeholder {
- @content;
- }
- // Firefox
- &::-moz-placeholder {
- @content;
- opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
- }
- &:-moz-placeholder {
- @content;
- }
- // Internet Explorer 10+
- &:-ms-input-placeholder {
- @content;
- }
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_rem-calc.scss b/replays/static/scss/sprites-scss/mixins/_rem-calc.scss
deleted file mode 100644
index 24a71dc5..00000000
--- a/replays/static/scss/sprites-scss/mixins/_rem-calc.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-@function rem-calc($value, $base-size: $font-size-base) {
- $value: strip-unit($value);
- $base-size: strip-unit($base-size);
-
- $value: $value / $base-size * 1rem;
-
- @return $value;
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_respond-to.scss b/replays/static/scss/sprites-scss/mixins/_respond-to.scss
deleted file mode 100644
index 265e7a56..00000000
--- a/replays/static/scss/sprites-scss/mixins/_respond-to.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-@mixin respond-to($breakpoint) {
- @if map-has-key($breakpoints, $breakpoint) {
- @media (min-width: #{map-get($breakpoints, $breakpoint) + 1}) {
- @content;
- }
- } @else {
- @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
- + "Please make sure it is defined in `$breakpoints` map.";
- }
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_shade.scss b/replays/static/scss/sprites-scss/mixins/_shade.scss
deleted file mode 100644
index b0a9ae3f..00000000
--- a/replays/static/scss/sprites-scss/mixins/_shade.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-// shade (flat)
-@mixin shade($type, $color: #3498db, $depth: 20, $angle: 135deg, $long: false, $fade: false) {
- $angle: ($angle - 90);
- $x: 1.5 * cos($angle) + 0px;
- $y: 1.5 * sin($angle) + 0px;
- $darken: (lightness($color)/$depth)/2;
- $opacify: 0;
- $shadow: ();
-
- @if $long == true {
- $darken: 0;
- }
-
- @if $fade == true {
- $opacify: (opacity($color)/$depth);
- @include translateZ(0);
- }
-
- @for $i from 1 through $depth {
- $shadow: $shadow, $i*$x $i*$y 0 hsla(hue($color), saturation($color), (lightness($color) - ($i * $darken)), 1 - ($i * $opacify));
- }
- #{$type}-shadow: $shadow;
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_slidefooter.scss b/replays/static/scss/sprites-scss/mixins/_slidefooter.scss
deleted file mode 100644
index f0fcd0a8..00000000
--- a/replays/static/scss/sprites-scss/mixins/_slidefooter.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-// slideFooter
-// Demo: http://demo.tutorialzine.com/2013/08/slideout-footer-css/
-@mixin slideFooter($heightPx) {
- html, body, #page {
- height: 100%;
- position: relative;
- z-index: 0;
- }
- #page__wrap {
- min-height: 100%;
- background: $color__background-body;
- position: relative;
- z-index: 1;
- }
- #colophon {
- height: #{$heightPx};
- position: relative;
- z-index: -2;
- &__in {
- height: #{$heightPx};
- position: fixed;
- bottom: 0;
- left: 0;
- z-index: -1;
- width: 100%;
- }
- }
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_stickyfooter.scss b/replays/static/scss/sprites-scss/mixins/_stickyfooter.scss
deleted file mode 100644
index 3381c848..00000000
--- a/replays/static/scss/sprites-scss/mixins/_stickyfooter.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-// stickyFooter
-@mixin stickyFooter($heightPx) {
- html, body, .page__wrapper {
- height: 100%;
- position: relative;
- z-index: 0;
- }
- .page__wrapper {
- min-height: 100%;
- height: auto;
- margin-bottom: -#{$heightPx} !important;
- position: relative;
- z-index: 1;
- &:after {
- content: "";
- display: block;
- height: $heightPx;
- }
- }
- .page__footer {
- height: #{$heightPx};
- position: relative;
- z-index: 2;
- }
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_strip-units.scss b/replays/static/scss/sprites-scss/mixins/_strip-units.scss
deleted file mode 100644
index 2ccc93d8..00000000
--- a/replays/static/scss/sprites-scss/mixins/_strip-units.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-// It strips the unit of measure and returns it
-@function strip-unit($num) {
- @return $num / ($num * 0 + 1);
-}
diff --git a/replays/static/scss/sprites-scss/mixins/_timing-functions.scss b/replays/static/scss/sprites-scss/mixins/_timing-functions.scss
deleted file mode 100644
index a0fbfc34..00000000
--- a/replays/static/scss/sprites-scss/mixins/_timing-functions.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
-// Timing functions are the same as demo'ed here: http://jqueryui.com/resources/demos/effect/easing.html
-// http://bourbon.io/docs/#timing-functions
-// EASE IN
-$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
-$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
-$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
-$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
-$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
-$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
-$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
-
-// EASE OUT
-$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
-$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
-$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
-$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
-$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
-$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
-
-// EASE IN OUT
-$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
-$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
-$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
-$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
-$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
-$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
-$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
diff --git a/replays/static/scss/sprites-scss/mixins/_triangle.scss b/replays/static/scss/sprites-scss/mixins/_triangle.scss
deleted file mode 100644
index 4b26a627..00000000
--- a/replays/static/scss/sprites-scss/mixins/_triangle.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
-* @include triangle within a pseudo element and add positioning properties (ie. top, left)
-* $direction: up, down, left, right
-*/
-@mixin triangle($direction, $size: 6px, $color: #222){
- content: '';
- display: block;
- position: absolute;
- height: 0; width: 0;
- @if ($direction == 'up'){
- border-bottom: $size solid $color;
- border-left: 1/2*$size solid transparent;
- border-right: 1/2*$size solid transparent;
- }
- @else if ($direction == 'down'){
- border-top: $size solid $color;
- border-left: 1/2*$size solid transparent;
- border-right: 1/2*$size solid transparent;
- }
- @else if ($direction == 'left'){
- border-top: 1/2*$size solid transparent;
- border-bottom: 1/2*$size solid transparent;
- border-right: $size solid $color;
- }
- @else if ($direction == 'right'){
- border-top: 1/2*$size solid transparent;
- border-bottom: 1/2*$size solid transparent;
- border-left: $size solid $color;
- }
-}
diff --git a/replays/static/scss/sprites-scss/sprite-ie.scss b/replays/static/scss/sprites-scss/sprite-ie.scss
deleted file mode 100755
index 133e6d36..00000000
--- a/replays/static/scss/sprites-scss/sprite-ie.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@mixin bg($sprite, $repeat: no-repeat) {
- @include sprite-mixin-template($sprite);
- background-repeat: $repeat;
-}
diff --git a/replays/static/scss/sprites-scss/sprite_96.scss b/replays/static/scss/sprites-scss/sprite_96.scss
deleted file mode 100644
index 5eecf3c7..00000000
--- a/replays/static/scss/sprites-scss/sprite_96.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-@mixin sprite-position($sprite) {
- $sprite-offset-x: nth($sprite, 3);
- $sprite-offset-y: nth($sprite, 4);
- background-position: $sprite-offset-x $sprite-offset-y;
-}
-
-@mixin sprite-image($sprite) {
- $sprite-image: nth($sprite, 9);
- background-image: url(%=static=%png-sprite/96dpi/#{$sprite-image});
-}
-
-@mixin sprite-mixin-template($sprite) {
- @include sprite-image($sprite);
- @include sprite-position($sprite);
- width: nth($sprite, 5);
- height: nth($sprite, 6);
-}
-
-@mixin bg($sprite, $repeat: no-repeat) {
- @include sprite-mixin-template($sprite);
- $sprite-total-width: nth($sprite, 7);
- $sprite-total-height: nth($sprite, 8);
- background-size: $sprite-total-width, $sprite-total-height;
- background-repeat: $repeat;
-}
diff --git a/replays/static/scss/sprites-scss/svg-fallback-sprite.scss b/replays/static/scss/sprites-scss/svg-fallback-sprite.scss
deleted file mode 100644
index fd8b09c6..00000000
--- a/replays/static/scss/sprites-scss/svg-fallback-sprite.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@mixin svg-sprite-position($svg-sprite) {
- $svg-sprite-offset-x: nth($svg-sprite, 3);
- $svg-sprite-offset-y: nth($svg-sprite, 4);
- background-position: $svg-sprite-offset-x $svg-sprite-offset-y;
-}
-
-@mixin svg-sprite-image($svg-sprite) {
- $svg-sprite-image: nth($svg-sprite, 9);
- background-image: url(%=static=%rastered-svg-sprite/#{$svg-sprite-image});
-}
-
-@mixin bg-svg($svg-sprite, $repeat: no-repeat) {
- @include svg-sprite-image($svg-sprite);
- @include svg-sprite-position($svg-sprite);
- width: nth($svg-sprite, 5);
- height: nth($svg-sprite, 6);
- background-repeat: $repeat;
-}
diff --git a/replays/static/scss/sprites-scss/svg-sprite.scss b/replays/static/scss/sprites-scss/svg-sprite.scss
deleted file mode 100644
index a7193b02..00000000
--- a/replays/static/scss/sprites-scss/svg-sprite.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-@mixin svg-sprite-position($svg-sprite) {
- $svg-sprite-offset-x: nth($svg-sprite, 1);
- $svg-sprite-offset-y: nth($svg-sprite, 2);
- background-position: $svg-sprite-offset-x $svg-sprite-offset-y;
-}
-
-@mixin bg-svg($svg-sprite, $repeat: no-repeat) {
- background-image: url('%=static=%svg-sprite/{{imgName}}');
- @include svg-sprite-position($svg-sprite);
- width: nth($svg-sprite, 3);
- height: nth($svg-sprite, 4);
- background-repeat: $repeat;
-}
diff --git a/replays/static/scss/vars.scss b/replays/static/scss/vars.scss
deleted file mode 100755
index a8fbc6b9..00000000
--- a/replays/static/scss/vars.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-// http://engageinteractive.co.uk/blog/top-10-scss-mixins
-
-//== see libraries/bootstrap/variables.scss
-//@import "libraries/bootstrap/variables";
-
-// $base-bg: #fff url(http://griddle.it/820-10-0) repeat-y center top;
-
-$my-classes: true !default;
-//== Auto-resize font
-$font-fluid: false !default;
-
-$transition-duration: .25s;
-
-//== Breakpoints
-
-$breakpoints: (
- xs: 320px,
- //ms: $screen-ms-min,
- sm: $screen-sm-min,
- md: $screen-md-min,
- lg: $screen-lg-min
-);
-
-//@debug map-get($breakpoints, xs);