INGREDIENTS
1 serving
this css file is used to apply styles to the output of the various shortcodes
1 serving
this file is inserted as inline-css at the moment
1 serving
display: inline-block
1 serving
border: 2px solid #ccc
333
border-top-color
1 serving
button spinner
1 serving
display: inline-block
1 serving
display: block
3
border: 6px solid #6fcef
3
border-color: #6fcef transparent transparent transparent
1 serving
color: inherit
1 container
asp_product_coupon_input_ input.asp_coupon_apply_btn:active {
1 serving
color
1 serving
asp_out_of_stock {
1 serving
display: inline-block
1 serving
display: inline-block
1 serving
font-style: italic
1 serving
color: #bbb
1 serving
display: block
1 serving
margin-top: 10px
1 serving
used in the [asp_product] shortcode also
1 serving
css class names should use dashes. example: asp-product-description
1 serving
spinner
1 serving
asp-spinner {
1 serving
text-indent: -9999px
1 serving
vertical-align: middle
1 serving
margin-left: 5px
1 serving
box-sizing: border-box
1 serving
position: relative
1 serving
width: 20px
1 serving
height: 20px
1 serving
border-radius
animation: asp-spinner 6s linear infinite
1 serving
}
1 serving
keyframes asp-spinner {
1 serving
to
1 serving
}
1 container
asp-btn-spinner {
1 serving
width
1 serving
text-align:center
1 serving
padding: 10px
1 serving
}
1 serving
asp-btn-spinner {
1 serving
position: relative
1 serving
width: 64px
1 serving
height: 64px
1 serving
}
1 serving
asp-btn-spinner div {
1 serving
box-sizing: border-box
1 serving
position: absolute
1 serving
width: 51px
1 serving
height: 51px
1 serving
margin: 6px
1 serving
border-radius
1
animation: asp-btn-spinner 2s cubic-bezier) infinite
1 serving
}
1 serving
asp-btn-spinner div:nth-child {
animation-delay: 45s
1 serving
}
1 serving
asp-btn-spinner div:nth-child {
animation-delay: 3s
1 serving
}
1 serving
asp-btn-spinner div:nth-child {
animation-delay: 15s
1 serving
}
1 serving
keyframes asp-btn-spinner {
1 serving
{
1 serving
transform: rotate)
1 serving
}
1 serving
{
1 serving
transform: rotate)
1 serving
}
1 serving
}
1 serving
asp_line_through {
1 serving
text-decoration: line-through
1 serving
}
1 container
asp_product_coupon_input_ {
margin: 5px 1px
1 serving
}
1 serving
asp_btn_normalize {
1 serving
text-transform: none
1 serving
border: none
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: auto
1 serving
overflow: visible
1 serving
background: transparent
1 serving
font: inherit
1 serving
line-height: normal
1 serving
webkit-font-smoothing: inherit
1 oz
m -osx-font-smoothing: inherit
1 serving
webkit-appearance: none
1 serving
}
1 oz
&::-m -focus-inner {
? border: 0; border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 container
asp_product_coupon_input_ input.asp_coupon_apply_btn {
1 serving
}
1 container
asp_product_coupon_input_ input.asp_coupon_apply_btn:hover {
1 serving
}
1 serving
}
1 serving
asp_product_custom_field_error {
1 serving
display: none
1 serving
}
1 serving
font-weight: bold
1 serving
}
1 serving
asp_product_buy_button input
1
1 serving
padding: 8px 10px
1 serving
height: auto
1 serving
}
1 serving
asp_product_custom_field_label{
1 serving
margin-right: 10px
1 serving
}
1 serving
asp-product-variations-label{
1 serving
margin-right: 10px
1 serving
}
1 serving
asp_product_coupon_field_label{
1 serving
margin-right: 10px
1 serving
}
1 container
asp_product_coupon_input_ input.asp_coupon_apply_btn {
1 serving
}
1 container
asp_product_coupon_input_ input.asp_product_coupon_field_input {
1 serving
width: auto
1 serving
max-width: 200px
1 serving
margin-right: 10px
1 serving
}
1 container
asp_product_buy_btn_ {
1 serving
}
1 serving
asp_product_buy_button input::placeholder {
1 serving
}
1 link
keyframes b {
1 serving
{
1/5
1 serving
}
1 serving
{
1
1 serving
}
1 serving
{
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
asp-processing-cont {
1 serving
display: none !important
1 serving
}
1 serving
asp-processing i {
1 serving
animation-name: blink
1 serving
animation-duration: 1s
1 serving
animation-iteration-count: infinite
1 serving
animation-fill-mode: both
1 serving
}
1 serving
asp-processing i:nth-child {
animation-delay: 1s
1 serving
}
1 serving
asp-processing i:nth-child {
animation-delay: 2s
1 serving
}
1 serving
media {
1 container
asp_product_buy_btn_ {
? margin-left: 0; margin-left: 0; margin-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: center
1 serving
width
1 serving
}
1 serving
}