diff --git a/src/bundle/Resources/public/scss/_general.scss b/src/bundle/Resources/public/scss/_general.scss index ffb83527..f2128c2e 100644 --- a/src/bundle/Resources/public/scss/_general.scss +++ b/src/bundle/Resources/public/scss/_general.scss @@ -142,6 +142,23 @@ } } + [data-eztype='style'] { + &[data-ezelement='eztemplate'] { + padding: calculateRem(8px); + border-width: calculateRem(8px); + border-style: solid; + border-color: $ibexa-color-light-100; + border-radius: $ibexa-border-radius-small; + } + + &[data-ezelement='eztemplateinline'] { + background-color: $ibexa-color-light-100; + border-radius: $ibexa-border-radius-small; + padding: 0 calculateRem(4px); + margin: 0 calculateRem(4px); + } + } + .ibexa-embed-type-image { padding: calculateRem(8px); } diff --git a/src/bundle/Resources/public/scss/variables/vars.scss b/src/bundle/Resources/public/scss/variables/vars.scss index 192bc4de..7ce4f739 100644 --- a/src/bundle/Resources/public/scss/variables/vars.scss +++ b/src/bundle/Resources/public/scss/variables/vars.scss @@ -1,4 +1,5 @@ $ibexa-border-radius: calculateRem(10px); +$ibexa-border-radius-small: calculateRem(5px); $ibexa-text-font-size: calculateRem(16px); $ibexa-text-font-size-small: calculateRem(12px);