composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-05-02 15: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

65
node_modules/bulma-scss/elements/_button.scss generated vendored
View File

@@ -1,3 +1,6 @@
@import "../utilities/controls";
@import "../utilities/mixins";
$button-color: $text-strong !default;
$button-background-color: $scheme-main !default;
$button-family: false !default;
@@ -24,6 +27,13 @@ $button-text-decoration: underline !default;
$button-text-hover-background-color: $background !default;
$button-text-hover-color: $text-strong !default;
$button-ghost-background: none !default;
$button-ghost-border-color: transparent !default;
$button-ghost-color: $link !default;
$button-ghost-decoration: none !default;
$button-ghost-hover-color: $link !default;
$button-ghost-hover-decoration: underline !default;
$button-disabled-background-color: $scheme-main !default;
$button-disabled-border-color: $border !default;
$button-disabled-shadow: none !default;
@@ -33,9 +43,15 @@ $button-static-color: $text-light !default;
$button-static-background-color: $scheme-main-ter !default;
$button-static-border-color: $border !default;
$button-colors: $colors !default;
$button-responsive-sizes: ("mobile": ("small": $size-small * 0.75, "normal": $size-small * 0.875, "medium": $size-small, "large": $size-normal), "tablet-only": ("small": $size-small * 0.875, "normal": $size-small, "medium": $size-normal, "large": $size-medium)) !default;
// The button sizes use mixins so they can be used at different breakpoints
@mixin button-small {
border-radius: $radius-small;
&:not(.is-rounded) {
border-radius: $radius-small;
}
font-size: $size-small;
}
@@ -88,18 +104,18 @@ $button-static-border-color: $border !default;
}
&:first-child:not(:last-child) {
@include ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}), false);
@include ltr-property("margin", $button-padding-horizontal / 4);
@include ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}), false);
@include ltr-property("margin", $button-padding-horizontal * 0.25);
}
&:last-child:not(:first-child) {
@include ltr-property("margin", $button-padding-horizontal / 4, false);
@include ltr-property("margin", calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}));
@include ltr-property("margin", $button-padding-horizontal * 0.25, false);
@include ltr-property("margin", calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width}));
}
&:first-child:last-child {
margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width});
margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width});
margin-left: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width});
margin-right: calc(#{-0.5 * $button-padding-horizontal} - #{$button-border-width});
}
}
@@ -155,7 +171,20 @@ $button-static-border-color: $border !default;
}
}
@each $name, $pair in $colors {
&.is-ghost {
background: $button-ghost-background;
border-color: $button-ghost-border-color;
color: $button-ghost-color;
text-decoration: $button-ghost-decoration;
&:hover,
&.is-hovered {
color: $button-ghost-hover-color;
text-decoration: $button-ghost-hover-decoration;
}
}
@each $name, $pair in $button-colors {
$color: nth($pair, 1);
$color-invert: nth($pair, 2);
@@ -191,7 +220,7 @@ $button-static-border-color: $border !default;
&[disabled],
fieldset[disabled] & {
background-color: $color;
border-color: transparent;
border-color: $color;
box-shadow: none;
}
@@ -481,3 +510,21 @@ $button-static-border-color: $border !default;
}
}
}
@each $bp-name, $bp-sizes in $button-responsive-sizes {
@include breakpoint($bp-name) {
@each $size, $value in $bp-sizes {
@if $size != "normal" {
.button.is-responsive.is-#{$size} {
font-size: $value;
}
}
@else {
.button.is-responsive,
.button.is-responsive.is-normal {
font-size: $value;
}
}
}
}
}