2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

Fix box-shadow class with built in utility

This commit is contained in:
parammittal16
2018-05-12 00:16:28 +05:30
parent 788f3e6802
commit afcbd65afb
10 changed files with 30 additions and 40 deletions
+4 -4
View File
@@ -18,7 +18,7 @@
<body>
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow">
<h5 class="my-0 mr-md-auto font-weight-normal">Company name</h5>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 text-dark" href="#">Features</a>
@@ -36,7 +36,7 @@
<div class="container">
<div class="card-deck mb-3 text-center">
<div class="card mb-4 box-shadow">
<div class="card mb-4 shadow">
<div class="card-header">
<h4 class="my-0 font-weight-normal">Free</h4>
</div>
@@ -51,7 +51,7 @@
<button type="button" class="btn btn-lg btn-block btn-outline-primary">Sign up for free</button>
</div>
</div>
<div class="card mb-4 box-shadow">
<div class="card mb-4 shadow">
<div class="card-header">
<h4 class="my-0 font-weight-normal">Pro</h4>
</div>
@@ -66,7 +66,7 @@
<button type="button" class="btn btn-lg btn-block btn-primary">Get started</button>
</div>
</div>
<div class="card mb-4 box-shadow">
<div class="card mb-4 shadow">
<div class="card-header">
<h4 class="my-0 font-weight-normal">Enterprise</h4>
</div>
-2
View File
@@ -21,5 +21,3 @@ html {
.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }