composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-13 07:24:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add features to Spinner block

Browse Source
This commit is contained in:
Stephen Abello
2023-04-14 11:09:21 +02:00
parent 95f0e97b5e
commit 16e27ef189
5 changed files with 180 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/backoffice/components/_all.scss
View File

@@ -19,7 +19,7 @@
@import "input/all";
@import "pill";
@import "prop";
@import "spinner";
@import "title";
@import "datatable/all";
@import "form";

61
css/backoffice/components/_spinner.scss Normal file
View File

@@ -0,0 +1,61 @@
/*
* @copyright Copyright (C) 2010-2023 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-spinner--is-small-medium-large--icon--color: $ibo-color-grey-600 !default;
$ibo-spinner--is-small-medium-large--description--color: $ibo-color-grey-800 !default;
$ibo-spinner--is-small--description--margin-top: $ibo-spacing-200 !default;
$ibo-spinner--is-medium--description--margin-top: $ibo-spacing-300 !default;
$ibo-spinner--is-large--description--margin-top: $ibo-spacing-500 !default;
.ibo-spinner{
&.ibo-is-inline{
display: inline-block;
>*{
display: inline-block;
}
}
&.ibo-is-small, &.ibo-is-medium, &.ibo-is-large{
display: flex;
flex-direction: column;
>.ibo-spinner--icon{
align-self: center;
color: $ibo-spinner--is-small-medium-large--icon--color;
}
>.ibo-spinner--description{
align-self: center;
color: $ibo-spinner--is-small-medium-large--description--color;
}
}
&.ibo-is-small{
>.ibo-spinner--icon{
@extend %ibo-font-size-250;
}
>.ibo-spinner--description{
margin-top: $ibo-spinner--is-small--description--margin-top;
@extend %ibo-font-size-150;
}
}
&.ibo-is-medium{
>.ibo-spinner--icon{
@extend %ibo-font-size-500;
}
>.ibo-spinner--description{
margin-top: $ibo-spinner--is-medium--description--margin-top;
@extend %ibo-font-size-250;
}
}
&.ibo-is-large{
>.ibo-spinner--icon{
@extend %ibo-font-size-550;
}
>.ibo-spinner--description{
margin-top: $ibo-spinner--is-large--description--margin-top;
@extend %ibo-font-size-400;
}
}
}