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

N°4628 - Upgrade bulma lib to v0.9.4 to avoid hack from N°4481

Browse Source
This commit is contained in:
Molkobain
2022-05-11 11:40:25 +02:00
parent 891dd31290
commit bb2c9dedeb
70 changed files with 742 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
node_modules/bulma-scss/components/_card.scss generated vendored
View File

@@ -1,6 +1,9 @@
@import "../utilities/mixins";
$card-color: $text !default;
$card-background-color: $scheme-main !default;
$card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default;
$card-shadow: $shadow !default;
$card-radius: 0.25rem !default;
$card-header-background-color: transparent !default;
$card-header-color: $text-strong !default;
@@ -19,13 +22,28 @@ $card-media-margin: $block-spacing !default;
.card {
background-color: $card-background-color;
border-radius: $card-radius;
box-shadow: $card-shadow;
color: $card-color;
max-width: 100%;
position: relative;
}
%card-item {
&:first-child {
border-top-left-radius: $card-radius;
border-top-right-radius: $card-radius;
}
&:last-child {
border-bottom-left-radius: $card-radius;
border-bottom-right-radius: $card-radius;
}
}
.card-header {
@extend %card-item;
background-color: $card-header-background-color;
align-items: stretch;
box-shadow: $card-header-shadow;
@@ -46,6 +64,8 @@ $card-media-margin: $block-spacing !default;
}
.card-header-icon {
@include reset;
align-items: center;
cursor: pointer;
display: flex;
@@ -56,14 +76,32 @@ $card-media-margin: $block-spacing !default;
.card-image {
display: block;
position: relative;
&:first-child {
img {
border-top-left-radius: $card-radius;
border-top-right-radius: $card-radius;
}
}
&:last-child {
img {
border-bottom-left-radius: $card-radius;
border-bottom-right-radius: $card-radius;
}
}
}
.card-content {
@extend %card-item;
background-color: $card-content-background-color;
padding: $card-content-padding;
}
.card-footer {
@extend %card-item;
background-color: $card-footer-background-color;
border-top: $card-footer-border-top;
align-items: stretch;