The Quilting Grounds

Fabrics and patterns at discount prices.
<> #overlay img { cursor:pointer; margin:0 5px; background-color:#eee; border:1px solid #ccc; padding:2px; -moz-border-radius:4px; -webkit-border-radius:4px; } div.overlay { width:100%; display:none; } div.overlay div.close { background-image:url(https://siteimages.s3.amazonaws.com/close-2.png) no-repeat; position:relative; cursor:pointer; height:14px; width:143px; } <> .secondaryLeft1ColumnBg.secondaryRight1ColumnBg.secondaryLeft1ColumnWidth.secondaryRight1ColumnWidth { width:0px; display:none; } .secondaryMain1ColumnWidth { width:100%; } .cItemDivContainer.cCategoryDivContainer{ float: left; padding: 0px !important; } .cItemDiv.cCategoryDiv { position: relative; width: 260px; height: 315px; margin: 8px; border: 1px solid #e8e8e8; border-radius: 4px; overflow:hidden; cursor: pointer; transition-duration: 0.3s; } .cItemDiv:hover.cCategoryDiv:hover { border-color: #999; transition-duration: 0.3s; transform: scale(1.04); } .cItemDiv:hover .cItemTitle.cItemDiv:hover .cItemPrice.cCategoryDiv:hover .cCategoryTitle { color:#fff; transition-duration: 0.3s; } .cItemDiv:hover .cItemBtn{ opacity: 1; transition-duration: 0.3s; } .cItemDiv:hover img.cCategoryDiv:hover img { transform: scale(1.2); transition-duration: 0.3s; } .cItemDiv:hover .cItemTitleDiv.cCategoryDiv:hover .cItemTitleDiv { background: #bbb; } .cItemBtn { opacity: 0; z-index: 500; transition-duration: 0.3s; position: absolute; top: 0px; left: 0px; background-color: #0AE261; border: 1px solid #0AE261; color: #fff; font-size: 16px; font-weight: normal; padding: 6px 12px; text-align: center; vertical-align: middle; text-decoration: none; width: 260px; height: 38px; cursor: pointer; } .cItemImageDiv { height: 258px; width: 258px; white-space: nowrap; background: #fff; position: relative; overflow:hidden; transition-duration: 0.3s; } .cItemImage { max-width: 250px; max-height: 250px; margin: 4px; border: 0px; vertical-align: middle; transition-duration: 0.3s; } .cItemImageHelper { display: inline-block; height: 100%; vertical-align: middle; } .cItemTitleDiv { position: absolute; bottom: 0px; width: 100%; background: #f6f6f6; font-size: 14px; transition-duration: 0.3s; } .cItemTitle { color: #666; margin: 5px; margin-bottom: 0px; } .cCategoryTitle { color: #666; font-weight:bold; margin: 15px 5px 15px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cItemPrice { color: #666; margin: 5px; }<> .cItemsContainer { display: flex; flex-wrap: wrap; } .cItemDivContainer { margin-bottom: 30px; } .cCategoryDiv .cItemTitleDiv { background: #f6f6f6; } .cItemDiv { height: 100%; width: unset; } .cItemDiv:hover { border-color: #eaeaea; box-shadow: #00000014 0 0 8px; } /* .cItemDiv:after { position: absolute; content: ''; height: 0; width: 100%; bottom: 0; right: 0; left: 0; background-color: #aaa; transition: .3s ease all; } .cItemDiv:hover:after { height: 3px; } */ .cItemTitleDiv { text-align: left; padding: 5px; background: #fff; /* border-top: 1px solid #eaeaea; */ } .cItemDiv .cItemTitleDiv { position: relative; bottom: unset; margin-bottom: -15px; height: 100%; padding: 10px 10px 5px; } .cItemDiv:hover .cItemTitleDiv { background-color: #fff; } .cItemDiv .cItemTitleDiv:before { position: absolute; content: ''; height: 1px; width: 90%; top: 0; right: 0; left: 0; margin: 0 auto; background-color: #eaeaea; } .cItemTitle { margin: 0 5px; color: #333; font-size: 14px; font-weight: 600; line-height: 18px; } .cItemDiv:hover .cItemTitle { color: #333; } .cItemPrice { margin-top: 2px; font-size: 20px; font-weight: 700; color: #777; } .cItemDiv:hover .cItemPrice { color: #777; } .cItemPrice s { font-size: 16px; color: #777; } .cItemType { margin: 5px 5px 0; color: #999; font-size: 12px; font-weight: 600; transition-duration: 0.35s; } .cItemDiv:hover .cItemType { /* color: #fff; */ } .cItemDiv .cItemImageDiv { width: unset; height: 230px; padding: 5px; } .cItemDiv .cItemImage { width: auto; max-height: 100%; margin: 0; } .cItemDiv:hover { } .cItemDiv:hover img { transform: unset; transition-duration: unset; } .cItemDiv:hover .cItemPrice span, .cItemDiv:hover .cItemPrice s { /* color: #fff !important; */ } .overflow-facets { max-height: calc(100vh - 70px); overflow-y: auto; } .filter-pills-wrapper { display: flex; justify-content: flex-start; gap: 4px; flex-wrap: wrap; padding: 0 8px; width: 100%; } .filter-pill-item { position: relative; margin-bottom: 4px; border: 1px solid #e1e1e1; border-radius: 20px; cursor: default; display: inline-block; max-width: 320px; opacity: 1; transition: opacity 0.3s ease; background: #fff; } .filter-pill-item.hidden { display: none; } .remove-item-btn { padding: 0 2px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); border: none; background: transparent; &:hover { opacity: 0.5; } } .filter-pill-label { padding: 8px 24px 8px 8px; } .see-more-text { background-color: transparent; border: none; cursor: pointer; display: none; font-size: 14px; text-align: center; text-decoration: underline; padding-left: 8px; } .filter-pills-wrapper.show-more .see-more-text { display: inline-block; } < type="text/css"> .align-right { display: flex; justify-content: flex-end; } .align-center { display: flex; align-items: center; } .align-center-between { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 992px) { .no-left-padding { padding-left: 0; } .flex-column { display: flex; flex-direction: column; gap: 4px; } } @media (max-width: 768px) { .flex-column { display: table-row; } }

Showing 1 - 30 of results

Page   1    2    3  . . .  7   > Sort By: Newest Arrivals Recommended Price: Low to High Price: High to Low A to Z Z to A