Experiment to match the stripes on the Stripe website
A Pen by Jon Munson on CodePen.
Experiment to match the stripes on the Stripe website
A Pen by Jon Munson on CodePen.
<h1 class="text-light">Pure CSS Animated Gradient Background</h1> | |
<div class="btn-group mt-2 mb-4" role="group" aria-label="actionButtons"> | |
<a href="https://codepen-api-export-production.s3.us-west-2.amazonaws.com/zip/PEN/pyBNzX/1578778289271/pure-css-gradient-background-animation.zip" class="d-block btn btn-outline-light" download><i class="fas fa-file-download mr-2"></i>Download Source</a> | |
<a href="https://manuelpinto.in" target="_blank" class="d-block btn btn-outline-light">Visit my Website<i class="fas fa-external-link-square-alt ml-2"></i></a> | |
</div> | |
<h6 class="text-light small font-weight-bold"><i class="fas fa-code"></i> with <i class="fas fa-heart"></i> by Manuel Pinto</h6> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" integrity="sha256-qM7QTJSlvtPSxVRjVWNM2OfTAz/3k5ovHOKmKXuYMO4=" crossorigin="anonymous"></script> |
Stripe.com style dropdown, that measures the dropdown content size, and makes a backdrop follower accordingly.
A Pen by Rune Sejer Hoffmann on CodePen.
A Pen by Tim McNamara on CodePen.
<div class="container"> | |
<div class="row"> | |
<div class="col-12 my-5"> | |
<nav class="cei-header-nav"> | |
<button class="cei-btn-menu d-block d-lg-none d-xl-none" type="button" aria-label="Toggle navigation"> | |
<span>Menu</span> | |
<i class="icon ion-md-menu"></i> | |
</button> |
.stripes-container | |
.stripes.stripes--teal | |
- for (var x = 0; x < 5; x++) | |
span(class='s'+(x+1)) | |
.stripes-container | |
.stripes.stripes--blue | |
- for (var x = 0; x < 6; x++) | |
span(class='s'+(x+1)) | |
.stripes-container | |
.stripes.stripes--peach |
-append "preseed/url={{ item.value.preseed | default(deployments[item.value.type].preseed) }} | |
debian-installer/allow_unauthenticated_ssl=true | |
debian-installer/locale=en_US.UTF-8 | |
keyboard-configuration/layoutcode=us | |
console-setup/ask_detect=false | |
debian/priority=critical | |
vga=normal | |
netcfg/choose_interface=auto | |
localechooser/translation/warn-light=true |