diff options
author | XhmikosR <xhmikosr@gmail.com> | 2021-08-04 18:41:51 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-08-04 18:41:51 +0300 |
commit | f20fece3a8cdd0e76a42c2737524b7652bf54d26 (patch) | |
tree | 83e62cc954b17a8bc21cd5975bfd88da721793d1 /site/content/docs/5.1/examples/features/features.css | |
parent | 7fcc2f4d526ff774a0a7de6b624a607e5ba47fb9 (diff) |
Prepare v5.1.0. (#34674)v5.1.0
Diffstat (limited to 'site/content/docs/5.1/examples/features/features.css')
-rw-r--r-- | site/content/docs/5.1/examples/features/features.css | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/site/content/docs/5.1/examples/features/features.css b/site/content/docs/5.1/examples/features/features.css new file mode 100644 index 0000000000..33942f7f13 --- /dev/null +++ b/site/content/docs/5.1/examples/features/features.css @@ -0,0 +1,61 @@ +.b-example-divider { + height: 3rem; + background-color: rgba(0, 0, 0, .1); + border: solid rgba(0, 0, 0, .15); + border-width: 1px 0; + box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); +} + +.bi { + vertical-align: -.125em; + fill: currentColor; +} + +.feature-icon { + display: inline-flex; + align-items: center; + justify-content: center; + width: 4rem; + height: 4rem; + margin-bottom: 1rem; + font-size: 2rem; + color: #fff; + border-radius: .75rem; +} + +.icon-link { + display: inline-flex; + align-items: center; +} +.icon-link > .bi { + margin-top: .125rem; + margin-left: .125rem; + transition: transform .25s ease-in-out; + fill: currentColor; +} +.icon-link:hover > .bi { + transform: translate(.25rem); +} + +.icon-square { + display: inline-flex; + align-items: center; + justify-content: center; + width: 3rem; + height: 3rem; + font-size: 1.5rem; + border-radius: .75rem; +} + +.rounded-4 { border-radius: .5rem; } +.rounded-5 { border-radius: 1rem; } + +.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); } +.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); } +.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); } + +.card-cover { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; +} |