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

Style dark components

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

28
docs/_sass/specific.sass
View File

@@ -58,7 +58,7 @@
.bd-link
border-radius: $radius-large
color: var(--#{$prefix}-text-light)
color: var(--#{$prefix}text-light)
display: block
font-size: $size-5
padding: 1rem 3rem 1.5rem 5rem
@@ -68,7 +68,7 @@
strong
font-weight: $weight-semibold
&:hover
background-color: var(--#{$prefix}-scheme-main-bis)
background-color: var(--#{$prefix}scheme-main-bis)
.bd-link-surtitle
float: right
@@ -91,7 +91,7 @@
min-width: 1.5em
.bd-link-counter
color: var(--#{$prefix}-link)
color: var(--#{$prefix}link)
display: block
counter-increment: bd-links
font-weight: $weight-normal
@@ -123,7 +123,7 @@
width: 50%
.bd-link-name
color: var(--#{$prefix}-text-strong)
color: var(--#{$prefix}text-strong)
font-size: $size-4
font-weight: $weight-semibold
@@ -139,11 +139,11 @@
min-width: calc(33.3333% - 3rem)
.bd-doc-title
color: var(--#{$prefix}-text-strong)
color: var(--#{$prefix}text-strong)
a
color: currentColor
&:hover
color: var(--#{$prefix}-link)
color: var(--#{$prefix}link)
&:not(:last-child)
margin-bottom: 0.75rem
@@ -227,15 +227,15 @@
background-color: darken($rss, 10%)
.bd-view-all-versions
color: var(--#{$prefix}-text-light)
color: var(--#{$prefix}text-light)
&:hover
text-decoration: underline
.bd-feature-title
color: var(--#{$prefix}-text-light)
color: var(--#{$prefix}text-light)
a
border-bottom: 1px solid transparent
color: var(--#{$prefix}-text-strong)
color: var(--#{$prefix}text-strong)
&:hover
border-bottom-color: $primary
@@ -273,14 +273,14 @@
font-size: 1.25em
vertical-align: middle
$notification-background-color: var(--#{$prefix}-background) !default
$notification-background-color: var(--#{$prefix}background) !default
$notification-radius: $radius !default
$notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
.bd-notification
background-color: var(--#{$prefix}-background)
background-color: var(--#{$prefix}background)
border-radius: $radius
color: var(--#{$prefix}-text-light)
color: var(--#{$prefix}text-light)
font-weight: $weight-semibold
padding: 1.25rem 0
position: relative
@@ -292,9 +292,9 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
color: currentColor
code,
pre
background-color: rgba(var(--#{$prefix}-scheme-invert), 0.2)
background-color: rgba(var(--#{$prefix}scheme-invert), 0.2)
border-radius: $radius
color: var(--#{$prefix}-scheme-main)
color: var(--#{$prefix}scheme-main)
pre code
background-color: transparent
// Colors