/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

.clear {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  height: 0px;
  font-size: 0px;
}

.accessible_hide {
  outline: none;
  text-indent: -9999px;
  display: inline-block;
}

.close_link {
  display: block;
  background: url(/images/close.png) 0 0 no-repeat;
  height: 16px;
  width: 16px;
  text-indent: -99999px;
  overflow: hidden;
  &:hover, &:focus {
    background-position: 0 -16px;
  }
}

//this used to be in _layout.scss but for sure did not belong there, I didnt want to get rid of it
//because I didnt know if anything actually uses it -RS
.small {
  @include fontSize(11px);
}

// CLOSE ICONS
// -----------
a.x-close-link {
  float: direction(right);
  color: black !important;
  @include fontSize(20px);
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 white;
  text-decoration: none;
  opacity: 0.25;
  &:hover, &:focus {
    color: black;
    text-decoration: none;
    opacity: 0.6;
  }
}
