X-Git-Url: https://git.josue.xyz/?a=blobdiff_plain;f=public%2Fvendors%2Fbulma%2Fsass%2Felements%2Fbox.sass;fp=public%2Fvendors%2Fbulma%2Fsass%2Felements%2Fbox.sass;h=2fd18d498469c775aac0e6baea5f977fc23276a0;hb=b0af3b998eb478c3525db23781c4a5bc1ec52d76;hp=0000000000000000000000000000000000000000;hpb=3337fe9284225df913e363121d9fb4f257cc28e8;p=josuexyz%2F.git diff --git a/public/vendors/bulma/sass/elements/box.sass b/public/vendors/bulma/sass/elements/box.sass new file mode 100644 index 0000000..2fd18d4 --- /dev/null +++ b/public/vendors/bulma/sass/elements/box.sass @@ -0,0 +1,24 @@ +$box-color: $text !default +$box-background-color: $scheme-main !default +$box-radius: $radius-large !default +$box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default +$box-padding: 1.25rem !default + +$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default +$box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default + +.box + @extend %block + background-color: $box-background-color + border-radius: $box-radius + box-shadow: $box-shadow + color: $box-color + display: block + padding: $box-padding + +a.box + &:hover, + &:focus + box-shadow: $box-link-hover-shadow + &:active + box-shadow: $box-link-active-shadow