上QQ阅读APP看书,第一时间看更新
How to do it...
- Open main-03-05.scss and add the following code to it:
/*
FROM _type.scss, line 110:
.blockquote {
padding: ($spacer / 2) $spacer;
margin-bottom: $spacer;
font-size: $blockquote-font-size;
border-left: $blockquote-border-width solid $blockquote-border-
color;
}
*/
$white: white;
// $white: darksalmon;
$blockquote-border-width: 1rem;
$blockquote-border-color: rgba(80, 134, 67, 0.35);
$faded-green: rgba(80, 134, 67, 1);
.blockquote {
background: $white;
-webkit-box-shadow: 0px 10px 5px -8px $faded-green;
-moz-box-shadow: 0px 10px 5px -8px $faded-green;
box-shadow: 0px 10px 5px -8px $faded-green;
}
- Navigate to main.scss and comment out the @include for main-03-04.scss, and uncomment the @include for main-03-05.scss.
- Run grunt sass, followed by harp compile, and view the result in your browser.