mirror of
https://github.com/ansible/awx.git
synced 2026-02-21 05:00:07 -03:30
bc08d8f82a
Started applying new styles starting with removal of tabs. Brought in new breadcrumb format and blended with inventory edit group breadcrumbs. Rather than attempting to override bootstrap styles after the fact, copied boostrap less file and started modifying those to create ansible-boostrap.css, as described in the boostrap documentation.
64 lines
1.3 KiB
Plaintext
64 lines
1.3 KiB
Plaintext
//
|
|
// Code (inline and block)
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Inline and block code styles
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: @font-family-monospace;
|
|
}
|
|
|
|
// Inline code
|
|
code {
|
|
padding: 2px 4px;
|
|
font-size: 90%;
|
|
color: @code-color;
|
|
background-color: @code-bg;
|
|
white-space: nowrap;
|
|
border-radius: @border-radius-base;
|
|
}
|
|
|
|
// User input typically entered via keyboard
|
|
kbd {
|
|
padding: 2px 4px;
|
|
font-size: 90%;
|
|
color: @kbd-color;
|
|
background-color: @kbd-bg;
|
|
border-radius: @border-radius-small;
|
|
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
|
|
}
|
|
|
|
// Blocks of code
|
|
pre {
|
|
display: block;
|
|
padding: ((@line-height-computed - 1) / 2);
|
|
margin: 0 0 (@line-height-computed / 2);
|
|
font-size: (@font-size-base - 1); // 14px to 13px
|
|
line-height: @line-height-base;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
color: @pre-color;
|
|
background-color: @pre-bg;
|
|
border: 1px solid @pre-border-color;
|
|
border-radius: @border-radius-base;
|
|
|
|
// Account for some code outputs that place code tags in pre tags
|
|
code {
|
|
padding: 0;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
white-space: pre-wrap;
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
|
|
// Enable scrollable blocks of code
|
|
.pre-scrollable {
|
|
max-height: @pre-scrollable-max-height;
|
|
overflow-y: scroll;
|
|
}
|