mirror of
https://github.com/filecoin-project/slate.git
synced 2024-12-22 16:41:38 +03:00
design system: update code block component
This commit is contained in:
parent
39b7a05246
commit
aefc737fd2
@ -1,13 +1,15 @@
|
|||||||
import * as React from 'react';
|
import * as React from "react";
|
||||||
import * as Constants from '~/common/constants';
|
import * as Constants from "~/common/constants";
|
||||||
|
|
||||||
import { css } from '@emotion/react';
|
import { css } from "@emotion/react";
|
||||||
|
|
||||||
const STYLES_CODE_BLOCK = css`
|
const STYLES_CODE_BLOCK = css`
|
||||||
background-color: ${Constants.system.pitchBlack};
|
font-family: "mono";
|
||||||
|
background-color: ${Constants.system.black};
|
||||||
color: ${Constants.system.white};
|
color: ${Constants.system.white};
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 24px 24px 24px 24px;
|
padding: 24px;
|
||||||
|
font-size: 12px;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 1.0 MiB |
Loading…
Reference in New Issue
Block a user