Add variables to class icon size CSS classes

This commit is contained in:
Stephen Abello
2021-08-26 11:21:58 +02:00
parent 4ae7090a51
commit 2f5a1c99a5
3 changed files with 15 additions and 11 deletions

View File

@@ -1,17 +1,21 @@
$ibo-class-icon--small--size: 32px !default;
$ibo-class-icon--medium--size: 48px !default;
$ibo-class-icon--large--size: 64px !default;
.ibo-class-icon{
&.ibo-is-small{
width: 32px;
min-width: 32px;
max-height: 32px;
width: $ibo-class-icon--small--size;
min-width: $ibo-class-icon--small--size;
max-height: $ibo-class-icon--small--size;
}
&.ibo-is-medium{
width: 48px;
min-width: 48px;
max-height: 48px;
width: $ibo-class-icon--medium--size;
min-width: $ibo-class-icon--medium--size;
max-height: $ibo-class-icon--medium--size;
}
&.ibo-is-large{
width: 64px;
min-width: 64px;
max-height: 64px;
width: $ibo-class-icon--large--size;
min-width: $ibo-class-icon--large--size;
max-height: $ibo-class-icon--large--size;
}
}