@import 'variables';

// default icon selector
#character-icon-selector {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  max-width: calc(100% - 450px);
}

.character-galleries-simple { padding: 10px; }
.character-screenname { font-size: 85%; }

.character-form {
  display: inline-block;
  vertical-align: top;
}

// template descriptions on templates#show
.single-description {
  a { color: $font_color_descriptions_link; }
  a:visited { color: $font_color_descriptions_link_visited; }
  padding: 5px;
  background-color: $bg_color_descriptions;
}

// character icon view
.character-icon-list { padding: 10px; }

.character-icon {
  width: 100px;
  height: 100px;
  text-align: center;
}

.character-icon-item .icon { margin: 5px; }

.character-no-icon {
  display: inline-block;
  border: 1px $border_color_character_iconless solid;
  width: 102px;
  height: 102px;
  text-align: center;

  &.icon {
    max-width: 102px;
    max-height: 102px;
  }
}

// character list view
.character-list-template { padding: 10px; }

@import 'variables';

// default icon selector
#character-icon-selector {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  max-width: calc(100% - 450px);
}

.character-galleries-simple { padding: 10px; }
.character-screenname { font-size: 85%; }

.character-form {
  display: inline-block;
  vertical-align: top;
}

// template descriptions on templates#show
.single-description {
  padding: 5px;
  background-color: $bg_color_descriptions;
  a { color: $font_color_descriptions_link; }
  a:visited { color: $font_color_descriptions_link_visited; }
}

// character icon view
.character-icon-list { padding: 10px; }

.character-icon {
  width: 100px;
  height: 100px;
  text-align: center;
}

.character-icon-item .icon { margin: 5px; }

.character-no-icon {
  display: inline-block;
  border: 1px $border_color_character_iconless solid;
  width: 102px;
  height: 102px;
  text-align: center;

  &.icon {
    max-width: 102px;
    max-height: 102px;
  }
}

// character list view
.character-list-template { padding: 10px; }

Move declarations before nested selectors
Move declarations before nested selectors
