note.css

TLDR

This file defines the CSS styles for note elements on the website. It includes styles for the note's border, icon, content, and positioning.

Classes

.note

Defines the styles for the note element. This includes the width, style, and color of the left border. It also sets the position to "relative" and sets the display to "block".

.note #exclamation-icon, .warning #exclamation-icon

Defines the styles for the exclamation icon within the note and warning elements. It sets the fill color, position, and top and left values to position the icon correctly. The background color is commented out.

.note-content

Defines the styles for the content within the note. It sets the display to "block" and adjusts the margins, padding, and background color. It also enables horizontal overflow and sets the font size.

.note {
    border-left-width: 3px;
    border-left-style: solid;
    position: relative;
    border-color: #0594CB;

    display: block;
}
.note #exclamation-icon,
.warning #exclamation-icon {

    fill: #0594CB;
    position: absolute;
    top: 35%;
    left: -12px;
    /*background-color: white;*/
}

.note-content {
    display: block;
    margin: 2px;
    padding: .125em 1em;
    /*margin-left: 1em;*/
    margin-top: 1em;
    margin-bottom: 1em;
    overflow-x: auto;
    /*font-size: .9375em;*/
    background-color: rgba(0, 0, 0, .05);
}