Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-22 13:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Replace bulmaDarken and bulmaLighten instances

Browse Source
This commit is contained in:
Jeremy Thomas
2020-09-06 14:25:06 +01:00
parent 3ee48f2236
commit ed23e59334
11 changed files with 95 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
sass/utilities/derived-variables.sass
View File

@@ -43,32 +43,32 @@ $dark-dark: findDarkColor($dark, $grey-darker) !default
// General colors
$scheme-main: var(--white, #{$white}) !default
$scheme-main-bis: var(--white-bis, #{$white-bis}) !default
$scheme-main-ter: var(--white-ter, #{$white-ter}) !default
$scheme-invert: var(--black, #{$black}) !default
$scheme-main: $white !default
$scheme-main-bis: $white-bis !default
$scheme-main-ter: $white-ter !default
$scheme-invert: $black !default
$scheme-invert-rgb: bulmaToRGB($black) !default
$scheme-invert-bis: var(--black-bis, #{$black-bis}) !default
$scheme-invert-ter: var(--black-ter, #{$black-ter}) !default
$scheme-invert-bis: $black-bis !default
$scheme-invert-ter: $black-ter !default
$background: var(--white-ter, #{$white-ter}) !default
$background: $white-ter !default
$border: var(--grey-lighter, #{$grey-lighter}) !default
$border: $grey-lighter !default
$border-rgb: bulmaToRGB($grey-lighter) !default
$border-hover: var(--grey-light, #{$grey-light}) !default
$border-light: var(--grey-lightest, #{$grey-lightest}) !default
$border-light-hover: var(--grey-light, #{$grey-light}) !default
$border-hover: $grey-light !default
$border-light: $grey-lightest !default
$border-light-hover: $grey-light !default
// Text colors
$text: var(--grey-dark, #{$grey-dark}) !default
$text: $grey-dark !default
$text-invert: findColorInvert($text, $grey-dark) !default
$text-light: var(--grey, #{$grey}) !default
$text-strong: var(--grey-darker, #{$grey-darker}) !default
$text-light: $grey !default
$text-strong: $grey-darker !default
// Code colors
$code: var(--red, #{darken($red, 15%)}) !default
$code: darken($red, 15%) !default
$code-background: var(--background, #{$background}) !default
$pre: var(--text, #{$text}) !default
@@ -81,27 +81,27 @@ $link-rgb: bulmaToRGB($blue) !default
$link-invert: findColorInvert($link, $blue) !default
$link-light: findLightColor($link, $blue) !default
$link-dark: findDarkColor($link, $blue) !default
$link-visited: var(--purple, #{$purple}) !default
$link-visited: $purple !default
$link-hover: var(--grey-darker, #{$grey-darker}) !default
$link-hover-border: var(--grey-light, #{$grey-light}) !default
$link-hover: $grey-darker !default
$link-hover-border: $grey-light !default
$link-focus: var(--grey-darker, #{$grey-darker}) !default
$link-focus: $grey-darker !default
$link-focus-border: var(--link, #{$blue}) !default
$link-active: var(--grey-darker, #{$grey-darker}) !default
$link-active-border: var(--grey-dark, #{$grey-dark}) !default
$link-active: $grey-darker !default
$link-active-border: $grey-dark !default
// Typography
$family-primary: var(--family-sans-serif, #{$family-sans-serif}) !default
$family-secondary: var(--family-sans-serif, #{$family-sans-serif}) !default
$family-code: var(--family-monospace, #{$family-monospace}) !default
$family-primary: $family-sans-serif !default
$family-secondary: $family-sans-serif !default
$family-code: $family-monospace !default
$size-small: var(--size-7, #{size-7}) !default
$size-normal: var(--size-6, #{size-6}) !default
$size-medium: var(--size-5, #{size-5}) !default
$size-large: var(--size-4, #{size-4}) !default
$size-small: $size-7 !default
$size-normal: $size-6 !default
$size-medium: $size-5 !default
$size-large: $size-4 !default
// Lists and maps
$custom-colors: null !default

22
sass/utilities/functions.sass
View File

@@ -150,17 +150,17 @@
@each $name, $value in $list
--#{$name}: #{$value}
// bulmaDarken($color, 5%)
// bulmaDarken($color, 10%)
// bulmaDarken($color, 2.5%)
// bulmaRgba($color, 0.25)
// bulmaDarken($color-light, 10%)
// bulmaDarken($color-light, 2.5%)
// bulmaDarken($color-light, 5%)
// bulmaLighten($color-dark, 10%)
// bulmaDarken($color-invert, 5%)
// bulmaRgba($color-invert, 0.9)
// bulmaRgba($color-invert, 0.7)
// bulmaDarken => $color, 5%)
// bulmaDarken => $color, 10%)
// bulmaDarken => $color, 2.5%)
// bulmaRgba => $color, 0.25)
// bulmaDarken => $color-light, 10%)
// bulmaDarken => $color-light, 2.5%)
// bulmaDarken => $color-light, 5%)
// bulmaLighten => $color-dark, 10%)
// bulmaDarken => $color-invert, 5%)
// bulmaRgba => $color-invert, 0.9)
// bulmaRgba => $color-invert, 0.7)
=registerCSSVarColor($name, $components, $prefix: '')
$color: nth($components, 1)
$base: $prefix + $name

2
sass/utilities/mixins.sass
View File

@@ -51,7 +51,7 @@
&:nth-child(3)
top: calc(50% + 4px)
&:hover
background-color: bulmaRgba(black, 0.05)
background-color: rgba(0, 0, 0, 0.05)
// Modifers
&.is-active
span