diff options
Diffstat (limited to 'library/font_awesome/src/assets/less/site/store.less')
-rw-r--r-- | library/font_awesome/src/assets/less/site/store.less | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/library/font_awesome/src/assets/less/site/store.less b/library/font_awesome/src/assets/less/site/store.less new file mode 100644 index 000000000..25daecc12 --- /dev/null +++ b/library/font_awesome/src/assets/less/site/store.less @@ -0,0 +1,115 @@ +// product vars +@shirt-kellygreen: #249265; +@shirt-black: #151010; +@shirt-royalblue: #2A4DB3; +@shirt-navy: #2E2737; +@shirt-silver: #D4D2D3; +@shirt-asphalt: #535059; + +.content-underlay { + margin-bottom: -180px; + border-bottom: 1px solid @jumbotron-border; + padding-bottom: 100px; + background-color: lighten(@jumbotron-bg, 2%); +} + + +.product { + transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out; + transform: scale(0.99); + z-index: 2; + position: relative; + display: block; + margin-top: @buffer-xl; + color: @text-color; + text-decoration: none; + background-color: #fff; + border-radius: @border-radius-small; + padding: @buffer-lg; + .box-shadow(0 4px 2px 0 rgba(127,127,127,.2)); + + &:hover, &:focus { + transform: scale(1.0); + .box-shadow(0 4px 2px 0 rgba(127,127,127,.4)); + text-decoration: none; + color: @text-color; + + .product-sizes { + opacity: 0.75; + } + } + img { max-width: 100%; } + li { + padding: @buffer-sm; + } + li.active { + cursor: default; + text-decoration: none; + } + + .swatch { + display: inline-block; + width: 30px; + height: 30px; + + &.swatch-kellygreen { + background-color: @shirt-kellygreen; + } + + &.swatch-black { + background-color: @shirt-black; + } + + &.swatch-navy { + background-color: @shirt-navy; + } + + &.swatch-silver { + background-color: @shirt-silver; + } + + &.swatch-asphalt { + background-color: @shirt-asphalt; + } + + &.swatch-royalblue { + background-color: @shirt-royalblue; + } + } +} + +.product-sizes { + transition: opacity 0.25s ease-in-out; + position: absolute; + top: 6px; + right: 6px; + border-radius: @border-radius-base; + background-color: #fff; + font-size: 21px; + line-height: 21px; + padding: @buffer-sm @buffer-md; + color: @text-muted; + opacity: 0.25; +} + +.product-title { + height: 52px; +} + +// calls-to-action +.product-cta { + display: block; + margin-top: @buffer-xl; + color: @text-color; + text-decoration: none; + border-radius: @border-radius-base; + padding: @buffer-lg; +} + +.cta-content { + margin-bottom: @buffer-lg; +} + +.cta-fine-print { + margin-top: @buffer-lg; +} |