--  Licensed under the Apache License, Version 2.0 (the "License");
--  you may not use this file except in compliance with the License.
--  You may obtain a copy of the License at
--
--      http://www.apache.org/licenses/LICENSE-2.0
--
--  Unless required by applicable law or agreed to in writing, software
--  distributed under the License is distributed on an "AS IS" BASIS,
--  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
--  See the License for the specific language governing permissions and
--  limitations under the License.
--
COPY (
    SELECT
        vm_static.vm_name AS "Virtual Machine",
        vds.vds_name AS "Hypervisor"
    FROM
        vm_static
    INNER JOIN vds ON vm_static.dedicated_vm_for_vds::uuid=vds.vds_id
) TO STDOUT WITH CSV DELIMITER E'\|' HEADER;

Improve SQL query for vms pinned

--  Licensed under the Apache License, Version 2.0 (the "License");
--  you may not use this file except in compliance with the License.
--  You may obtain a copy of the License at
--
--      http://www.apache.org/licenses/LICENSE-2.0
--
--  Unless required by applicable law or agreed to in writing, software
--  distributed under the License is distributed on an "AS IS" BASIS,
--  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
--  See the License for the specific language governing permissions and
--  limitations under the License.
--
--  Return the virtual machines pinned to run in a specific host.
--
--  The column dedicated_vm_for_vd from vm_static can contain a single
--  hypervisor entry or multiple hypervisors (using delimiter comma).
--  Based on that, we are extacting the hypervisors in the WITH statement
--  and using it in the INNER JOIN.
--
COPY (
    WITH vms_pinned AS (
        SELECT
            vm_name,
            unnest(string_to_array(dedicated_vm_for_vds,',')) AS dedicated_vds
        FROM
            vm_static
        WHERE
            vm_static.dedicated_vm_for_vds IS NOT NULL
        AND vm_static.entity_type='VM'
    )
    SELECT
        vms_pinned.vm_name AS "Virtual Machine",
        vds.vds_name AS "Hypervisor"
    FROM
        vds
    INNER JOIN vms_pinned ON vds.vds_id::text=vms_pinned.dedicated_vds ORDER BY vms_pinned.vm_name
) TO STDOUT WITH CSV DELIMITER E'\|' HEADER;


CREATE TABLE IACUC_SUBMISSION_TYPE (
    SUBMISSION_TYPE_CODE VARCHAR2(3) NOT NULL,
    DESCRIPTION VARCHAR2(200) NOT NULL,
    UPDATE_TIMESTAMP DATE NOT NULL,
    UPDATE_USER VARCHAR2(60) NOT NULL,
    VER_NBR NUMBER(8,0) DEFAULT 1 NOT NULL
    OBJ_ID VARCHAR2(36) NOT NULL)
/
ALTER TABLE IACUC_SUBMISSION_TYPE
ADD CONSTRAINT PK_IACUC_SUBMISSION_TYPE
PRIMARY KEY (SUBMISSION_TYPE_CODE)
/

Create initial tables for IACUC protocol submission (bloody spaces...)

CREATE TABLE IACUC_SUBMISSION_TYPE (
    SUBMISSION_TYPE_CODE VARCHAR2(3) NOT NULL,
    DESCRIPTION VARCHAR2(200) NOT NULL,
    UPDATE_TIMESTAMP DATE NOT NULL,
    UPDATE_USER VARCHAR2(60) NOT NULL,
    VER_NBR NUMBER(8,0) DEFAULT 1 NOT NULL,
    OBJ_ID VARCHAR2(36) NOT NULL)
/
ALTER TABLE IACUC_SUBMISSION_TYPE
ADD CONSTRAINT PK_IACUC_SUBMISSION_TYPE
PRIMARY KEY (SUBMISSION_TYPE_CODE)
/


CREATE TABLE Address (
    ID              NUMBER(6)      PRIMARY KEY,
    streetAddress   VARCHAR2(60)   NOT NULL,
    city            VARCHAR2(30)   NOT NULL,

    /* Coordinates given as latitude and longitude
     * (degrees) with 18 digits total, 16 to the right
     */
    coord_Lat       NUMBER(18, 16)  NOT NULL,
    coord_Lon       NUMBER(18, 16)  NOT NULL
)

-- Other table codes here...

Use 7 digits for IDs

CREATE TABLE Address (
    ID              NUMBER(7)      PRIMARY KEY,
    streetAddress   VARCHAR2(60)   NOT NULL,
    city            VARCHAR2(30)   NOT NULL,

    /* Coordinates given as latitude and longitude
     * (degrees) with 18 digits total, 16 to the right
     */
    coord_Lat       NUMBER(18, 16)  NOT NULL,
    coord_Lon       NUMBER(18, 16)  NOT NULL
)

-- Other table codes here...


ALTER TABLE IdentityZoneVO CHANGE deleted closed varchar(1) DEFAULT NULL;

Delete dirty db record Resolve ZSTAC-1334 ZSTACK-5103

ALTER TABLE IdentityZoneVO CHANGE deleted closed varchar(1) DEFAULT NULL;

DELETE FROM `zstack`.`AccountResourceRefVO` where resourceType='VolumeVO' and resourceUuid not in
(SELECT uuid FROM `zstack`.`VolumeVO`)


/// <reference path="../site.less" />

.invite-panel{
    text-align: center;
    margin-top: 80px;
    padding: 10%;
}

.field{
    .fluid-element;
    .square-element;
   border: solid;
   border-color: black;
   padding-bottom: 99%;
}

.field-container{
    padding-top: 15px;
    padding-bottom: 15px;
}

.field-row{
    .fluid-element;
}

.field-cell{
    position: relative;
    width: 33.3333%;
    padding-bottom: 32.3%;
    //display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle;
    //line-height: 32%;
    border: solid;
    border-color: black;
}

.empty-cell:hover{
    background-color: @gray-dark;
}

.cell-content{
    //margin: 0;
    position: absolute;
    padding: 5%;
    //top: 50%;
    //left: 50%;
    width: 100%;
    height: 100%;
    // alter version
    margin-left: -50%;
    //margin: 50% 0px 0px 0px;
    //transform: translate(-50%, -50%);
    //font-size: 30px;
}

Remove unnecessary comments in less.

/// <reference path="../site.less" />

.invite-panel{
    text-align: center;
    margin-top: 80px;
    padding: 10%;
}

.field{
    .fluid-element;
    .square-element;
   border: solid;
   border-color: black;
   padding-bottom: 99%;
}

.field-container{
    padding-top: 15px;
    padding-bottom: 15px;
}

.field-row{
    .fluid-element;
}

.field-cell{
    position: relative;
    width: 33.3333%;
    padding-bottom: 32.3%;
    float: left;
    text-align: center;
    vertical-align: middle;
    border: solid;
    border-color: black;
}

.empty-cell:hover{
    background-color: @gray-dark;
}

.cell-content{
    position: absolute;
    padding: 5%;
    width: 100%;
    height: 100%;
    margin-left: -50%;
}


.component-panels {
    .component-tab {
        &.active {
            background: @color-1;
        }
    }

    .component-tab-content {
        color: @color-3;
        background: @color-1;
    }
}

Hide title and close action on panels tab

.component-panels {
    .component-tab {

        .inner {
            min-width: 16px;
            padding: 2px 8px;

            .close, .title {
                display: none;
            }
        }

        &.active {
            background: @color-1;
        }
    }

    .component-tab-content {
        color: @color-3;
        background: @color-1;
    }
}


/* Type */
@fonts: 			"Segoe UI", "Segoe WP", "Helvetica Neue", 'RobotoRegular', sans-serif;
@headingfonts: 		"Segoe UI Light", "Helvetica Neue", 'RobotoLight', "Segoe UI", "Segoe WP", sans-serif;
@baseFontSize:		16px;
@h1fontSize:        @baseFontSize * 4;
@h2fontSize:        @baseFontSize * 3;
@h3fontSize:        @baseFontSize * 2;

/* Colors */
@black:				#000;
@white:				#FFF;
@blue:              #1BA1E2;
@brown:             #A05000;
@green:             #339933;
@lime:              #8CBF26;
@magenta: 			#FF0097;
@orange:            #F09609;
@pink:              #E671B8;
@purple: 			#A200FF;
@red:               #E51400;
@teal: 				#00ABA9;

@accent: 			@lime;
@accentDark:	 	darken(@accent, 15%);
@background:    white;
@foreground:    black;
@inactive: 			#aaaaaa;
@faded:				#fafafa;

@test: #132;
@test2: @test;

Increase font size for readability

/* Type */
@fonts: 			"Segoe UI", "Segoe WP", "Helvetica Neue", 'RobotoRegular', sans-serif;
@headingfonts: 		"Segoe UI Light", "Helvetica Neue", 'RobotoLight', "Segoe UI", "Segoe WP", sans-serif;
@baseFontSize:		18px;
@h1fontSize:        @baseFontSize * 4;
@h2fontSize:        @baseFontSize * 3;
@h3fontSize:        @baseFontSize * 2;

/* Colors */
@black:				#000;
@white:				#FFF;
@blue:              #1BA1E2;
@brown:             #A05000;
@green:             #339933;
@lime:              #8CBF26;
@magenta: 			#FF0097;
@orange:            #F09609;
@pink:              #E671B8;
@purple: 			#A200FF;
@red:               #E51400;
@teal: 				#00ABA9;

@accent: 			@lime;
@accentDark:	 	darken(@accent, 15%);
@background:    white;
@foreground:    black;
@inactive: 			#aaaaaa;
@faded:				#fafafa;

@test: #132;
@test2: @test;


.debug-content {

  &.is-enabled {
    .debug-toggle-link {
      color: @openstax-neutral;
    }
    .visible-when-debugging {
      display: block;
    }
  }

  .visible-when-debugging {
    display: none;
  }

  .debug-toggle-link {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 10; // overlay navbar
    line-height: 1.5rem;
    font-size: 1.5rem;
    color: transparent;
    &:hover { color: @openstax-neutral; }
  }
}

Apply some default styles to content

.debug-content {

  &.is-enabled {
    .debug-toggle-link {
      color: @openstax-neutral;
    }
    .visible-when-debugging {
      display: block;
      border: 1px solid;
      padding: 5px;
      border-radius: 4px;
      margin: 5px 0;
     }
  }

  .visible-when-debugging {
    display: none;
  }

  .debug-toggle-link {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 10; // overlay navbar
    line-height: 1.5rem;
    font-size: 1.5rem;
    color: transparent;
    &:hover { color: @openstax-neutral; }
  }
}


/*
  LESS file for Drupal styles.
  If you have shared drupal/ckan styles consider moving them to dgu-shared.less .
*/

body {
 padding-top: 0;  // Remove the inherited whitespace above the body from style.css in bootstrap theme.
 }

/* Blogs */
 div.view-id-blogs div.views-row div.views-field-field-avatar {
   //border: 5px solid black;
   //padding: 10px;
   //margin: 10px;
 }

 div.views-field-field-avatar {
   float: left;
 }

div.views-field-field-avatar img {
   border: 4px solid ;
   margin: 10px;
 }

div.views-field-id span{
  background: url(/assets/img/comment.png) 0 4px no-repeat;
  padding-left: 20px;
}

Make frequent blogger posts inline.

/*
  LESS file for Drupal styles.
  If you have shared drupal/ckan styles consider moving them to dgu-shared.less .
*/

body {
 padding-top: 0;  // Remove the inherited whitespace above the body from style.css in bootstrap theme.
 }

/* Blogs */
 div.view-id-blogs div.views-row div.views-field-field-avatar {
   //border: 5px solid black;
   //padding: 10px;
   //margin: 10px;
 }

 div.views-field-field-avatar {
   float: left;
 }

div.views-field-field-avatar img {
   border: 4px solid ;
   margin: 10px;
 }

div.views-field-id span{
  background: url(/assets/img/comment.png) 0 4px no-repeat;
  padding-left: 20px;
}

/*Frequent Bloggers Block*/
div.view-id-frequent_bloggers div.views-field {
  display: inline;
}


/* Fonts */

@import "fonts.less";

/* Colors */

@import "colors.less";

/* Generics */
html, body{
  margin: 0;
  padding: 0;
}
body{
  background: @easy;
}

nav {
  background: @g445;
}
main{
  background: @flatbone;

}
footer{
  background: @easy;

}

/* Helpers */

@import "helpers.less";

/* Grid */

@import "grid.less";

/* Elements */
ul.navbar{
  margin: 0;
  padding: 0;
  overflow: auto;
  display: block;
  list-style-type: none;

  li{
    float: left;

    a{
      padding: 15px;
      display: inline-block;

    }
  }
  li.active{
    background: darken(@g445, 10%);
  }
}

Add open sans as base font

/* Fonts */

@import "fonts.less";

/* Colors */

@import "colors.less";

/* Generics */
html, body{
  margin: 0;
  padding: 0;
  font-face: 'Open Sans';
}
body{
  background: @easy;
}

nav {
  background: @g445;
}
main{
  background: @flatbone;

}
footer{
  background: @easy;

}

/* Helpers */

@import "helpers.less";

/* Grid */

@import "grid.less";

/* Elements */
ul.navbar{
  margin: 0;
  padding: 0;
  overflow: auto;
  display: block;
  list-style-type: none;

  li{
    float: left;

    a{
      padding: 15px;
      display: inline-block;

    }
  }
  li.active{
    background: darken(@g445, 10%);
  }
}


@import "syntax-variables";

atom-text-editor::shadow {
  .wrap-guide {
    height: 100%;
    width: 1px;
    z-index: 3;
    position: absolute;
    top: 0;
    background-color: @syntax-wrap-guide-color;
    -webkit-transform: translateZ(0);
  }
}

Stop using shadow DOM selectors

@import "syntax-variables";

atom-text-editor {
  .wrap-guide {
    height: 100%;
    width: 1px;
    z-index: 3;
    position: absolute;
    top: 0;
    background-color: @syntax-wrap-guide-color;
    -webkit-transform: translateZ(0);
  }
}


.az-page-header {
  padding: 5px 0 10px;
  margin: 0 0 30px;
  border-bottom: 1px solid #dddddd;
  background-color: #f4f4f4;

  h1 {
    font-size: 32px;
    margin-bottom: 5px;
  }

  .az-page-header-form {
    margin-top: 20px;
  }

  .az-exflow-stats {
    margin-top: 10px;

    p {
      margin-bottom: 5px;
    }
  }

  .editable {
    margin: 0px;
    cursor: pointer;
    &:hover {
      background-color: #fcfcfc;
    }
    &.editable-placeholder {
      color: #a0a0a0;
    }
  }

  .editable-form {
    display: none;
  }

  .header-title {
    padding-left: 15px;
    float: left;
  }

  .header-control {
    float: right;
    padding-right: 15px;
    width: 500px;

    .form-group {
      padding: 0;
    }
  }
}

Fix appearance of edit box for project description.

.az-page-header {
  padding: 5px 0 10px;
  margin: 0 0 30px;
  border-bottom: 1px solid #dddddd;
  background-color: #f4f4f4;

  h1 {
    font-size: 32px;
    margin-bottom: 5px;
  }

  .az-page-header-form {
    margin-top: 20px;
  }

  .az-exflow-stats {
    margin-top: 10px;

    p {
      margin-bottom: 5px;
    }
  }

  .editable {
    margin: 0px;
    cursor: pointer;
    &:hover {
      background-color: #fcfcfc;
    }
    &.editable-placeholder {
      color: #a0a0a0;
    }
  }

  .editable-form {
    display: none;
  }

  .header-title {
    padding-left: 15px;
    float: left;
    width: 40%;
  }

  .header-control {
    float: right;
    padding-right: 15px;
    width: 500px;

    .form-group {
      padding: 0;
    }
  }
}


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require bootstrap_and_overrides
 *= require_tree .
*/

body {
  padding-top: 180px;
}

footer {
  margin: 10px;
  text-align: center;
  color: #999;
}

Add missing hr.soften style which we've been meaning to use.

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require bootstrap_and_overrides
 *= require_tree .
*/

body {
  padding-top: 180px;
}

footer {
  margin: 10px;
  text-align: center;
  color: #999;
}

/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 54px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}


/*****************************************************************************/
/* PagesShow: Style */
/*****************************************************************************/
.hover-paragraph {
  position: relative;
}

.hover-paragraph:first-child {
  border: 1px dotted rgba(0,0,0,0);
}

.hover-paragraph:first-child:hover {
  border: 1px dotted silver;
  border-radius: 5px;

  .paragraph-actions {
    display: block;
  }
}

.form-editor {
  border: 1px dotted silver;
  border-radius: 5px;
  padding: 7px;
  background-color: #eee;
}

Enable 5px padding in form

/*****************************************************************************/
/* PagesShow: Style */
/*****************************************************************************/
.hover-paragraph {
  position: relative;
}

.hover-paragraph:first-child {
  border: 1px dotted rgba(0,0,0,0);
}

.hover-paragraph:first-child:hover {
  border: 1px dotted silver;
  border-radius: 5px;

  .paragraph-actions {
    display: block;
  }
}

.form-editor {
  border: 1px dotted silver;
  border-radius: 5px;
  padding: 5px;
  background-color: #eee;
}


//
// Progress bars
// --------------------------------------------------

// Bar itself
// -------------------------

// Outer container
.progress {
  border: 1px solid #999;
  padding: 1px;
  height: 14px;
  font-size: @font-size-small;
  height: @line-height-computed;
  margin-bottom: @line-height-computed;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  .box-shadow(none);
}

// Bar of progress
.progress-bar {
  line-height: @line-height-computed;
  background-color: @progress-bar-bg;
  background-image: none;
  .box-shadow(none);
}

// Striped bars
.progress-striped .progress-bar {
  #gradient > .striped(@progress-bar-bg);
  background-size: 40px 40px;
 }

// Variations
// -------------------------

.progress-bar-success {
  .progress-bar-variant(@progress-bar-success-bg);
}

.progress-bar-info {
  .progress-bar-variant(@progress-bar-info-bg);
}

.progress-bar-warning {
  .progress-bar-variant(@progress-bar-warning-bg);
}

.progress-bar-danger {
  .progress-bar-variant(@progress-bar-danger-bg, #ee5f5b);
}

Apply gradient stripe @color parameter

//
// Progress bars
// --------------------------------------------------

// Bar itself
// -------------------------

// Outer container
.progress {
  border: 1px solid #999;
  padding: 1px;
  height: 14px;
  font-size: @font-size-small;
  height: @line-height-computed;
  margin-bottom: @line-height-computed;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
  .box-shadow(none);
}

// Bar of progress
.progress-bar {
  line-height: @line-height-computed;
  background-color: @progress-bar-bg;
  background-image: none;
  .box-shadow(none);
}

// Striped bars
.progress-striped .progress-bar {
  #gradient > .striped();
  background-size: 40px 40px;
 }

// Variations
// -------------------------

.progress-bar-success {
  .progress-bar-variant(@progress-bar-success-bg);
}

.progress-bar-info {
  .progress-bar-variant(@progress-bar-info-bg);
}

.progress-bar-warning {
  .progress-bar-variant(@progress-bar-warning-bg);
}

.progress-bar-danger {
  .progress-bar-variant(@progress-bar-danger-bg);
}


/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed 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 osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.click-to-copy {
  @top: click-to-copy;

  color: @link-gray-light;

  &__link {
    .link-white();
  }

  &__icon {
    display: none;
    padding-left: 5px;
    color: #999;
    cursor: pointer;

    .@{top}:hover & {
      display: inline;
    }
  }
}

Change opacity instead of display for copy/paste icon

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed 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 osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.click-to-copy {
  @top: click-to-copy;

  color: @link-gray-light;

  &__link {
    .link-white();
  }

  &__icon {
    opacity: 0;
    padding-left: 5px;
    color: #999;
    cursor: pointer;

    .@{top}:hover & {
      opacity: 1;
    }
  }
}


@import 'naturalcrit/styles/core.less';
.homebrew{
	height : 100%;
	.page{
		display          : flex;
		height           : 100%;
		background-color : @steel;
		flex-direction   : column;
		.content{
			position : relative;
			height   : calc(~"100% - 29px"); //Navbar height
			flex     : auto;
		}
	}
}

Fix duplicate scrollbar in "share" page

@import 'naturalcrit/styles/core.less';
.homebrew{
	height : 100%;
	.page{
		display          : flex;
		height           : 100%;
		background-color : @steel;
		flex-direction   : column;
		.content{
			position   : relative;
			overflow-y : hidden;
			height     : calc(~"100% - 29px"); //Navbar height
			flex       : auto;
		}
	}
}


@import "../../../../styles/variables.less";
@import "../../../../styles/mixins.less";

.media-footer {
  margin: 0 60px 60px 60px;

  > ul {
    margin: 0 0 40px 0;
    padding: 0 0 0 30px;
    font-size: 0;
    list-style-type: none;
    color: @link-color;
    border-bottom: 1px solid @gray-light;

    > li {
      display: inline-block;
      padding: 7px 10px;
      margin-right: 3px;
      font-size: 1.4rem;
      background-color: @gray-lightest;
      cursor: pointer;
      .user-select(none);

      > .tab-title {
        margin-left: 2px;
        vertical-align: middle;

        &::after {
          font-weight: bold;
          margin-left: 5px;
          vertical-align: top;
          content: "+";
        }
      }

      &.active {
        color: @gray-lightest;
        background-color: @link-color;

        > .tab-title::after {
          content: "\2212"; // − (−)
        }
      }
    }
  }

  > div {
    display: none;
    background-color: white;
  }

  > .license, > .last-edit {
    display: block;
    font-size: 1.2rem;
    color: @gray-medium;
  }
}

Add border and spacing at bottom

@import "../../../../styles/variables.less";
@import "../../../../styles/mixins.less";

.media-footer {
  margin: 0 60px 60px 60px;

  > ul {
    margin: 0 0 40px 0;
    padding: 0 0 0 30px;
    font-size: 0;
    list-style-type: none;
    color: @link-color;
    border-bottom: 1px solid @gray-light;

    > li {
      display: inline-block;
      padding: 7px 10px;
      margin-right: 3px;
      font-size: 1.4rem;
      background-color: @gray-lightest;
      cursor: pointer;
      .user-select(none);

      > .tab-title {
        margin-left: 2px;
        vertical-align: middle;

        &::after {
          font-weight: bold;
          margin-left: 5px;
          vertical-align: top;
          content: "+";
        }
      }

      &.active {
        color: @gray-lightest;
        background-color: @link-color;

        > .tab-title::after {
          content: "\2212"; // − (−)
        }
      }
    }
  }

  > div {
    display: none;
    padding-bottom: 40px;
    margin-bottom: 40px;
    background-color: white;
    border-bottom: 1px solid @gray-light;
  }

  > .license, > .last-edit {
    display: block;
    font-size: 1.2rem;
    color: @gray-medium;
  }
}


// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";

body.code-links-visible atom-text-editor::shadow {
    .code-links .region {
        // Needs to be clickable
        pointer-events: auto;
        // regions are not normally clickable and have a z-index of -1.
        // 1 seems to work, but I don't know if that might change later.
        z-index: 1;
        border-bottom: thin solid @text-color;
    }
}

Add pointer class to cursor

// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";

body.code-links-visible atom-text-editor::shadow {
    .code-links .region {
        // Needs to be clickable
        pointer-events: auto;
        // regions are not normally clickable and have a z-index of -1.
        // 1 seems to work, but I don't know if that might change later.
        z-index: 1;
        border-bottom: thin solid @text-color;
        cursor: pointer;
    }
}


@import 'bootplus/bootplus';
@import 'bootplus/responsive';
@import 'font-awesome/font-awesome';

// Set the correct sprite paths
@iconSpritePath: "glyphicons-halflings.png";
@iconWhiteSpritePath: "glyphicons-halflings-white.png";

body { margin-top: 60px; }

Clean up after the merge conflict

@import 'bootplus/bootplus';
@import 'bootplus/responsive';
//@import 'font-awesome/font-awesome';

// Set the correct sprite paths
@iconSpritePath: "glyphicons-halflings.png";
@iconWhiteSpritePath: "glyphicons-halflings-white.png";

body { margin-top: 60px; }


// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.profile-stats {
  font-size: @font-size--normal;
  display: grid;
  grid-template-columns: auto auto;
  gap: 4px 10px;

  &--modding {
    max-width: max-content;
  }

  &__entry {
    display: contents;

    &--key-ranked_score {
      color: hsl(var(--hsl-h1));
    }
  }

  &__key {
    font-weight: normal; // undo default from dt
  }
}

Remove highlight for ranked score

// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.profile-stats {
  font-size: @font-size--normal;
  display: grid;
  grid-template-columns: auto auto;
  gap: 4px 10px;

  &--modding {
    max-width: max-content;
  }

  &__entry {
    display: contents;
  }

  &__key {
    font-weight: normal; // undo default from dt
  }
}


@import "twitter/bootstrap/bootstrap";
@import "twitter/bootstrap/responsive";

// Set the correct sprite paths
@iconSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings");
@iconWhiteSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings-white");

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
// Note: If you use asset_path() here, your compiled bootstrap_and_overrides.css will not
//       have the proper paths. So for now we use the absolute path.
@fontAwesomeEotPath: asset-path("fontawesome-webfont.eot");
@fontAwesomeEotPath_iefix: asset-path("fontawesome-webfont.eot#iefix");
@fontAwesomeWoffPath: asset-path("fontawesome-webfont.woff");
@fontAwesomeTtfPath: asset-path("fontawesome-webfont.ttf");
@fontAwesomeSvgPath: asset-path("fontawesome-webfont.svg");

// Font Awesome
@import "fontawesome";

// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
//
// Example:
// @linkColor: #ff0000;

.field_with_errors {
  .control-group.error
}

Make brand link more like a link

@import "twitter/bootstrap/bootstrap";
@import "twitter/bootstrap/responsive";

// Set the correct sprite paths
@iconSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings");
@iconWhiteSpritePath: asset-path("twitter/bootstrap/glyphicons-halflings-white");

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
// Note: If you use asset_path() here, your compiled bootstrap_and_overrides.css will not
//       have the proper paths. So for now we use the absolute path.
@fontAwesomeEotPath: asset-path("fontawesome-webfont.eot");
@fontAwesomeEotPath_iefix: asset-path("fontawesome-webfont.eot#iefix");
@fontAwesomeWoffPath: asset-path("fontawesome-webfont.woff");
@fontAwesomeTtfPath: asset-path("fontawesome-webfont.ttf");
@fontAwesomeSvgPath: asset-path("fontawesome-webfont.svg");

// Font Awesome
@import "fontawesome";

// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
//
// Example:
// @linkColor: #ff0000;

.navbar .brand:hover {
  color: @blue;
}

.field_with_errors {
  .control-group.error
}


@import "./colors";

@io-panel-height: 250px;

// Layout styles
// TODO: smaller screen styling, stack? Switch to a tabbed view?
// Rely on min/max buttons?
.delve-io-left-panel, .delve-io-right-panel {
  display: inline-block;
  vertical-align: top;
  height: @io-panel-height;
  min-width: 250px;
  background: @term-bg;
}

.delve-io-left-panel { width: 64%; }
.delve-io-right-panel { width: 35%; }

.delve-io-panel-resizer {
  width: 2px;
  background-color: @term-border-color;
  height: @io-panel-height;
  display: inline-block;

  &:hover { cursor: col-resize; }
}

.delve-io-title-bar {
  height: 1.5em;
  width: 100%;
  padding: 0 1.25em;

  .delve-io-action {
    &-minimize, &-maximize {
      float: right;
      margin: 0 1em;
    }
  }
}

Set scroll rule for panels

@import "./colors";

@io-panel-height: 250px;

// Layout styles
// TODO: smaller screen styling, stack? Switch to a tabbed view?
// Rely on min/max buttons?
.delve-io-left-panel, .delve-io-right-panel {
  display: inline-block;
  vertical-align: top;
  height: @io-panel-height;
  min-width: 250px;

  background: @term-bg;
  overflow-y: scroll;
}

.delve-io-left-panel { width: 64%; }
.delve-io-right-panel { width: 35%; }

.delve-io-panel-resizer {
  width: 2px;
  background-color: @term-border-color;
  height: @io-panel-height;
  display: inline-block;

  &:hover { cursor: col-resize; }
}

.delve-io-title-bar {
  height: 1.5em;
  width: 100%;
  padding: 0 1.25em;

  .delve-io-action {
    &-minimize, &-maximize {
      float: right;
      margin: 0 1em;
    }
  }
}


.panel.fullscreen {
  border-radius: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 4;
  border-bottom: none;

  // Flex stuff
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;

  .panel-heading {
    border-radius: 0;
  }

  .panel-body.student-list {
    height: 20vh;
    resize: vertical;
    max-height: 40vh;
    overflow: scroll;
    border-bottom: 2px solid #428bca;
    box-shadow: 1px 1px 3px;
  }
  .panel-body.project-show {
    overflow-y: scroll;
    -webkit-flex: 1;
            flex: 1;
    position: relative;

    &.no-padding {
      padding: 0px;
    }

    .panel, .panel-heading {
      border-radius: 0;
    }

    .nothing-selected {
      .large-notice-block;
      position: absolute;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0;
      font-size: 3em;
      text-align: center;
      font-weight: 300;
      i, p {
        display: block;
        width: 100%;
        margin-bottom: 0.75em;
      }
    }
  }
}

*:not(.fullscreen) .panel-body {
  height: auto !important; // Needs to be important to override resize
}

Fix issue where PDF viewers were not showing PDF


/*
  v2
  Blog Pages
*/
.blog {
  img {
    max-width: 100%;
  }

  .blog-list {
    list-style: none;
    margin: 0;
    padding: 0;
    .blog-post {
      margin: 0 0 @margin-lg 0;
    }
    .card-header {
      margin-bottom: @margin-sm;
      padding: 0;
    }
    p {
      margin-top: 12.5px;
    }
  }

  .tags {
    margin-top: @margin-md;
    .tags-list {
      list-style: none;
      padding: 0;
    }
    li {
      display: inline-block;
      margin: 0;
      padding: 0 @margin-sm 0 0;
    }
    a {
      font-size: small;
    }
  }

  pre {
    border: 1px solid @ol-blue-gray-2;
    border-radius: @border-radius-base;
    padding: @padding-sm;
  }
}

Add padding-bottom to blog tags

/*
  v2
  Blog Pages
*/
.blog {
  img {
    max-width: 100%;
  }

  .blog-list {
    list-style: none;
    margin: 0;
    padding: 0;
    .blog-post {
      margin: 0 0 @margin-lg 0;
    }
    .card-header {
      margin-bottom: @margin-sm;
      padding: 0;
    }
    p {
      margin-top: 12.5px;
    }
  }

  .tags {
    margin-top: @margin-md;
    .tags-list {
      list-style: none;
      padding: 0;
    }
    li {
      display: inline-block;
      margin: 0;
      padding: 0 @padding-sm @padding-sm 0;
    }
    a {
      font-size: small;
    }
  }

  pre {
    border: 1px solid @ol-blue-gray-2;
    border-radius: @border-radius-base;
    padding: @padding-sm;
  }
}


.banner {
  margin-bottom: 30px;
  border: 0;

  .navbar-header {
    h1{
      margin: 0;
    }
    .navbar-brand {
      padding: 10px 15px;
    }
  }

  .navbar-collapse {
    border: none;
    .box-shadow(none);

    .navbar-form {
      margin: 0;
      padding: 8px 15px;
      border: none;
      .box-shadow(none);
    }
  }
}

Change the search form width to fit the sidebar width

.banner {
  margin-bottom: 30px;
  border: 0;

  .navbar-header {
    h1{
      margin: 0;
    }
    .navbar-brand {
      padding: 10px 15px;
    }
  }

  .navbar-collapse {
    border: none;
    .box-shadow(none);

    .navbar-form {
      margin: 0;
      padding: 8px 15px;
      border: none;
      .box-shadow(none);
    }

    @media (min-width: @screen-sm-min) {
      .search-field {
        width: 181px;
      }
    }

    @media (min-width: @screen-md-min) {
      .search-field {
        width: 262px;
      }
    }
  }
}


@import "octicon-utf-codes.less";

atom-text-editor,
atom-text-editor::shadow {
  .gutter .line-number.bookmarked .icon-right {
    visibility: visible;

    &:before {
      content: @bookmark;
      color: #09C;
    }
  }
}

.bookmarks-view {
  .bookmark {
    .line-text {
      font-family: monospace;
    }
  }
}

Stop using shadow DOM selectors

@import "octicon-utf-codes.less";

atom-text-editor {
  .gutter .line-number.bookmarked .icon-right {
    visibility: visible;

    &:before {
      content: @bookmark;
      color: #09C;
    }
  }
}

.bookmarks-view {
  .bookmark {
    .line-text {
      font-family: monospace;
    }
  }
}


.clearfix() {
  &:before,
  &:after {
    content: " "; // 1
    display: table; // 2
  }
  &:after {
    clear: both;
  }
}

.autocomplete-plus.popover-list {

  width: auto;
  display: inline-block;
  min-width: 200px;
  margin-left: 0;
  position: relative;
  input {
    position: absolute;
    opacity: 0.00;
  }

  ol.list-group {

    overflow-y: visible;
    margin-top: 0;
    li {
      .clearfix();
      .word {
        float: left;
      }
      .label {
        float: right;
        opacity: 0.3;
        padding-top: 8px;
      }
    }
  }
}

Use The Viewport To Size The Suggestion List

.clearfix() {
  &:before,
  &:after {
    content: " "; // 1
    display: table; // 2
  }
  &:after {
    clear: both;
  }
}

.autocomplete-plus.popover-list {

  width: auto;
  display: inline-block;
  min-width: 200px;
  margin-left: 0;
  position: relative;
  input {
    position: absolute;
    opacity: 0.00;
  }

  ol.list-group {
    max-height: 50vh;
    overflow-y: auto;
    margin-top: 0;
    li {
      .clearfix();
      .word {
        float: left;
      }
      .label {
        float: right;
        opacity: 0.3;
        padding-top: 8px;
      }
    }
  }
}


#colophon .footer-logo {

    a {
        color: #bbb;
        font-size: 26px;
        text-decoration: none;
    }
}
#main-feature.huge {

    h1 {
        text-transform: uppercase;
    }

}

Make slogan small-caps and capitalize

#colophon .footer-logo {

    a {
        color: #bbb;
        font-size: 26px;
        text-decoration: none;
    }
}
#main-feature.huge {

    h1 {
        text-transform: uppercase;
    }

    h2 {
        font-variant: small-caps;
        text-transform: capitalize;
    }

}


/*
 * Definitions
 */

// Body
@body-font-family: @regular-font-family;
@body-font-weight: @regular-font-weight;
@body-color: @dark;
@body-line-height: @line-height-medium;
@body-letter-spacing: 0.03rem;
@body-background: @white;

/*
 * Body
 */

// Font Rendering
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

// Box Sizing
*,
*:before,
*:after {
	.box-sizing(border-box);
}

// General Styles
html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

// Body Font and Color
body {
	font-family: @body-font-family;
	font-weight: @body-font-weight;
	color: @body-color;
	line-height: @body-line-height;
	letter-spacing: @body-letter-spacing;
	background: @body-background;
}

Revert "Removed outline reset on :focus state"

/*
 * Definitions
 */

// Body
@body-font-family: @regular-font-family;
@body-font-weight: @regular-font-weight;
@body-color: @dark;
@body-line-height: @line-height-medium;
@body-letter-spacing: 0.03rem;
@body-background: @white;

/*
 * Body
 */

// Font Rendering
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

// Box Sizing
*,
*:before,
*:after {
	.box-sizing(border-box);
}

// Removes Dotted Border
:focus {
	outline: 0;
}

// General Styles
html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

// Body Font and Color
body {
	font-family: @body-font-family;
	font-weight: @body-font-weight;
	color: @body-color;
	line-height: @body-line-height;
	letter-spacing: @body-letter-spacing;
	background: @body-background;
}


// Main background
@bg: @color-0-2;
@text-color: @color-5;

// Line number gutter color
@gutter-bg: @bg;
@gutter-color: @color-3;

// Background of code selection
@select-bg: @color-1;

// Color of active lines, etc ...
@active-color: @color-1;

/*
 * Syntaxic highlighting
 */
@syntax-class: #fbbe3e;
@syntax-variable: #bf616a;
@syntax-keyword: @color-14;
@syntax-string: @color-11;
@syntax-number: #c1641f;
@syntax-regex: #40913b;
@syntax-method: #5989b3;
@syntax-comment: @color-3;

/*
 * Autocomplete
 */
@popup-bg: #393939;
@autocomplete-bg: #393939;
@autocomplete-color: #747369;
@autocomplete-match-color: #d3d0c8;
@autocomplete-selected-bg: #515151;
@autocomplete-selected-color: @autocomplete-color;
@autocomplete-selected-match-color: @autocomplete-match-color;

Normalize syntax color for number and methods

// Main background
@bg: @color-0-2;
@text-color: @color-5;

// Line number gutter color
@gutter-bg: @bg;
@gutter-color: @color-3;

// Background of code selection
@select-bg: @color-1;

// Color of active lines, etc ...
@active-color: @color-1;

/*
 * Syntaxic highlighting
 */
@syntax-class: #fbbe3e;
@syntax-variable: #bf616a;
@syntax-keyword: @color-14;
@syntax-string: @color-11;
@syntax-number: @color-9;
@syntax-regex: #40913b;
@syntax-method: @color-13;
@syntax-comment: @color-3;

/*
 * Autocomplete
 */
@popup-bg: #393939;
@autocomplete-bg: #393939;
@autocomplete-color: #747369;
@autocomplete-match-color: #d3d0c8;
@autocomplete-selected-bg: #515151;
@autocomplete-selected-color: @autocomplete-color;
@autocomplete-selected-match-color: @autocomplete-match-color;


@discussion-width: 810px;

.discussion2 {
  width: 810px;
  margin: 90px auto 0;
  z-index: 0;
  position: relative;
}

Use padding instead of margin, to make sure the page stays 100% height

@discussion-width: 810px;

.discussion2 {
  width: 810px;
  margin: 0 auto;
  padding: 90px 0 0;
  z-index: 0;
  position: relative;
}


// Colors
@import (less) 'colors.less';

.node circle {
  cursor: pointer;
  fill: @white;
  stroke: @light-green;
  stroke-width: 1.5px;
}

.label {
  font-size: 0.6em;
  text-align: center;
  word-wrap: normal;
}

path.link {
  fill: none;
  stroke: @dark-grey;
  stroke-width: 1.5px;
}

a.node, a.node:visited, a.node:hover, a.node:active {
  text-decoration: none;
  color: @black;
}

Add 1px white text border to make labels "on top" of connecting lines

// Colors
@import (less) 'colors.less';

.node circle {
  cursor: pointer;
  fill: @white;
  stroke: @light-green;
  stroke-width: 1.5px;
}

.label {
  font-size: 0.7em;
  text-align: center;
  word-wrap: normal;
}

path.link {
  fill: none;
  stroke: @light-grey;
  stroke-width: 1.5px;
}

a.node, a.node:visited, a.node:hover, a.node:active {
  text-decoration: none;
  // a dirty, dirty hack to emulate a 2px text border
  // since there's no supported CSS3 directive for it...
  text-shadow: 0 0 2px @white, 0 0 2px @white, 0 0 2px @white,
               0 0 2px @white, 0 0 2px @white, 0 0 2px @white,
               0 0 2px @white, 0 0 2px @white, 0 0 2px @white,
               0 0 2px @white, 0 0 2px @white, 0 0 2px @white;
  color: @black;
}


// Override bootstrap LESS vars before import.

@import "twitter/bootstrap.less";

.badge-success {
	background-color: #5cb85c;
}

.badge-info {
	background-color: #5bc0de;
}

.btn-toolbar {
	margin-bottom: 10px;
}

.dropdown-menu {
	li .section-header {
		padding-left: 10px;
		color: #888;
	}
}

.navbar-nav {
	& > li > .user-menu-toggle {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: right;

		img {
			max-height: 32px;
			max-width: 32px;
			border-radius: 2px;
			margin-left: 5px;
		}
	}
}

Remove text-align: right from user menu

// Override bootstrap LESS vars before import.

@import "twitter/bootstrap.less";

.badge-success {
	background-color: #5cb85c;
}

.badge-info {
	background-color: #5bc0de;
}

.btn-toolbar {
	margin-bottom: 10px;
}

.dropdown-menu {
	li .section-header {
		padding-left: 10px;
		color: #888;
	}
}

.navbar-nav {
	& > li > .user-menu-toggle {
		padding-top: 10px;
		padding-bottom: 10px;

		img {
			max-height: 32px;
			max-width: 32px;
			border-radius: 2px;
			margin-left: 5px;
		}
	}
}


@import "flexbox";

.editor {
  .flex-grow(@grow: 1);
  width: 70%;
  .flex-display(flex);
  .flex-direction(@direction: column);
}

.editorTitle {
  border: none;
  font-size: 24px;
  margin-bottom: 10px;
  min-height: 30px;
  display: block;
  padding: 0.1em 0.3em;
}

.editorBody {
  .flex-grow(@grow: 1);
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 0.5em;
  background: #f9f9f9;
  overflow: auto;
  position: relative;
  outline: none;
  &:focus {
    outline: none;
  }
}

.marking {
  border-bottom: 2px solid;
}

.editorBody {
  .misspelling {
    .marking();
    border-bottom-color: #faa;
    //&::selection {
    //  background: #faa;
    //}
  }

  .typographical,
  .grammar,
  .whitespace {
    .marking();
    border-bottom-color: #afa;
    //&::selection {
    //  background: #afa;
    //}
  }
}

Add color to style flags

@import "flexbox";

.editor {
  .flex-grow(@grow: 1);
  width: 70%;
  .flex-display(flex);
  .flex-direction(@direction: column);
}

.editorTitle {
  border: none;
  font-size: 24px;
  margin-bottom: 10px;
  min-height: 30px;
  display: block;
  padding: 0.1em 0.3em;
}

.editorBody {
  .flex-grow(@grow: 1);
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 0.5em;
  background: #f9f9f9;
  overflow: auto;
  position: relative;
  outline: none;
  &:focus {
    outline: none;
  }
}

.marking {
  border-bottom: 2px solid;
}

.editorBody {
  .misspelling {
    .marking();
    border-bottom-color: #faa;
    //&::selection {
    //  background: #faa;
    //}
  }

  .typographical,
  .grammar,
  .whitespace {
    .marking();
    border-bottom-color: #afa;
    //&::selection {
    //  background: #afa;
    //}
  }
  .style {
    .marking();
    border-bottom-color: #fa5;
    //&::selection {
    //  background: #afa;
    //}
  }
}


@import "twitter/bootstrap/bootstrap";

// Set the correct sprite paths
@iconSpritePath: image-url("twitter/bootstrap/glyphicons-halflings.png");
@iconWhiteSpritePath: image-url("twitter/bootstrap/glyphicons-halflings-white.png");

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
@fontAwesomeEotPath: asset-url("fontawesome-webfont.eot");
@fontAwesomeEotPath_iefix: asset-url("fontawesome-webfont.eot?#iefix");
@fontAwesomeWoffPath: asset-url("fontawesome-webfont.woff");
@fontAwesomeTtfPath: asset-url("fontawesome-webfont.ttf");
@fontAwesomeSvgPath: asset-url("fontawesome-webfont.svg#fontawesomeregular");

// Font Awesome
@import "fontawesome/font-awesome";

// Glyphicons
//@import "twitter/bootstrap/sprites.less";

// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
//
// Example:
// @linkColor: #ff0000;
.qrcode {text-align:center}

Stop PPCoin addresses overflowing the panel

@import "twitter/bootstrap/bootstrap";

// Set the correct sprite paths
@iconSpritePath: image-url("twitter/bootstrap/glyphicons-halflings.png");
@iconWhiteSpritePath: image-url("twitter/bootstrap/glyphicons-halflings-white.png");

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
@fontAwesomeEotPath: asset-url("fontawesome-webfont.eot");
@fontAwesomeEotPath_iefix: asset-url("fontawesome-webfont.eot?#iefix");
@fontAwesomeWoffPath: asset-url("fontawesome-webfont.woff");
@fontAwesomeTtfPath: asset-url("fontawesome-webfont.ttf");
@fontAwesomeSvgPath: asset-url("fontawesome-webfont.svg#fontawesomeregular");

// Font Awesome
@import "fontawesome/font-awesome";

// Glyphicons
//@import "twitter/bootstrap/sprites.less";

// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/customize.html#variables for their names and documentation
//
// Example:
// @linkColor: #ff0000;
.qrcode {text-align:center}
.panel-body {overflow:auto}


details {
  padding: 1em 0;

  summary {
    cursor: pointer;
    display: block;
  }
}

.no-details {
  details {
    :not(summary) {
      display: none;
    }

    summary:before {
      content: '► ';
    }

    &.open {
      summary:before {
        content: '▼ ';
      }
    }
  }
}

Fix problem view contents in firefox

details {
  padding: 1em 0;

  summary {
    cursor: pointer;
    display: block;
  }
}

.no-details {
  details {
    :not(summary) {
      display: none;
    }

    &.open * {
      display: block;
    }

    summary:before {
      content: '► ';
    }

    &.open {
      summary:before {
        content: '▼ ';
      }
    }
  }
}


/**
 * Standard color definitions and reusable color schemes.
 */

#rb-ns-ui() {
  .colors() {
    @light-grey: #E9E9E9;
    @dark-grey: #999999;
  }

  .color-schemes() {
    .grey() {
      @bg: #rb-ns-ui.colors[@light-grey];
      @border: #rb-ns-ui.colors[@dark-grey];
      @hover-bg: darken(@bg, 5%);
      @hover-border: lighten(@border, 5%);
    }
  }
}

Add new color scheme definitions.

/**
 * Standard color definitions and reusable color schemes.
 */

#rb-ns-ui() {
  .colors() {
    @black: #000000;
    @white: #FFFFFF;

    @grey-10: #333333;
    @grey-30: #555555;
    @grey-40: #777777;
    @grey-50: #999999;
    @grey-60: #C0C0C0;
    @grey-70: #D0D0D0;
    @grey-80: #E9E9E9;
    @grey-90: #F9F9F9;

    @blue-10: #102640;
    @blue-20: #275283;
    @blue-60: #B0D0FF;
    @blue-70: #D0E6FF;
    @blue-80: #DAEBFF;
    @blue-90: #F2FAFF;

    @brown-70: #E5D7A8;
    @brown-80: #EDE1B2;
    @brown-90: #FEFADF;

    @green-10: #006400;
    @green-70: #7FEB14;
    @green-80: #CDFF9C;
    @green-90: #DFFFD7;

    @red-10: #8B0000;
    @red-50: #F5A9A9;
    @red-90: #FFE0E5;

    @yellow-80: #FFF4B0;
    @yellow-90: #FDFECC;
  }

  .color-schemes() {
    .grey() {
      @bg: #rb-ns-ui.colors[@grey-80];
      @border: #rb-ns-ui.colors[@grey-50];
      @hover-bg: darken(@bg, 5%);
      @hover-border: lighten(@border, 5%);
    }
  }
}


//
// Application Stylesheet
//
@color-orange: #F16725;
@color-blue: #6BADFD;
@color-darkgrey: #666;
@color-charcoal: #333;
@color-lightgrey: #efefef;
@color-blogblues: #92CDF5;

// Constants for media queries
// TODO: migrate these to bootstrap's standard definitions, where possible
@media-full: 979px; // @screen-md-min
@media-thin: 768px; // @screen-sm-min
@media-mobile: 480px; // There's nothing smaller than the sm, so just say anything smaller than that is mobile.
@media-screen: 1170px; // @screen-lg-min
@height-navbar: 60px; // Needed to push-down content when navbar is fixed

// Fonts -- actual imports in fonts.less. This is for convenience variables
@font-slab: "museo-slab","Roboto Slab",serif;

Clear out obsolete media variables

//
// Application Stylesheet
//
@color-orange: #F16725;
@color-blue: #6BADFD;
@color-darkgrey: #666;
@color-charcoal: #333;
@color-lightgrey: #efefef;
@color-blogblues: #92CDF5;

@height-navbar: 60px; // Needed to push-down content when navbar is fixed

// Fonts -- actual imports in fonts.less. This is for convenience variables
@font-slab: "museo-slab","Roboto Slab",serif;


body {
  color: #656b6f;
  background-color: #eae2c9;
}

h1 {
   color: #253043;}

h2 {
   color: #253043;
}

h3, h4 {
   color: #737778;
}

h5 {
  color: #5578af;
}

#quote {
  color: #8c6093;
}

.title {
  color: #656b6f;
}

.date_range {
  color: #9e9e95;
}

Define EB Garamond regular, italic, small caps

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-variant: small-caps;
  src: local('EB Garamond SC'), local('EBGaramond'), url(../fonts/EBGaramondSC12-Regular.woff) format('woff');
}

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  src: local('EB Garamond'), local('EBGaramond'), url(../fonts/EBGaramond12-Italic.woff) format('woff');
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-variant: common-ligatures discretionary-ligatures historical-ligatures contextual;
  src: local('EB Garamond'), local('EBGaramond'), url(../fonts/EBGaramond12-Regular.woff) format('woff');
}

body {
  color: #656b6f;
  background-color: #eae2c9;
}

h1 {
   color: #253043;}

h2 {
   color: #253043;
}

h3, h4 {
   color: #737778;
}

h5 {
  color: #5578af;
}

#quote {
  color: #8c6093;
}

.title {
  color: #656b6f;
}

.date_range {
  color: #9e9e95;
}


.progress .progress-bar-correct {
  .progress-bar-variant(@progress-bar-success-bg);
}

.progress .progress-bar-incorrect {
  .progress-bar-variant(@progress-bar-danger-bg);
  #gradient > .striped(rgba(255,255,255,.15), 135deg);
  background-size: 20px 20px;
}

Make 0% progress label black

.progress .progress-bar-correct {
  .progress-bar-variant(@progress-bar-success-bg);
}

.progress .progress-bar-incorrect {
  .progress-bar-variant(@progress-bar-danger-bg);
  #gradient > .striped(rgba(255,255,255,.15), 135deg);
  background-size: 20px 20px;

  &[aria-valuenow="0"] {
    color: @tutor-black;
  }
}


// WebKit-style focus

.tab-focus() {
  // Default
  outline: thin dotted;
  // WebKit
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

Remove forced default focus outline

// WebKit-style focus

.tab-focus() {
  // WebKit-specific. Other browsers will keep their default outline style.
  // (Initially tried to also force default via `outline: initial`,
  // but that seems to erroneously remove the outline in Firefox altogether.)
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


.sketch-picker {
    .flexbox-fix {
        flex-direction: row;
    }
    .flexbox-fix > div {
        display: initial;
    }
}

.c-color-block {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px black solid;
    border-radius: 3px;
    vertical-align: middle;
    margin: @extra-small-spacer @medium-spacer @medium-spacer @extra-small-spacer;

    &.s-selected {
        border-color: white;
    }

    &:hover {
        border-color: gray;
    }
}

.c-styles-chooser {
    flex-flow: row;
    justify-content: space-between;
}

.c-styles-chooser-inputs {
    max-width: 250px;
}

Use color variables to improve color picker selected styles

.sketch-picker {
    .flexbox-fix {
        flex-direction: row;
    }
    .flexbox-fix > div {
        display: initial;
    }
}

.c-color-block {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px @primary-grey solid;
    border-radius: 3px;
    vertical-align: middle;
    margin: @extra-small-spacer @medium-spacer @medium-spacer @extra-small-spacer;

    &.s-selected {
        border: 2px @primary-red solid;
    }

    &:hover {
        border-color: @hover-grey;
    }
}

.c-styles-chooser {
    flex-flow: row;
    justify-content: space-between;
}

.c-styles-chooser-inputs {
    max-width: 250px;
}


.label {
    display: inline-block;
    margin: 0px;
    padding: 4px 5px 3px;
    font-size: 11px;
    font-weight: 300;
    line-height: 11px;
    text-transform: uppercase;
    vertical-align: middle;
    border-radius: 3px;

    &.label-warning {
        background-color: @gb-state-warning-background;
        color: @gb-state-warning-color;
    }
    &.label-info {
        background-color: @gb-state-info-background;
        color: @gb-state-info-color;
    }
    &.label-success {
        background-color: @gb-state-success-background;
        color: @gb-state-success-color;
    }
    &.label-danger {
        background-color: @gb-state-danger-background;
        color: @gb-state-danger-color;
    }
}

Use special color for warning label

.label {
    display: inline-block;
    margin: 0px;
    padding: 4px 5px 3px;
    font-size: 11px;
    font-weight: 300;
    line-height: 11px;
    text-transform: uppercase;
    vertical-align: middle;
    border-radius: 3px;

    &.label-warning {
        color: #a1882b;
        background-color: #ffefc6;
    }
    &.label-info {
        background-color: @gb-state-info-background;
        color: @gb-state-info-color;
    }
    &.label-success {
        background-color: @gb-state-success-background;
        color: @gb-state-success-color;
    }
    &.label-danger {
        background-color: @gb-state-danger-background;
        color: @gb-state-danger-color;
    }
}


// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";

atom-pane-container {
  atom-pane {
    flex-direction: row;
  }
}

ul.tab-bar {
  height: 100% !important;
  width: 20% !important;
  display: flex !important;
  table-layout: auto !important;
  flex-direction: column;

  li.tab {
    height: 35px !important;
    line-height: 35px !important;
    flex: initial !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: left !important;
    max-width: none !important;
  }
}

.nord-atom-ui-vertical-tabs {
}

Add horizontal border between pane

// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";

atom-pane-container {
  atom-pane {
    flex-direction: row;
    border-bottom: 1px solid #3b4252;
  }
}

ul.tab-bar {
  height: 100% !important;
  width: 20% !important;
  display: flex !important;
  table-layout: auto !important;
  flex-direction: column;

  li.tab {
    height: 35px !important;
    line-height: 35px !important;
    flex: initial !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    text-align: left !important;
    max-width: none !important;
  }
}

.nord-atom-ui-vertical-tabs {
}


.pinned-footer {
  .fixed-bar();
  background: fadeout(@openstax-white, 20%);
  padding: 10px @openstax-navbar-padding-horizontal;
  bottom: 0;
}

.pinned-header {
  .make-shy-animate();
}

.pinned-on {
  .pinned-header {
    top: @openstax-navbar-height;
    .fixed-bar();
  }
}

Extend past floated elements by using clearfix

.pinned-footer {
  .fixed-bar();
  background: fadeout(@openstax-white, 20%);
  padding: 10px @openstax-navbar-padding-horizontal;
  bottom: 0;
}

.pinned-header {
  .make-shy-animate();
}

.pinned-on {
  .pinned-header {
    top: @openstax-navbar-height;
    .fixed-bar();
  }
}

// always wrap around elements by extending bootstrap's clearfix
.card-body { &:extend(.clearfix all); }


// Include Bootstrap
@import "bootstrap/bootstrap.less";
@import "font-awesome/font-awesome.less";
//@import "core.less";
@import "tabs.less";
@import "grid.less";
@import "form.less";
@import "invoice.less";
@import "theme.less";

.clear {
    clear: both;
}

.container {
    width: 100%;
}

div.pagination > ul {
    .pagination;
}

ul.unstyled {
    li {
        list-style: none;
    }
}

/* QUOTE / INVOICE
*******************/

#quote-rows, #invoice-rows {
    .column-price, .column-total {
        width: 20%;
    }

    .column-qty {
        width: 8%;
    }
}

Fix Z-Index for contact details modal

// Include Bootstrap
@import "bootstrap/bootstrap.less";
@import "font-awesome/font-awesome.less";
//@import "core.less";
@import "tabs.less";
@import "grid.less";
@import "form.less";
@import "invoice.less";
@import "theme.less";

.clear {
    clear: both;
}

.container {
    width: 100%;
}

div.pagination > ul {
    .pagination;
}

ul.unstyled {
    li {
        list-style: none;
    }
}

/* QUOTE / INVOICE
*******************/

#quote-rows, #invoice-rows {
    .column-price, .column-total {
        width: 20%;
    }

    .column-qty {
        width: 8%;
    }
}

.modal .loading-mask {
  z-index: 10;
}


@import "ui-variables";

.settings-view {

  select.form-control {
    border: none;
  }

  atom-text-editor .placeholder-text, // <-- deprecated
  atom-text-editor::shadow .placeholder-text {
    color: lighten(@text-color-subtle, 15%);
  }

  .available-package-view .meta-user .author {
    color: lighten(@text-color-subtle, 10%);
  }

}

Improve contrast of select color

@import "ui-variables";

.settings-view {

  select.form-control {
    border: none;
    color: @text-color-selected;
  }

  atom-text-editor .placeholder-text, // <-- deprecated
  atom-text-editor::shadow .placeholder-text {
    color: lighten(@text-color-subtle, 15%);
  }

  .available-package-view .meta-user .author {
    color: lighten(@text-color-subtle, 10%);
  }

}


@import "../lib/TagLabel.less";
@import "../lib/TagIcon.less";

@import "TagCloud.less";
@import "TagDiscussionModal.less";
@import "TagTiles.less";

.DiscussionHero {
  .item-title {
    display: block;
    margin-top: 15px;
  }
}
.TagLinkButton.child {
  @media @tablet-up {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  margin-left: 10px;

  .TagIcon {
    display: none;
  }
}
.DiscussionComposer-changeTags {
  margin-right: 15px;
  vertical-align: 2px;
}
.DiscussionListItem-info > .item-tags {
  margin-right: 4px;
  opacity: 1;
}
@media @tablet-up {
  .IndexPage, .UserPage {
    .DiscussionListItem-info > .item-tags {
      float: right;
      margin-top: -14px;
      margin-right: 0;
    }
  }
}
@media @desktop-up {
  .TagsPage {
    .sideNav {
      .sideNav--horizontal();
      float: none;
      width: auto;
      padding-top: 0;

      &:after {
        display: none;
      }
    }
    .sideNavOffset {
      margin: 15px 0 0;
    }
  }
}

Update for discussion list padding change

@import "../lib/TagLabel.less";
@import "../lib/TagIcon.less";

@import "TagCloud.less";
@import "TagDiscussionModal.less";
@import "TagTiles.less";

.DiscussionHero {
  .item-title {
    display: block;
    margin-top: 15px;
  }
}
.TagLinkButton.child {
  @media @tablet-up {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  margin-left: 10px;

  .TagIcon {
    display: none;
  }
}
.DiscussionComposer-changeTags {
  margin-right: 15px;
  vertical-align: 2px;
}
.DiscussionListItem-info > .item-tags {
  margin-right: 4px;
  opacity: 1;
}
@media @tablet-up {
  .IndexPage, .UserPage {
    .DiscussionListItem-info > .item-tags {
      float: right;
      margin-top: -12px;
      margin-right: 0;
    }
  }
}
@media @desktop-up {
  .TagsPage {
    .sideNav {
      .sideNav--horizontal();
      float: none;
      width: auto;
      padding-top: 0;

      &:after {
        display: none;
      }
    }
    .sideNavOffset {
      margin: 15px 0 0;
    }
  }
}


.fullscreen {
  background-color: #000;
  width: 100%;
  height: 100%;
}

.asciinema-player-wrapper {
  text-align: center;
  outline: none;

  &:fullscreen {
    .fullscreen;
  }

  &:-webkit-full-screen {
    .fullscreen;
  }

  &:-moz-full-screen {
    .fullscreen;
  }

  .asciinema-player {
    text-align: left;
    display: inline-block;
    padding: 0px;
    position: relative;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    overflow: hidden;
    max-width: 100%;
  }
}

Make .fullscreen only a mixin, not a real class

.fullscreen() {
  background-color: #000;
  width: 100%;
  height: 100%;
}

.asciinema-player-wrapper {
  text-align: center;
  outline: none;

  &:fullscreen {
    .fullscreen;
  }

  &:-webkit-full-screen {
    .fullscreen;
  }

  &:-moz-full-screen {
    .fullscreen;
  }

  .asciinema-player {
    text-align: left;
    display: inline-block;
    padding: 0px;
    position: relative;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    overflow: hidden;
    max-width: 100%;
  }
}


@import '../echo.variables';

.mw-echo-ui-crossWikiUnreadFilterWidget {
	border: 1px solid @border-color;
	padding: @specialpage-separation-unit;
	width: @specialpage-sidebar-width;

	&-title {
		font-size: 1.3em;
		font-weight: bold;
	}

	&-subtitle {
		color: @grey-light;
	}
}

Make sure sidebar titles are under one another in Special:Notifications

@import '../echo.variables';

.mw-echo-ui-crossWikiUnreadFilterWidget {
	border: 1px solid @border-color;
	padding: @specialpage-separation-unit;
	width: @specialpage-sidebar-width;

	&-title {
		display: block;
		font-size: 1.3em;
		font-weight: bold;
	}

	&-subtitle {
		display: block;
		color: @grey-light;
	}
}


@import 'base';

html, body {
  height: 100%;
}

@import 'app';
@import 'irc-window';
@import 'tab-nav';
@import 'buffer-view';
@import 'input-box';
@import 'scrollbar';

Disable default scrolling in app.

@import 'base';

html, body {
  height: 100%;
  overflow: hidden;
}

@import 'app';
@import 'irc-window';
@import 'tab-nav';
@import 'buffer-view';
@import 'input-box';
@import 'scrollbar';


@import "variables";

.git-commit-message-view {
  padding: @component-padding;
  border-top: 1px solid @base-border-color;

  .editor-component {
    height: 100px;
    border: 1px solid @input-border-color;
    border-radius: @component-border-radius;
    overflow: auto;
    padding-left: 5px;
    padding-right: 5px;
  }

  .commit-message-footer {
    display: flex;
    align-items: center;
    margin-top: @component-padding;
  }

  .commit-button {
    flex: 1;
  }

  .message-countdown {
    width: 1.25em;
    text-align: right;
    margin-left: @component-padding;
  }
}

// TODO: Refactor, once things settle
.git-commit-message-view.git-commit-message-view {
  flex: 0 0 auto; // Use auto-height
}

Add padding on all sides

@import "variables";

.git-commit-message-view {
  padding: @component-padding;
  border-top: 1px solid @base-border-color;

  .editor-component {
    height: 100px;
    border: 1px solid @input-border-color;
    border-radius: @component-border-radius;
    overflow: auto;
    padding: @component-padding / 2;
    background-color: @syntax-background-color;
  }

  .commit-message-footer {
    display: flex;
    align-items: center;
    margin-top: @component-padding;
  }

  .commit-button {
    flex: 1;
  }

  .message-countdown {
    width: 1.25em;
    text-align: right;
    margin-left: @component-padding;
  }
}

// TODO: Refactor, once things settle
.git-commit-message-view.git-commit-message-view {
  flex: 0 0 auto; // Use auto-height
}


@import "ui-variables";
@import "octicon-mixins";

@font-face { .octicon-font(); }

html {
  font-family: @font-family;
  font-size: @font-size;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

atom-workspace {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  color: @text-color;
  background-color: @app-background-color;
  font-family: @font-family;

  atom-workspace-axis {
    position: relative;
  }

  atom-workspace-axis.horizontal {
    display: flex;
    flex: 1;
  }

  atom-workspace-axis.vertical {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
}

Fix overflowing of the tabs

@import "ui-variables";
@import "octicon-mixins";

@font-face { .octicon-font(); }

html {
  font-family: @font-family;
  font-size: @font-size;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

atom-workspace {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  color: @text-color;
  background-color: @app-background-color;
  font-family: @font-family;

  atom-workspace-axis {
    position: relative;
  }

  atom-workspace-axis.horizontal {
    display: flex;
    flex: 1;
  }

  atom-workspace-axis.vertical {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
  }
}


/*
 * Your Stylesheet
 */

@import 'ui-variables';

// Ensure that workspace is distinguishable from tab bar and status bar
// (when no tabs are open)
atom-workspace {
  background-color: @base-background-color;
}

atom-text-editor:not([mini]) {
  &::shadow {
    // De-italicize all syntax components which Monokai italicizes
    .storage.type,
    .entity.other.inherited-class,
    .variable.parameter,
    .support.type,
    .support.class {
      font-style: normal;
    }
    // Make selected line more prominent
    .line.cursor-line {
      background-color: rgba(255, 255, 255, 0.05);
    }
  }
}

.status-bar linter-bottom-status.inline-block {
  // Move Linter Status to the left of Encoding and Language in status bar
  // Only looks good if Position setting is "left"
  float: right;
  // Also reduce margin to converve space
  margin-right: 0;
}

linter-bottom-tab {
  // Hide Linter file tabs to conserve space in status bar
  display: none;
  // Decrease font size of file tabs to vertically center them
  // (in case I ever decide to show them again)
  font-size: 10px;
}

Hide Find and Replace wrap icon

/*
 * Your Stylesheet
 */

@import 'ui-variables';

// Ensure that workspace is distinguishable from tab bar and status bar
// (when no tabs are open)
atom-workspace {
  background-color: @base-background-color;
}

atom-text-editor:not([mini]) {
  &::shadow {
    // De-italicize all syntax components which Monokai italicizes
    .storage.type,
    .entity.other.inherited-class,
    .variable.parameter,
    .support.type,
    .support.class {
      font-style: normal;
    }
    // Make selected line more prominent
    .line.cursor-line {
      background-color: rgba(255, 255, 255, 0.05);
    }
  }
}

.status-bar linter-bottom-status.inline-block {
  // Move Linter Status to the left of Encoding and Language in status bar
  // Only looks good if Position setting is "left"
  float: right;
  // Also reduce margin to converve space
  margin-right: 0;
}

linter-bottom-tab {
  // Hide Linter file tabs to conserve space in status bar
  display: none;
  // Decrease font size of file tabs to vertically center them
  // (in case I ever decide to show them again)
  font-size: 10px;
}

// Hide obtrusive overlay icon that displays when Find And Replace wraps around
.find-wrap-icon {
  display: none !important;
}


.media {
  // Proper spacing between instances of .media
  margin-top: 15px;

  &:first-child {
    margin-top: 0;
  }
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

// Reset margins on headings for tighter default spacing
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

// Media list variation
//
// Undo default ul/ol styles
.media-list {
  padding-left: 0;
  list-style: none;
}

Fix collapsing .img-thumbnail due to display: table-cell clashing with max-width

.media {
  // Proper spacing between instances of .media
  margin-top: 15px;

  &:first-child {
    margin-top: 0;
  }
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;

  // Fix collapse in webkit from max-width: 100% and display: table-cell.
  &.img-thumbnail {
    max-width: none;
  }
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

// Reset margins on headings for tighter default spacing
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

// Media list variation
//
// Undo default ul/ol styles
.media-list {
  padding-left: 0;
  list-style: none;
}


@import "shared/colors.less";

#my-face {
  border-radius: 50%;
  display:block;
  margin-left:auto;
  margin-right:auto;
  border: 2px @black solid;
  background-color: @black;
  box-shadow: 0 0 0 0.5em @primary-dark;

  margin-bottom: 1rem;
}

#social-media-widget {
  display: flex;
  justify-content: flex-end;
}

.social-media-link {
  margin: 1em;
}

Use primary color for my face

@import "shared/colors.less";

#my-face {
  border-radius: 50%;
  display:block;
  margin-left:auto;
  margin-right:auto;
  border: 2px @black solid;
  background-color: @black;
  box-shadow: 0 0 0 0.5em @primary;

  margin-bottom: 1rem;
}

#social-media-widget {
  display: flex;
  justify-content: flex-end;
}

.social-media-link {
  margin: 1em;
}


@import "ui-variables";

.incompatible-packages {
  background-color: @pane-item-background-color;

  .description {
    font-size: 1.2em;
    margin-bottom: 1em;
  }

  .incompatible-package {
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid #d1d1d2;
    background-color: #fafafa;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;

    .heading {
      margin-top: 0px;
    }

    ul {
      padding-left: 1em;
    }

    li {
      list-style-type: none;
    }

    pre {
      margin-top: 2em;
    }
  }
}

.incompatible-packages-status {
  padding-left: 2px;
}

Add overflow scroll to pane item

@import "ui-variables";

.incompatible-packages {
  background-color: @pane-item-background-color;
  overflow-y: scroll;

  .description {
    font-size: 1.2em;
    margin-bottom: 1em;
  }

  .incompatible-package {
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid #d1d1d2;
    background-color: #fafafa;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;

    .heading {
      margin-top: 0px;
    }

    ul {
      padding-left: 1em;
    }

    li {
      list-style-type: none;
    }

    pre {
      margin-top: 2em;
    }
  }
}

.incompatible-packages-status {
  padding-left: 2px;
}


.post-block {
  border-bottom: 2px solid #F9FAFB;
  font-size: 1.5rem;
  padding: 2rem;
  background-color: white;
  // incredibly subtle faded highlight
  -webkit-box-shadow: inset 0 0 3rem 0 #fefefe;
  -moz-box-shadow:    inset 0 0 3rem 0 #fefefe;
  box-shadow:         inset 0 0 3rem 0 #fefefe;
}

.post-link {
  display: block;
  color: hsl(205, 15%, 30%);
  &:visited, &:visited:hover {
    color: #DAE0E5;
  }
  &:hover {
    color: hsl(205, 15%, 30%);
  }
}

.post-info {
  color: #aaa;
  font-size: 1.1rem;
  margin-top: .5rem;
  a {
    color: #A1C5E5;
  }
  .upvoted {
    color: #007FFF;
  }
  .downvoted {
    color: #FF5100;
  }
}

.post-stars {
  font-size: 1.2rem;
  margin-right: 0.25rem;

}

@media only screen and (max-width: 767px) {
  .post-info {
    margin-top: 1rem;
  }
  .stars {
    font-size: 1.2rem;
  }
}

Make visited link color more prominent

.post-block {
  border-bottom: 2px solid #F9FAFB;
  font-size: 1.5rem;
  padding: 2rem;
  background-color: white;
  // incredibly subtle faded highlight
  -webkit-box-shadow: inset 0 0 3rem 0 #fefefe;
  -moz-box-shadow:    inset 0 0 3rem 0 #fefefe;
  box-shadow:         inset 0 0 3rem 0 #fefefe;
}

.post-link {
  display: block;
  color: hsl(205, 15%, 30%);
  &:visited, &:visited:hover {
    color: #BCC5CC;
  }
  &:hover {
    color: hsl(205, 15%, 30%);
  }
}

.post-info {
  color: #aaa;
  font-size: 1.1rem;
  margin-top: .5rem;
  a {
    color: #A1C5E5;
  }
  .upvoted {
    color: #007FFF;
  }
  .downvoted {
    color: #FF5100;
  }
}

.post-stars {
  font-size: 1.2rem;
  margin-right: 0.25rem;

}

@media only screen and (max-width: 767px) {
  .post-info {
    margin-top: 1rem;
  }
  .stars {
    font-size: 1.2rem;
  }
}


#title-bar-container {
  margin-top: 20px;
  margin-left: 20px;
  width: 270px;

  .panel {
    background: none;
  }
  .panel-heading {
    position: relative;
    cursor: pointer;
    padding: 1px 9px;
    border-radius: 5px;

    h5 {
      display: inline-block;
      .collapsed {
        margin: 0;
      }
    }

    .icon-icon-forward {
      position: absolute;
      top: 5px;
      right: 15px;
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      transform: rotate(90deg);
    }

    &.open {
      .icon-icon-forward {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
      }
    }
  }

  .panel-body {
    position: relative;
    margin-top: 3px;
    background-color: white;
    border-radius: 5px;
    padding: 8px 15px;

    .show-button {
      .show-button;
      top: 8px;
      right: 12px;
    }
  }

}

Use correct colours in title bar view

#title-bar-container {
  margin-top: 20px;
  margin-left: 20px;
  width: 270px;

  .panel {
    background: none;
  }
  .panel-heading {
    background-color: @blue;
    color: @white;
    position: relative;
    cursor: pointer;
    padding: 1px 9px;
    border-radius: 5px;

    h5 {
      display: inline-block;
      .collapsed {
        margin: 0;
      }
    }

    .icon-icon-forward {
      color: @white;
      position: absolute;
      top: 5px;
      right: 15px;
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      transform: rotate(90deg);
    }

    &.open {
      .icon-icon-forward {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
      }
    }
  }

  .panel-body {
    position: relative;
    margin-top: 3px;
    background-color: @white;
    border-radius: 5px;
    padding: 8px 15px;

    .show-button {
      .show-button;
      top: 8px;
      right: 12px;
    }
  }

}


/**
 *  Do not remove the comments below. It's the markers used by wiredep to inject
 *  less dependencies when defined in the bower.json of your dependencies
 */
// bower:less
// endbower

/**
 *  If you want to override some bootstrap variables, you have to change values here.
 *  The list of variables are listed here bower_components/bootstrap/less/variables.less
 */
@icon-font-path: '../../bower_components/bootstrap/fonts/';
@fa-font-path: "../../bower_components/font-awesome/fonts";

body {
  background: #f3f3f3;
  font-family: Montserrat;
  color: #333!important;
}

.widget .widget-header {
  padding: 10px 15px 0px 15px;
}

/**
 *  Do not remove the comments below. It's the markers used by gulp-inject to inject
 *  all your less files automatically
 */
// injector
// endinjector

Fix RDash widgets header height

/**
 *  Do not remove the comments below. It's the markers used by wiredep to inject
 *  less dependencies when defined in the bower.json of your dependencies
 */
// bower:less
// endbower

/**
 *  If you want to override some bootstrap variables, you have to change values here.
 *  The list of variables are listed here bower_components/bootstrap/less/variables.less
 */
@icon-font-path: '../../bower_components/bootstrap/fonts/';
@fa-font-path: "../../bower_components/font-awesome/fonts";

body {
  background: #f3f3f3;
  font-family: Montserrat;
  color: #333!important;
}

// Fix RDash widgets header height
.widget .widget-header {
  .row > div {
    margin-bottom: 0px;
  }
}

/**
 *  Do not remove the comments below. It's the markers used by gulp-inject to inject
 *  all your less files automatically
 */
// injector
// endinjector


.main-nav {
  position: fixed;
  right: -85vw;
  z-index: 50;
  top: 0;
  width: 85vw;
  height: 100vh;
  transition: right 300ms;
  &__check:checked ~ & {
    right: 0;
    transform: none;
  }
  &__items {
    position: absolute;
    left: 0;
    overflow: scroll;
    list-style: none;
    background: @first;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 30px 20px;
    border-radius: 15% 0 0 25%;
    transition: left 300ms;
  }
  @media @media-m-min {
    position: relative;
    right: 0;
    width: 100%;
    height: auto;
    margin: 1rem 1rem 0;
    transform: none;
    &__items {
      position: relative;
      overflow: auto;
      background: transparent;
      text-align: center;
      margin: 0;
      padding: 0;
      .button__link {
        padding: 0.6em 0.8em;
      }
    }

    &__item {
      display: inline-block;
    }

  }
}

Remove border radius form menu

.main-nav {
  position: fixed;
  right: -85vw;
  z-index: 50;
  top: 0;
  width: 85vw;
  height: 100vh;
  transition: right 300ms;
  &__check:checked ~ & {
    right: 0;
    transform: none;
  }
  &__items {
    position: absolute;
    left: 0;
    overflow: scroll;
    list-style: none;
    background: @first;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 30px 20px;
    transition: left 300ms;
  }
  @media @media-m-min {
    position: relative;
    right: 0;
    width: 100%;
    height: auto;
    margin: 1rem 1rem 0;
    transform: none;
    &__items {
      position: relative;
      overflow: auto;
      background: transparent;
      text-align: center;
      margin: 0;
      padding: 0;
      .button__link {
        padding: 0.6em 0.8em;
      }
    }

    &__item {
      display: inline-block;
    }

  }
}


.expression-editor-autocomplete {
  &.typeahead {
    &.dropdown-menu {
      max-height: 152px;
      overflow-y: auto;
    }
  }
}

Add padding when selecting price list into all rule - add top margin

.expression-editor {
  &-autocomplete {
    &.typeahead {
      &.dropdown-menu {
        max-height: 152px;
        overflow-y: auto;
      }
    }
  }

  &-data-source {
    .input-append {
      margin-top: 10px;
    }
  }
}


.mw-echo-ui-notificationOptionWidget {
	a,
	#p-personal & a.new {
		// In modern, the hover color is white, which is unhelpful.
		color: #666666;
		text-decoration: none;
	}
}

// Override personal tools padding for links
#p-personal li .mw-echo-state a {
	padding: 0 0 0 0;
}

Make links non-white in the notification popup in Modern

.mw-echo-ui-notificationOptionWidget {
	#p-personal & a,
	#p-personal & a.new {
		// In modern, the hover color is white, which is unhelpful.
		color: #666666;
		text-decoration: none;
	}
}

// Override personal tools padding for links
#p-personal li .mw-echo-state a {
	padding: 0 0 0 0;
}


@import "base/normalize.less";
@import "base/preboot.less";
@import "base/mixins.less";
@import "../../node_modules/font-awesome/less/font-awesome.less";

@import "website/variables.less";
@import "website/languages.less";
@import "website/header.less";
@import "website/dropdown.less";
@import "website/alerts.less";
@import "website/summary.less";
@import "website/body.less";
@import "website/buttons.less";
@import "website/markup.less";
@import "website/navigation.less";
@import "website/glossary.less";

* {
    .box-sizing(border-box);
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
}

a {
    text-decoration: none;
}

html, body {
    height: 100%;
}

html {
    font-size: 62.5%;
}

body {
    text-rendering: optimizeLegibility;
    font-family: @font-family-base;
    font-size: @font-size-base;
    letter-spacing: .2px;
    .text-adjust(100%);
}

Revert "Fix small font rendering issue on Macs"

@import "base/normalize.less";
@import "base/preboot.less";
@import "base/mixins.less";
@import "../../node_modules/font-awesome/less/font-awesome.less";

@import "website/variables.less";
@import "website/languages.less";
@import "website/header.less";
@import "website/dropdown.less";
@import "website/alerts.less";
@import "website/summary.less";
@import "website/body.less";
@import "website/buttons.less";
@import "website/markup.less";
@import "website/navigation.less";
@import "website/glossary.less";

* {
    .box-sizing(border-box);
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
}

html, body {
    height: 100%;
}

html {
    font-size: 62.5%;
}

body {
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    font-family: @font-family-base;
    font-size: @font-size-base;
    letter-spacing: .2px;
    .text-adjust(100%);
}


.ui-autocomplete
{
  background: none;
  background-color: @apos-white;
  .apos-drop-shadow;

  .ui-menu-item
  {
    color: @apos-white;
    background-color: @apos-primary;
    border: none;
    padding: @apos-padding-1;
    font-family: "Roboto", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 500;
  }

  .ui-menu-item-wrapper {
    border: none;
  }

  .ui-state-active,
  .ui-state-active:hover,
  .ui-widget-content .ui-state-active,
  .ui-widget-content .ui-state-active:hover
  {
    border: none;
    color: @apos-white;
    background: none;
    background-color: transparent;
    font-weight: 600;
    margin: 0;
  }

}

Update background to be light grey and green on hover

.ui-autocomplete
{
  background: none;
  background-color: @apos-white;
  .apos-drop-shadow;

  .ui-menu-item
  {
    color: @apos-primary;
    background-color: @apos-light;
    border: none;
    padding: @apos-padding-1;
    font-family: "Roboto", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
  }

  .ui-menu-item-wrapper {
    padding: 10px;
    background: transparent;
    border: none;
  }

  .ui-state-active,
  .ui-state-active:hover,
  .ui-widget-content .ui-state-active,
  .ui-widget-content .ui-state-active:hover
  {
    border: none;
    color: @apos-white;
    background: none;
    background-color: @apos-primary;
    font-weight: 600;
    margin: 0;
  }

}


@import "variables";

.git-CommitPanel {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 400px;
  min-width: 0;

  font-family: @font-family;
  font-size: @font-size;
  color: @text-color;

  background: @pane-item-background-color;
  border-left: 1px solid @pane-item-border-color;
  -webkit-user-select: none;
  cursor: default;

  &-item {
    &.is-loading,
    &.no-repository {
    padding: @component-padding * 3;
    text-align: center;
    color: @text-color-subtle;
    font-style: italic;
    }
  }
}

Remove panel border and background

@import "variables";

.git-CommitPanel {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 400px;
  min-width: 0;

  font-family: @font-family;
  font-size: @font-size;
  color: @text-color;

  -webkit-user-select: none;
  cursor: default;

  &-item {
    &.is-loading,
    &.no-repository {
    padding: @component-padding * 3;
    text-align: center;
    color: @text-color-subtle;
    font-style: italic;
    }
  }
}


.squatch-container-popup {
  .box-shadow(0 2px 4px rgba(0,0,0,.5));
  height: 486px;
  overflow: hidden;

  &,
  #squatch-panel {
    background: @white;
  }

  // Box shadow alternative for lesser "browsers"
  html.lt-ie9 & {
    border: 1px solid @gray-lighter;
  }
}

.squatch-header-close {
  position: absolute;
  top: 4px;
  right: 6px;
  background: transparent;
  border: 0;
  color: @blue;
  font-size: @font-size-xs;

  &:hover {
    text-decoration: underline;
  }
}

.squatch-actions {
  .translate(0, 0);
  .transition-transform(.3s cubic-bezier(0,0,.58,1));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 120;
  background: @white;
  text-align: center;
  padding: 15px @body-padding 0;

  #squatch-panel.open + & {
    .translate(0, 81px);

    html.lt-ie9 & {
      display: none;
    }
  }
}

Disable mobile view on popups

.squatch-container-popup {
  .box-shadow(0 2px 4px rgba(0,0,0,.5));
  height: 486px;
  overflow: hidden;

  // Disable responsive view on popup temporarily.
  // This is due to the popup being displayed inconsistently - with responsive styles activated, sometimes the mobile view will be displayed, even on a desktop monitor with more than 500 pixels width. The solution may be to set the iframe width to the full browser width, rather than the width of the widget theme.
  // TODO: Find a solution for this and enable responsive styles again.
  width: @container-width;

  &,
  #squatch-panel {
    background: @white;
  }

  // Box shadow alternative for lesser "browsers"
  html.lt-ie9 & {
    border: 1px solid @gray-lighter;
  }
}

.squatch-header-close {
  position: absolute;
  top: 4px;
  right: 6px;
  background: transparent;
  border: 0;
  color: @blue;
  font-size: @font-size-xs;

  &:hover {
    text-decoration: underline;
  }
}

.squatch-actions {
  .translate(0, 0);
  .transition-transform(.3s cubic-bezier(0,0,.58,1));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 120;
  background: @white;
  text-align: center;
  padding: 15px @body-padding 0;

  #squatch-panel.open + & {
    .translate(0, 81px);

    html.lt-ie9 & {
      display: none;
    }
  }
}


.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tour-step-backdrop {
  position: relative;
  z-index: 1101;

  > td {
    position: relative;
    z-index: 1101;
  }
}

.tour-step-background {
  position: absolute !important;
  z-index: 1100;
  background: inherit;
  border-radius: 6px;
}

.popover[class*="tour-"] {
  z-index: 1102;

  .popover-navigation {
    padding: 9px 14px;

    *[data-role="end"] {
      float: right;
    }

    *[data-role="prev"],
    *[data-role="next"],
    *[data-role="end"] {
      cursor: pointer;

      &.disabled {
        cursor: default;
      }
    }
  }

  &.orphan {
    position: fixed;
    margin-top: 0;

    .arrow {
      display: none;
    }
  }
}

Put Clearfix on popover navigation

.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tour-step-backdrop {
  position: relative;
  z-index: 1101;

  > td {
    position: relative;
    z-index: 1101;
  }
}

.tour-step-background {
  position: absolute !important;
  z-index: 1100;
  background: inherit;
  border-radius: 6px;
}

.popover[class*="tour-"] {
  z-index: 1102;

  .popover-navigation {
    padding: 9px 14px;
    overflow: hidden;

    *[data-role="end"] {
      float: right;
    }

    *[data-role="prev"],
    *[data-role="next"],
    *[data-role="end"] {
      cursor: pointer;

      &.disabled {
        cursor: default;
      }
    }
  }

  &.orphan {
    position: fixed;
    margin-top: 0;

    .arrow {
      display: none;
    }
  }
}


@import "../variables";

.popup {
  position: fixed;
  bottom: 0;
  padding: 0;
  box-sizing: border-box;
  box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.35);
  background-color: #ffffff;
  transition: all 0.5s ease;
  width: 100%;
  height: 100%;
  font-weight: bold;
  z-index: 1;

  .tableHeader {
    display: flex;

    .questionArea {
      width: 100%;
    }
  }
}

Fix background color of student response popup

@import "../variables";

.popup {
  position: fixed;
  bottom: 0;
  padding: 0;
  box-sizing: border-box;
  box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.35);
  background-color: #ffffff;
  transition: all 0.5s ease;
  width: 100%;
  height: 100%;
  font-weight: bold;
  z-index: 1;

  .tableHeader {
    display: flex;

    .questionArea {
      width: 100%;
      background-color: @cc-teal-light6;
    }
  }
}


/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */

/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
  // border-color: red;
}

Add style for Atom to hide the sidebar toggle button

/*
 * Your Stylesheet
 *
 * This stylesheet is loaded when Atom starts up and is reloaded automatically
 * when it is changed and saved.
 *
 * Add your own CSS or Less to fully customize Atom.
 * If you are unfamiliar with Less, you can read more about it here:
 * http://lesscss.org
 */

/*
 * Examples
 * (To see them, uncomment and save)
 */

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
  // border-color: red;
}

.atom-dock-toggle-button-visible {
    display: none;
}


@import "../variables";

.responseTable {
  margin-top: 3px;
  height: calc(100vh - 250px - @header-height );
  overflow-y: scroll;
  font-weight: normal;

  .studentRow {
    display: flex;
    flex-direction: row;
    align-items: flex-stretch;
    background-color: white;
    min-height: 55px;

    .studentWrapper{
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      width: 240px;
      border-bottom: 1px solid @cc-charcoal-light2;
      margin-top: 15px;
      padding-bottom: 15px;

      .spotlightSelectionCheckbox {
        width: 20px;
        height: 20px;
        border-radius: 5px;
        border: 1.5px solid @cc-charcoal-light1;
        background-color: white;
        margin-left: 25px;
      }

      .studentName {
        margin: 2.5px 20px 0 10px;
      }
    }

    .studentResponse {
      padding: 15px 20px;
      width: calc(100vw - 237px);
      border-bottom: 1px solid @cc-charcoal-light2;
      background-color: white;
    }
  }

  .studentRow:nth-child(even) {
    background-color: @cc-teal-light6;
  }

}

Fix student name column width

@import "../variables";

.responseTable {
  margin-top: 3px;
  height: calc(100vh - 250px - @header-height );
  overflow-y: auto;
  font-weight: normal;

  .studentRow {
    display: flex;
    flex-direction: row;
    align-items: flex-stretch;
    background-color: white;
    min-height: 55px;

    .studentWrapper{
      flex-shrink: 0;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      width: 240px;
      border-bottom: 1px solid @cc-charcoal-light2;
      margin-top: 15px;
      padding-bottom: 15px;

      .spotlightSelectionCheckbox {
        width: 20px;
        height: 20px;
        border-radius: 5px;
        border: 1.5px solid @cc-charcoal-light1;
        background-color: white;
        margin-left: 25px;
      }

      .studentName {
        margin: 2.5px 20px 0 10px;
      }
    }

    .studentResponse {
      padding: 15px 20px;
      width: calc(100vw - 237px);
      border-bottom: 1px solid @cc-charcoal-light2;
      background-color: white;
    }
  }

  .studentRow:nth-child(even) {
    background-color: @cc-teal-light6;
  }

}


.plantuml-viewer {
  -webkit-user-select: none;

  svg {
    background-color: white;
    min-width: 100%;
    min-height: 100%;
  }
}

Fix so that hovering over diagram text uses standard cursor

.plantuml-viewer {
  -webkit-user-select: none;
  cursor:default;

  svg {
    background-color: white;
    min-width: 100%;
    min-height: 100%;
  }
}


//
// Copyright (c) Tiny Technologies, Inc. All rights reserved.
// Licensed under the LGPL or a commercial license.
// For LGPL see License.txt in the project root for license information.
// For commercial licenses see https://www.tiny.cloud/
//

//
// Content editable false
//

.mce-content-body {
  word-wrap: break-word;

  .mce-visual-caret {
    background-color: black;
    background-color: currentcolor;
    position: absolute;
  }

  .mce-visual-caret-hidden {
    display: none;
  }

  *[data-mce-caret] {
    left: -1000px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: auto;
    top: 0;
  }

  .mce-offscreen-selection {
    left: -9999999999px;
    max-width: 1000000px;
    position: absolute;
  }

  *[contentEditable=false] {
    cursor: default;
  }

  *[contentEditable=true] {
    cursor: text;
  }
}

Include overflow-wrap as well as word-wrap

//
// Copyright (c) Tiny Technologies, Inc. All rights reserved.
// Licensed under the LGPL or a commercial license.
// For LGPL see License.txt in the project root for license information.
// For commercial licenses see https://www.tiny.cloud/
//

//
// Content editable false
//

.mce-content-body {
  overflow-wrap: break-word;
  word-wrap: break-word;

  .mce-visual-caret {
    background-color: black;
    background-color: currentcolor;
    position: absolute;
  }

  .mce-visual-caret-hidden {
    display: none;
  }

  *[data-mce-caret] {
    left: -1000px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: auto;
    top: 0;
  }

  .mce-offscreen-selection {
    left: -9999999999px;
    max-width: 1000000px;
    position: absolute;
  }

  *[contentEditable=false] {
    cursor: default;
  }

  *[contentEditable=true] {
    cursor: text;
  }
}


details {
  padding: 1em 0;

  summary {
    cursor: pointer;
    display: block;
  }
}

.no-details {
  details {
    :not(summary) {
      display: none;
    }

    &.open * {
      display: block;
    }

    summary:before {
      content: '► ';
    }

    &.open {
      summary:before {
        content: '▼ ';
      }
    }
  }
}

Delete incorrect CSS rules for no-details mode

details {
  padding: 1em 0;

  summary {
    cursor: pointer;
    display: block;
  }
}

.no-details {
  details {
    summary:before {
      content: '► ';
    }

    &.open {
      summary:before {
        content: '▼ ';
      }
    }
  }
}


img.emoji {
  height: 1.5em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.3em;
}

.EmojiDropdown {
  max-width: 500px;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  margin: 5px 0 !important;

  > li > button {
    color: @text-color;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 45px;

    .emoji {
      float: left;
      margin-left: -30px;
    }
  }
}

.ComposerBody-emojiWrapper {
  position: relative;
}

Fix downscaled image rendering in chrome

img.emoji {
  height: 1.5em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.3em;
  image-rendering: -webkit-optimize-contrast;
}

.EmojiDropdown {
  max-width: 500px;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  margin: 5px 0 !important;

  > li > button {
    color: @text-color;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 45px;

    .emoji {
      float: left;
      margin-left: -30px;
    }
  }
}

.ComposerBody-emojiWrapper {
  position: relative;
}


.content-repository-list {
  ul {
    padding: 0;

    li {
      margin-left: 0;
      padding: 0;
      list-style: none;
    }
  }
}

.content-repository-card {
  padding: 5px 10px;

  &:hover {
    background-color: #eee;
  }

  .headline {
    font-size: 15px;

    a {
      cursor: pointer;
    }

    a.preview {
      text-decoration: underline;
    }

    .preview {
      display: inline-block;
      margin-right: 10px;
      font-weight: bold;
      font-size: 17px;
    }

    .state {
      display: inline-block;
      font-style: italic;
    }

    ul.controls {
      float: right;

      li {
        display: inline;
        margin-right: 5px;

        span {
          color: #ccc;
        }
      }
    }
  }

  .detail {
    margin: 10px 0 5px 0;
    padding: 5px 10px;

    &.error {
      border: solid 2px #900;
      border-radius: 5px;
      background-color: #fee;
      font-family: monospace;
      color: #900;
    }
  }
}

Enable selection within error boxes.

.content-repository-list {
  ul {
    padding: 0;

    li {
      margin-left: 0;
      padding: 0;
      list-style: none;
    }
  }
}

.content-repository-card {
  padding: 5px 10px;

  &:hover {
    background-color: #eee;
  }

  .headline {
    font-size: 15px;

    a {
      cursor: pointer;
    }

    a.preview {
      text-decoration: underline;
    }

    .preview {
      display: inline-block;
      margin-right: 10px;
      font-weight: bold;
      font-size: 17px;
    }

    .state {
      display: inline-block;
      font-style: italic;
    }

    ul.controls {
      float: right;

      li {
        display: inline;
        margin-right: 5px;

        span {
          color: #ccc;
        }
      }
    }
  }

  .detail {
    margin: 10px 0 5px 0;
    padding: 5px 10px;
    -webkit-user-select: all;
    cursor: text;

    &.error {
      border: solid 2px #900;
      border-radius: 5px;
      background-color: #fee;
      font-family: monospace;
      color: #900;
    }
  }
}