Fix medallion icon block scss variables

This commit is contained in:
Stephen Abello
2021-02-23 11:23:21 +01:00
parent b0a1371122
commit 770d96cdec
2 changed files with 18 additions and 10 deletions

View File

@@ -3,11 +3,10 @@
text-align: center;
}
.ibo-blocklist--medallion{
> .ibo-medallion--image{
margin: 0 auto;
}
> .ibo-medallion-icon--description{
text-align: center;
flex-grow: 1;
}
}

View File

@@ -2,20 +2,29 @@
* copyright Copyright (C) 2010-2021 Combodo SARL
* license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-medallion-icon--padding-y: 13px !default;
$ibo-medallion-icon--padding-x: 0 !default;
$ibo-medallion-icon--image--diameter: 48px !default;
$ibo-medallion-icon--image--padding: 2px !default;
$ibo-medallion-icon--image--border-radius: $ibo-border-radius-full !default;
$ibo-medallion-icon--image--background-color: $ibo-color-blue-200 !default;
$ibo-medallion-icon--description--padding-left: 8px !default;
.ibo-medallion-icon{
display: flex;
padding: 13px 0px
padding: $ibo-medallion-icon--padding-y $ibo-medallion-icon--padding-x;
}
.ibo-medallion--image{
border-radius: $ibo-border-radius-full;
background-color: $ibo-color-blue-200;
height: 48px;
width: 48px;
padding: 2px;
height: $ibo-medallion-icon--image--diameter;
width: $ibo-medallion-icon--image--diameter;
padding: $ibo-medallion-icon--image--padding;
border-radius: $ibo-medallion-icon--image--border-radius;
background-color: $ibo-medallion-icon--image--background-color;
}
.ibo-medallion-icon--description{
display: inline-block;
padding-left: 8px;
padding-left: $ibo-medallion-icon--description--padding-left;
}