[Amsterdam] Added rounded corners to inline EuiCode (#3599)

* Add global `$euiBorderRadiusSmall`
elastic · Jun 12, 2020 · 1259952 · 1259952
1 parent 780d026
commit 1259952
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -27,6 +27,7 @@
 - Updated `EuiCallout` by removing left border, adding border radius and increasing font weight on titles ([#3557](https://github.com/elastic/eui/pull/3557/))
 - Updated `EuiHeaderBreadcrumbs` style to be more prominent ([#3578](https://github.com/elastic/eui/pull/3578/))
 - Fixed `EuiFilterGroup` `border-radius` ([#3591](https://github.com/elastic/eui/pull/3591/))
+- Updated `EuiCodeBlock` inline code style to use border radius ([#3599](https://github.com/elastic/eui/pull/3599))
 
 ## [`25.0.0`](https://github.com/elastic/eui/tree/v25.0.0)
 

diff --git a/src/themes/eui-amsterdam/global_styling/variables/_borders.scss b/src/themes/eui-amsterdam/global_styling/variables/_borders.scss
@@ -1 +1,2 @@
 $euiBorderRadius: $euiSizeS * .75;
+$euiBorderRadiusSmall: $euiSizeS * .5;
diff --git a/src/themes/eui-amsterdam/overrides/_code.scss b/src/themes/eui-amsterdam/overrides/_code.scss
@@ -0,0 +1,3 @@
+.euiCodeBlock--inline {
+  border-radius: $euiBorderRadiusSmall;
+}
diff --git a/src/themes/eui-amsterdam/overrides/_index.scss b/src/themes/eui-amsterdam/overrides/_index.scss
@@ -2,6 +2,7 @@
 @import 'button_empty';
 @import 'button_group';
 @import 'call_out';
+@import 'code';
 @import 'filter_group';
 @import 'flyout';
 @import 'header';
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		$euiBorderRadius: $euiSizeS * .75;
		$euiBorderRadiusSmall: $euiSizeS * .5;