/*TYPOGRAPHY FOR EDITOR**/

html {
  background-color: $white; // I can't find special variable for content background. In cassiopea/scss/blocks/global it's forced to  #fff
  padding:7px;
  margin:0;
}

@import "../../../media/vendor/bootstrap/scss/functions";

@import "variables";

@import "mixin";

// Bootstrap
@import "../../../media/vendor/bootstrap/scss/variables";
@import "../../../media/vendor/bootstrap/scss/functions";
@import "../../../media/vendor/bootstrap/scss/mixins";
@import "../../../media/vendor/bootstrap/scss/type";
@import "blocks/global"; // Leave this first
@import "vendor/bootstrap/table";


/* STYLES FOR JOOMLA! EDITOR */
hr#system-readmore  { border: red dashed 1px; color: red; }
hr.system-pagebreak { border: gray dashed 1px; color: gray; }


/* Classes for style picker */

.float-left  { float: left !important; }
.float-right { float: right !important; }

table {
  &.table, &.table-striped, &.table-hover {
    width:100%; // fake content, to don't remove empty rules, it's OK for me
  }
  &.table-sm {
    width:100%; // fake content, it's OK for me
    th,
    td {
      padding: $table-cell-padding-sm;
    }
  }
  &.table-bordered {
    border: $table-border-width solid $table-border-color;
    th,
    td {
      border: $table-border-width solid $table-border-color;
    }
  }
}
tr.thead-dark {
  width:100%; // fake content, 
  th {
    color: $table-dark-color;
    background-color: $table-dark-bg;
    border-color: $table-dark-border-color;
  }
}

tr.thead-light {
  width:100%; // fake content, 
  th {
    color: $table-head-color;
    background-color: $table-head-bg;
    border-color: $table-border-color;
  }
}