- Bootstrap 4 Cookbook
- Ajdin Imsirovic
- 106字
- 2021-07-02 21:08:10
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.
推薦閱讀
- 黑客攻防從入門到精通(實戰秘笈版)
- Instant Typeahead.js
- Mastering Scientific Computing with R
- 名師講壇:Java微服務架構實戰(SpringBoot+SpringCloud+Docker+RabbitMQ)
- C++ 從入門到項目實踐(超值版)
- HTML5從入門到精通 (第2版)
- .NET Standard 2.0 Cookbook
- 零基礎輕松學C++:青少年趣味編程(全彩版)
- Python 3快速入門與實戰
- C語言程序設計與應用實驗指導書(第2版)
- 例解Python:Python編程快速入門踐行指南
- 算法超簡單:趣味游戲帶你輕松入門與實踐
- Elastix Unified Communications Server Cookbook
- Java Script從入門到精通(第5版)
- JSP編程教程