@biggive/components 202606301318.0.0 → 202607280537.0.0

package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.css

@@ -1,270 +0,0 @@
-/**
- * @see brandColour in src/globals/brand-colour.ts . This and that should be updated together.
- * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
- *
- */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
-.space-above-0 {
-  margin-top: 0;
-}
-
-.space-above-1 {
-  margin-top: 5px;
-}
-
-.space-above-2 {
-  margin-top: 10px;
-}
-
-.space-above-3 {
-  margin-top: 15px;
-}
-
-.space-above-4 {
-  margin-top: 30px;
-}
-
-.space-above-5 {
-  margin-top: 45px;
-}
-
-.space-above-6 {
-  margin-top: 60px;
-}
-
-.space-below-0 {
-  margin-bottom: 0;
-}
-
-.space-below-1 {
-  margin-bottom: 5px;
-}
-
-.space-below-2 {
-  margin-bottom: 10px;
-}
-
-.space-below-3 {
-  margin-bottom: 15px;
-}
-
-.space-below-4 {
-  margin-bottom: 30px;
-}
-
-.space-below-5 {
-  margin-bottom: 45px;
-}
-
-.space-below-6 {
-  margin-bottom: 60px;
-}
-
-:host {
-  display: content;
-}
-
-.select-wrapper-1, .select-wrapper-2, .select-wrapper-3, .select-wrapper-4 {
-  position: relative;
-  margin-top: 1em;
-}
-
-.select-wrapper-1 {
-  z-index: 4;
-}
-
-.select-wrapper-2 {
-  z-index: 3;
-}
-
-.select-wrapper-3 {
-  z-index: 2;
-}
-
-.select-wrapper-4 {
-  z-index: 1;
-}
-
-.container {
-  font-family: "Euclid Triangle", sans-serif;
-  font-size: 17px;
-  line-height: 24px;
-  position: relative;
-}
-.container .search-wrap {
-  background-color: #FFFFFF;
-  padding: 15px 30px;
-  margin-bottom: 15px;
-}
-.container .search-wrap h4 {
-  margin-bottom: 15px;
-}
-.container .search-wrap .field-wrap {
-  display: flex;
-  justify-content: space-between;
-}
-.container .search-wrap .field-wrap .input-wrap {
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: 5px;
-  border-bottom: 1px solid #000000;
-  margin-right: 30px;
-  flex-grow: 1;
-}
-.container .search-wrap .field-wrap .input-wrap input {
-  border: 0;
-}
-.container .search-wrap .field-wrap button {
-  padding: 5px 30px;
-}
-
-.selected-filter-wrap {
-  display: flex;
-  margin-bottom: 23px;
-  padding: 0;
-}
-.selected-filter-wrap .button {
-  margin-bottom: 7px;
-  display: inline-block;
-  cursor: pointer;
-  border-radius: 20px;
-  padding: 5px 50px 5px 20px;
-  margin-right: 15px;
-  background-color: #FF7272;
-  color: #000000;
-  border: 1px solid #FF7272;
-  text-decoration: none;
-  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTguNCAxOC40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOC40IDE4LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7c3Ryb2tlOiMwMDAwMDA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS4yLDguNUwxNywwLjdsMC43LDAuN0w5LjksOS4ybDcuOCw3LjhMMTcsMTcuN0w5LjIsOS45bC03LjgsNy44TDAuNywxN2w3LjgtNy44TDAuNywxLjRsMC43LTAuN0w5LjIsOC41eiIvPgo8L3N2Zz4K);
-  background-repeat: no-repeat;
-  background-position: right 20px center;
-  background-size: 12px auto;
-}
-.selected-filter-wrap .button:hover {
-  background-color: #FFFFFF;
-  color: #000000;
-}
-.selected-filter-wrap .clear-all {
-  margin-left: auto;
-}
-.selected-filter-wrap .clear-all a {
-  display: inline-block;
-  cursor: pointer;
-  border-radius: 20px;
-  padding: 5px 20px;
-  background-color: #2C089B;
-  color: #FFFFFF;
-  border: 1px solid #2C089B;
-  text-decoration: none;
-}
-.selected-filter-wrap .clear-all a:hover {
-  background-color: #FFFFFF;
-  color: #2C089B;
-}
-
-.sort-filter-wrap {
-  display: flex;
-  justify-content: flex-end;
-  margin-bottom: 30px;
-  padding: 0;
-  text-align: right;
-  display: flex;
-}
-.sort-filter-wrap .clear-all {
-  cursor: pointer;
-  vertical-align: center;
-  margin-top: auto;
-  margin-bottom: auto;
-}
-.sort-filter-wrap .sort-wrap {
-  margin-left: 15px;
-}
-.sort-filter-wrap .filter-wrap {
-  background-color: #F6F6F6;
-  margin-left: 15px;
-}
-.sort-filter-wrap .filter-wrap .button.filter {
-  padding-left: 60px;
-  padding-right: 30px;
-}
-.sort-filter-wrap .filter-wrap .button.filter .filter-icon {
-  content: "";
-  display: block;
-  position: absolute;
-  left: 25px;
-  top: 17px;
-  width: 13px;
-  height: 13px;
-}
-.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg {
-  width: 100%;
-  height: auto;
-  vertical-align: top;
-}
-.sort-filter-wrap .filter-wrap .button.filter .filter-icon svg:hover {
-  fill: #2C089B;
-}
-
-.icon {
-  height: 1rem;
-  width: 2rem;
-  vertical-align: -0.125rem;
-  margin: auto;
-}
-.icon > path {
-  fill: #2C089B;
-}
-
-.icon-clear-all > path {
-  fill: #000000;
-}
-
-@media screen and (max-width: 450px) {
-  .sort-filter-wrap {
-    flex-direction: column-reverse;
-  }
-  .sort-filter-wrap .sort-wrap {
-    margin-top: 20px;
-    margin-bottom: 20px;
-  }
-}
-@media screen and (max-width: 350px) {
-  .sort-filter-wrap {
-    justify-content: space-between;
-  }
-  .sort-filter-wrap .sort-wrap {
-    margin-left: 0px;
-  }
-  .sort-filter-wrap .filter-wrap {
-    margin-left: 3px;
-  }
-}
-.align-right {
-  text-align: right;
-}
-
-.input-text {
-  font-family: "Euclid Triangle", sans-serif;
-  font-size: 17px;
-  line-height: 24px;
-  color: #000000;
-  padding: 5px 10px;
-  box-sizing: border-box;
-  width: 100%;
-}
-.input-text:focus {
-  outline: 0;
-}
-.input-text::placeholder {
-  color: #4A4A4A;
-}
-
-.text-colour-primary {
-  color: #2C089B;
-}