Style dark components

This commit is contained in:
Jeremy Thomas
2019-10-18 20:29:40 -04:00
parent 6b09dcfcf0
commit 9209d1fe42
25 changed files with 1079 additions and 473 deletions

View File

@@ -16,10 +16,10 @@ svg
strong
color: currentColor
a
border-bottom: 1px solid rgba(var(--#{$prefix}-scheme-main), 0.5)
border-bottom: 1px solid rgba(var(--#{$prefix}scheme-main), 0.5)
padding-bottom: 2px
&:hover
border-bottom-color: var(--#{$prefix}-scheme-main)
border-bottom-color: var(--#{$prefix}scheme-main)
span
margin: 0 0.25em
opacity: 0.5
@@ -99,8 +99,8 @@ $carbon-poweredby-height: 20px
padding: 0
position: relative
&:hover
background-color: var(--#{$prefix}-scheme-main)
box-shadow: 0 0 0 $carbon-shadow-size var(--#{$prefix}-scheme-main)
background-color: var(--#{$prefix}scheme-main)
box-shadow: 0 0 0 $carbon-shadow-size var(--#{$prefix}scheme-main)
+tablet
width: $carbon-width
@@ -138,20 +138,20 @@ $carbon-poweredby-height: 20px
width: $carbon-image-width
&:hover
& + .carbon-text
color: var(--#{$prefix}-link)
color: var(--#{$prefix}link)
&:active
opacity: 0.8
.carbon-text
display: block
color: var(--#{$prefix}-text-strong)
color: var(--#{$prefix}text-strong)
line-height: 20px
min-height: $carbon-height
padding: 0 0 $carbon-poweredby-height calc(#{$carbon-image-width} + #{$carbon-spacing})
&:hover
color: var(--#{$prefix}-link)
color: var(--#{$prefix}link)
.carbon-poweredby
bottom: 0
color: var(--#{$prefix}-border-hover)
color: var(--#{$prefix}border-hover)
display: inline
font-size: $size-small
line-height: $carbon-poweredby-height