@import "bootstrap/css/_utilities";
@import "css/_icons";

/* Alignements */
.left { float: left !important; }
.right { float: right !important; }
.center { text-align: center; margin-right: auto; margin-left: auto; }

/* Espaceur de blocs */
.clear { clear: both; }
br.clear, .nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; }
hr.clear { visibility: hidden; }

/* Non visible a l'ecran */
/* attention : .invisible deja defini par bootstrap comme .hidden ici*/
.offscreen { position: absolute; left: -999em; height: 1%; } /* not in bootstrap */
.hidden { visibility: hidden; } /* same as bootstrap native .invisible */
.none,.hide { display: none; } /* same as bootstrap native .hide */

/*
  .js-hide cache en presence de js
  .no-js-hide cache en absence de js
*/
.js .js-hide,.no-js .no-js-hide {display: none}

/* debug */
.todo { opacity: 0.5; }
.todo:hover { opacity: 1; }
.blink { text-decoration: blink; }


$enable-admin-buttons: false !default;
@if $enable-admin-buttons {
  .spip-admin-bloc, .spip-admin-float {
    font-size: 0.85rem;
    top:auto !important;
    bottom: 0 !important;
    right: 0 !important;
    .spip-admin-boutons {
      background-color: $gray-600;
      border-radius: $border-radius-sm 0 0 $border-radius-sm;
      display: block;
      margin: 5px 0;
      font-variant: small-caps;
      text-transform: capitalize;
    }
    &:before {
      content:'';
      display: block;
      background: $gray-500;
      color: $white;
      padding: 10px;
      position: fixed;
      bottom:0;
      left: 0;
      font-weight: bold;
      @each $breakpoint in map-keys($grid-breakpoints) {
        @include media-breakpoint-up($breakpoint) {
          content: '#{$breakpoint}';
        }
      }
    }
  }
}