yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add code snippet component (#7294)

Browse Source 
* Add umbCodeSnippet component

* Add aria-hidden to font icons

* Replace copy button with umb-code-snippet component

* Adjust styling of code snippet

* Adjust language of code snippet

* Update docs for component

* Adjust padding in code header

* Add code snippet content wrapper

* Fix typo

* Rename id value

* Fix typo in docs

* Update color of code blocks

* Use variables for colors

* round border + size for copy button

Co-authored-by: Niels Lyngsø <niels.lyngso@gmail.com>
This commit is contained in:
Bjarne Fyrstenborg
2020-01-08 14:20:43 +01:00
committed by Niels Lyngsø
parent 258dc8d2ac
commit d51b5e7822
8 changed files with 216 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/Umbraco.Web.UI.Client/lib/bootstrap/less/code.less
View File

@@ -9,14 +9,13 @@ pre.code {
padding: 0 3px 2px;
#font > #family > .monospace;
font-size: @baseFontSize - 2;
color: @grayDark;
color: @blueExtraDark;
.border-radius(3px);
}
// Inline code
code {
padding: 2px 4px;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
white-space: nowrap;