diff options
Diffstat (limited to 'plugins/jetpack/modules/calypsoify/gutenberg-styles/button.scss')
| -rw-r--r-- | plugins/jetpack/modules/calypsoify/gutenberg-styles/button.scss | 38 |
1 files changed, 19 insertions, 19 deletions
diff --git a/plugins/jetpack/modules/calypsoify/gutenberg-styles/button.scss b/plugins/jetpack/modules/calypsoify/gutenberg-styles/button.scss index 38c256e8..fe7701cb 100644 --- a/plugins/jetpack/modules/calypsoify/gutenberg-styles/button.scss +++ b/plugins/jetpack/modules/calypsoify/gutenberg-styles/button.scss @@ -1,37 +1,37 @@ .components-button { &.is-default { - color: $muriel-gray-700; - border-color: $muriel-gray-100; + color: $studio-gray-70; + border-color: $studio-gray-10; background: $white; box-shadow: none; border-width: 1px 1px 2px; &:hover { background: $white; - border-color: $muriel-gray-200; + border-color: $studio-gray-20; box-shadow: none; - color: $muriel-gray-700; + color: $studio-gray-70; } &:focus:enabled { background: $white; - color: $muriel-gray-700; + color: $studio-gray-70; border-color: $color-primary; box-shadow: 0 0 0 2px $color-primary-light; } &:active:enabled { background: $white; - border-color: $muriel-gray-100; + border-color: $studio-gray-10; border-width: 2px 1px 1px; box-shadow: none; } &:disabled, &[aria-disabled='true'] { - color: $muriel-gray-50; + color: $studio-gray-50; background-color: $white; - border-color: $muriel-gray-50; + border-color: $studio-gray-50; text-shadow: none; } } @@ -44,7 +44,7 @@ text-shadow: none; &:focus:enabled { - background: $muriel-hot-pink-400; + background: $studio-pink-40; border-color: $color-accent; color: $white; box-shadow: 0 0 0 2px $color-accent-light; @@ -52,7 +52,7 @@ &:hover { box-shadow: none; - background: $muriel-hot-pink-400; + background: $studio-pink-40; border-color: $color-accent-dark; color: $white; } @@ -62,24 +62,24 @@ } &:active:enabled { - background: $muriel-hot-pink-400; + background: $studio-pink-40; border-color: $color-accent-dark; box-shadow: inset 0 1px 0 $color-accent-dark; } &:disabled, &[aria-disabled='true'] { - color: $muriel-gray-50; + color: $studio-gray-50; background: $white; - border-color: $muriel-gray-50; + border-color: $studio-gray-50; text-shadow: none; &:hover, &:focus, &:active { - color: $muriel-gray-50; + color: $studio-gray-50; background-color: $white; - border-color: $muriel-gray-50; + border-color: $studio-gray-50; box-shadow: none; } } @@ -90,8 +90,8 @@ background-image: linear-gradient( -45deg, $color-accent 28%, - $muriel-hot-pink-600 28%, - $muriel-hot-pink-600 72%, + $studio-pink-60 28%, + $studio-pink-60 72%, $color-accent 72% ); border-color: $color-accent-dark; @@ -125,10 +125,10 @@ &.is-busy { background-image: repeating-linear-gradient( -45deg, - $muriel-gray-500, + $studio-gray-50, $white 11px, $white 10px, - $muriel-gray-500 20px + $studio-gray-50 20px ); } |