Adds more contrast to code block headers
This commit is contained in:
parent
c5637fcfde
commit
cc6f9ee33f
@ -5,7 +5,7 @@
|
|||||||
margin-bottom: $unit * 2;
|
margin-bottom: $unit * 2;
|
||||||
|
|
||||||
header {
|
header {
|
||||||
background: $fog;
|
background: #1976D2;
|
||||||
color: $snow;
|
color: $snow;
|
||||||
padding: $unit $unit 0px $unit;
|
padding: $unit $unit 0px $unit;
|
||||||
border-radius: 4px 4px 0px 0px;
|
border-radius: 4px 4px 0px 0px;
|
||||||
@ -18,7 +18,7 @@
|
|||||||
padding: 0px ($unit * 3);
|
padding: 0px ($unit * 3);
|
||||||
margin-right: $unit;
|
margin-right: $unit;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
background: $grey;
|
background: #3F94E9;
|
||||||
color: $snow;
|
color: $snow;
|
||||||
border-radius: 4px 4px 0px 0px;
|
border-radius: 4px 4px 0px 0px;
|
||||||
// font-weight: 500;
|
// font-weight: 500;
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
.example-title {
|
.example-title {
|
||||||
@extend .alert;
|
@extend .alert;
|
||||||
|
|
||||||
color: $heather;
|
color: $snow;
|
||||||
padding: 0 ($unit * 2);
|
padding: 0 ($unit * 2);
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
// font-weight: 500;
|
// font-weight: 500;
|
||||||
border-color: $fog;
|
border-color: #1976D2;
|
||||||
background: $fog;
|
background: #1976D2;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
// temporary hack to remove space between example title and code-example
|
// temporary hack to remove space between example title and code-example
|
||||||
margin-bottom: -18px;
|
margin-bottom: -18px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user