platform/packages/theme/styles/prose.scss
Alexander Platov b0b40ca93e
UBER-1039: Codeblock style fixes. (#3829)
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
2023-10-12 10:49:38 +07:00

79 lines
1.8 KiB
SCSS

//
// Copyright © 2022 Hardcore Engineering Inc.
//
// Licensed under the Eclipse Public 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 https://www.eclipse.org/legal/epl-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.
//
/* Table */
table.proseTable {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
margin: 0;
overflow: hidden;
td,
th {
min-width: 1rem;
height: 2rem;
border: 1px solid var(--button-border-hover);
padding: .25rem .5rem;
vertical-align: top;
box-sizing: border-box;
position: relative;
> * {
margin-bottom: 0;
}
}
th {
text-align: left;
background-color: var(--button-bg-color);
}
p {
margin: 0;
}
}
.proseCode {
display: inline-block;
margin: 0;
padding: 0 .25rem;
font-family: var(--mono-font);
color: var(--theme-content-color);
background-color: var(--theme-button-default);
border: 1px solid var(--theme-button-border);
border-radius: .25rem;
}
.proseCodeBlock {
font-family: var(--mono-font);
color: var(--theme-content-color);
background-color: var(--theme-button-default);
border: 1px solid var(--theme-button-border);
border-radius: .25rem;
padding: .5rem;
pre { white-space: pre-wrap; }
}
// Fixes for MessageViewer
pre.proseCodeBlock > pre.proseCode {
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
}
.proseHeading { line-height: 110%; }