// Variables
@import "settings";
@import '../../01-base/code/code';
@import '../../01-base/root/root';
@import '../../01-base/headings/headings';
@import '../../01-base/embedded/embedded';
@import '../../01-base/links/links';
@import '../../01-base/lists/lists';
@import '../../01-base/tables/tables';
@import '../../01-base/text/text';
@import '../../01-base/utilities/utilities';
@import '../../02-atoms/button/button';

// ***************
// ckeditor
// ***************

.textarea--cke .cke {
  position: relative;
}

// extra margin for white space in editor
body {margin: 10px;}

.align-left {
  float: left;
  padding-right: 1em;
}

.align-right {
  float: right;
  padding-left: 1em;
}

// Inside the Ckeditor the DOM is different from
// the node front. We need to show how the embed
// will look in the editor.
.embed-responsive .cke_widget_drupalurl {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border: 0;
  width: 100%;
  height: 100%;
}