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

Merge pull request #9243 from umbraco/v8/feature/umbBlockCard-use-umb-outline

Browse Source 
use umb-outline for umb-block-card
This commit is contained in:
Warren Buckley
2020-11-02 12:17:33 +00:00
committed by GitHub
parent 5c6702bd17 79ad43b648
commit d39ca35e8b
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Umbraco.Web.UI.Client/src/views/components/blockcard/umb-block-card.less
View File

@@ -7,12 +7,13 @@ umb-block-card {
background-color: white;
border-radius: @doubleBorderRadius;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
overflow: hidden;
transition: box-shadow 120ms;
cursor: pointer;
.umb-outline();
&:hover {
box-shadow: 0 1px 3px rgba(@ui-action-type-hover, .5);
}
@@ -60,6 +61,9 @@ umb-block-card {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
border-top-left-radius: @doubleBorderRadius;
border-top-right-radius: @doubleBorderRadius;
&.--error {
border: 2px solid @errorBackground;
@@ -85,6 +89,8 @@ umb-block-card {
background-color: #fff;
padding-top: 10px;
padding-bottom: 11px;// 10 + 1 to compentiate for the -1 substraction in margin-bottom.
border-bottom-left-radius: @doubleBorderRadius;
border-bottom-right-radius: @doubleBorderRadius;
&.--error {
background-color: @errorBackground;