13758 lines
1.1 MiB
13758 lines
1.1 MiB
/*! ionicons-inline v0.0.6 | MIT | https://github.com/rstacruz/ionicons-inline */
|
|
|
|
@mixin ion-base {
|
|
line-height: 1em;
|
|
display: inline-block;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
@function ion-fix-color($color) {
|
|
@return str-insert(str-slice(ie-hex-str($color), 4), "%23", 1)
|
|
}
|
|
|
|
@function ion-ios-add-circle-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7S150.9%2065.3%20256%2065.3%20446.7%20150.9%20446.7%20256%20361.1%20446.7%20256%20446.7z%22%2F%3E%3Cpath%20d%3D%22M264%20128h-16v120H128v16h120v120h16V264h120v-16H264z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-add-circle-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-add-circle-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-add-circle-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-add-circle-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-add-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm128%20216H264v120h-16V264H128v-16h120V128h16v120h120v16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-add-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-add-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-add-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-add-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-add-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20264H264v120h-16V264H128v-16h120V128h16v120h120v16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-add-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-add-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-add($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-add-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-alarm-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M438.4%20192.4c12.2-14.2%2019.6-32.3%2019.6-52.2.1-43.8-35.5-79.6-80.4-82.1-1.6-.1-3.1-.1-4.8-.1-20.4-.1-39.1%206.8-53.8%2018.1l53.8%2052.4-10.5%2010.4c-25.7-19.4-57-32-91-34.9v-.1c0-8.5-7-15.5-15.5-15.5s-15.5%207-15.5%2015.5v.1c-33.9%202.9-65.1%2015.5-90.7%2034.9l-10.4-10.4L193%2076.1c-14.7-11.4-33.4-18.2-53.7-18.1-1.6%200-3.2.1-4.8.1-45%202.5-80.6%2038.3-80.4%2082.1%200%2019.8%207.4%2038%2019.6%2052.2l54-52.6%209.5%209.5c-35.1%2031.9-57.1%2078-57.1%20129.2%200%2043.9%2016.2%2084%2043%20114.7l-36.4%2044.6L99%20448l35.2-42.9c31.6%2030.2%2074.4%2048.9%20121.6%2048.9h.4c47.2%200%2090.2-18.7%20121.8-48.9l35.2%2043%2012.3-10.1-36.5-44.7c26.8-30.8%2043-70.9%2043-114.7%200-51.1-22-97.3-57.2-129.3l9.5-9.5%2054.1%2052.6zM76.2%20167.8c-4.2-8.6-6.4-18.4-6.5-28-.1-35.1%2028.4-64.6%2065.5-66.8%2012.7-.7%2023.1%201.4%2032.1%206.1l-91.1%2088.7zm339.7%20108.7c0%2087.7-72%20157.1-160.1%20157.1-88%200-159.8-69.4-159.8-157.1%200-87.7%2071.8-158.7%20159.9-158.7%2088.1%200%20160%2070.9%20160%20158.7zM344.7%2079.2c8.8-4.8%2019.3-6.8%2032.1-6.1%2037.2%202%2065.6%2031.5%2065.5%2066.8%200%209.6-2.3%2019.4-6.5%2028.1l-91.1-88.8z%22%2F%3E%3Cpath%20d%3D%22M256%20160v128h-96v16h112V160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-alarm-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-alarm-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-alarm-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-alarm-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-alarm-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M438.4%20192.4c12.2-14.2%2019.6-32.3%2019.6-52.2.1-43.8-35.5-79.6-80.4-82.1-1.6-.1-3.1-.1-4.8-.1-20.4-.1-39.1%206.8-53.8%2018.1l53.8%2052.4-10.6%2010.4c-25.7-19.4-57.2-32-91.2-34.9v-.1c0-8.5-7-15.5-15.5-15.5s-15.5%207-15.5%2015.5v.1c-34%202.9-65%2015.5-90.6%2034.9L139%20128.6l53.8-52.4c-14.7-11.4-33.4-18.2-53.7-18.1-1.6%200-3.2.1-4.8.1-45%202.5-80.6%2038.3-80.4%2082.1%200%2019.8%207.4%2038%2019.6%2052.2l54-52.6%209.5%209.5c-35.1%2031.9-57.1%2078-57.1%20129.2%200%2043.9%2016.2%2084%2043%20114.7l-36.4%2044.6L99%20448l35.2-42.9c31.6%2030.2%2074.4%2048.9%20121.6%2048.9h.4c47.2%200%2090.2-18.7%20121.8-48.9l35.2%2043%2012.3-10.1-36.5-44.7c26.8-30.8%2043-70.9%2043-114.7%200-51.1-22-97.3-57.2-129.3l9.5-9.5%2054.1%2052.6zM272%20304H160v-16h96V160h16v144z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-alarm-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-alarm-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-alarm($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-alarm-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-albums-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M464%20144v288H48V144h416m16-16H32v320h448V128zM72%2096h368v16H72zM104%2064h304v16H104z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-albums-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-albums-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-albums-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-albums-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-albums-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20128H32v320h448V128zM72%2096h368v16H72zM104%2064h304v16H104z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-albums-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-albums-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-albums($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-albums-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-alert-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cpath%20d%3D%22M256%20333.1c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016%2016-7.2%2016-16-7.2-16-16-16zM244.2%20233.2V144h24v89.2l-6%2070.8h-12l-6-70.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-alert-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-alert-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-alert-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-alert-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-alert-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm-11.8%2096h24v89.2l-6%2070.8h-12l-6-70.8V144zM256%20365.1c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016c0%208.9-7.2%2016-16%2016z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-alert-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-alert-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-alert($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-alert-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-american-football-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M378.605%20133.395C305.902%2060.69%20189.38%2047.998%20116.85%2048c-38.926%200-65.19%203.658-65.19%203.658s-29.985%20215.227%2081.735%20326.947C206.1%20451.31%20322.617%20464%20395.15%20464c38.925%200%2065.19-3.658%2065.19-3.658s29.986-215.226-81.735-326.947zM65.142%2065.208C76.137%2064.194%2094.374%2063%20116.856%2063H117l-.068-.07c27.167%200%2053.167%201.753%2077.792%205.22l-126.6%20126.58a515.877%20515.877%200%200%201-2.64-22.246c-4.586-47.435-2.086-88.228-.342-107.276zM143.9%20368.102c-23.85-23.852-42.793-54.938-56.304-92.396-6.973-19.332-12.51-40.373-16.57-62.866L212.838%2071.05c10.672%201.93%2021.064%204.19%2031.14%206.804%2052.028%2013.492%2093.784%2035.708%20124.14%2066.064%2023.85%2023.85%2042.786%2054.928%2056.297%2092.386%206.974%2019.333%2012.51%2040.375%2016.567%2062.87L299.17%20440.987c-10.66-1.93-21.04-4.19-31.104-6.8-52.03-13.49-93.806-35.727-124.166-66.084zm302.96%2078.766c-10.993%201.012-29.23%202.275-51.71%202.275-27.19%200-53.224-1.77-77.875-5.25l126.607-126.607a516.862%20516.862%200%200%201%202.638%2022.233c4.588%2047.436%202.086%2088.297.34%20107.348z%22%2F%3E%3Cpath%20d%3D%22M307.304%20317.847l22.625%2022.632-28.655%2028.65%2011.315%2011.315%2067.88-67.88-11.313-11.315-28.72%2028.72-22.626-22.63%2028.717-28.717-11.313-11.313-28.715%2028.714-22.634-22.638%2028.702-28.702-11.313-11.314-28.7%2028.7-22.626-22.63%2028.696-28.698-11.314-11.313-28.694%2028.694-22.63-22.637%2028.686-28.687-11.313-11.313-28.684%2028.685-22.624-22.63%2028.682-28.682-11.313-11.313-67.882%2067.882%2011.314%2011.313%2028.693-28.694%2022.624%2022.63-28.692%2028.69%2011.313%2011.313%2028.69-28.69%2022.63%2022.638-28.678%2028.68%2011.313%2011.313%2028.677-28.677%2022.626%2022.63-28.674%2028.675%2011.314%2011.314%2028.67-28.67%2022.634%2022.637-28.66%2028.66%2011.314%2011.315z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-american-football-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-american-football-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-american-football-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-american-football-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-american-football-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M378.605%20133.395C305.902%2060.69%20189.38%2047.998%20116.85%2048c-38.926%200-65.19%203.658-65.19%203.658s-29.985%20215.227%2081.735%20326.947C206.1%20451.31%20322.617%20464%20395.148%20464c38.927%200%2065.193-3.658%2065.193-3.658s29.987-215.226-81.735-326.947zm-310.48%2061.333L194.706%2068.146c6.123.86%2012.164%201.825%2018.112%202.9L71.024%20212.837a476.047%20476.047%200%200%201-2.9-18.11zM267.31%20335.195L296%20306.507l-22.627-22.628-28.688%2028.687-11.313-11.312%2028.688-28.688-22.627-22.627-28.688%2028.688-11.313-11.312%2028.688-28.688L205.492%20216l-28.688%2028.688-11.313-11.312%2028.69-28.69-22.628-22.626-28.688%2028.688-11.314-11.313%2067.884-67.883%2011.313%2011.314-28.688%2028.688%2022.627%2022.627%2028.688-28.687%2011.313%2011.313L216%20205.494l22.628%2022.628%2028.688-28.688%2011.314%2011.313-28.688%2028.688%2022.627%2022.627%2028.687-28.688%2011.313%2011.312-28.688%2028.688%2022.628%2022.628%2028.688-28.688%2011.312%2011.313-28.688%2028.688%2022.627%2022.627%2028.687-28.688%2011.314%2011.312-67.882%2067.884-11.313-11.313%2028.688-28.688-22.628-22.63-28.688%2028.69-11.315-11.315zM317.26%20443.89c-6.122-.862-12.16-1.83-18.105-2.905L440.98%20299.16a474.432%20474.432%200%200%201%202.9%2018.11L317.26%20443.89z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-american-football-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-american-football-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-american-football($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-american-football-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-analytics-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M403.1%20108.9c-81.2-81.2-212.9-81.2-294.2%200s-81.2%20212.9%200%20294.2c81.2%2081.2%20212.9%2081.2%20294.2%200%2081.2-81.2%2081.2-213%200-294.2zm-281.9%2012.3c74.3-74.3%20195.3-74.3%20269.6%200%2038%2038%2056.5%2088.1%2055.7%20138-2.9-4.6-23.1-35.2-52.5-35.2-27.9%200-42.3%2026.1-51.8%2043.3-1.4%202.6-2.8%205-4%207.1-11.6%2019.5-27.7%2030.4-43.1%2029.3-13.6-1-25.2-11.3-32.6-29.2-9.3-22.4-29.6-46.5-53.7-49.9-11.4-1.6-28.6.9-45.3%2021.7-3.3%204.1-7%209.5-11.2%2015.9-10.6%2015.7-26.5%2039.4-38.7%2041.4-21%203.4-36.6-12.2-39.3-14.6-2-1.7-4.4-4.3-7.3-7.6-7.5-56.9%2010.5-116.6%2054.2-160.2zm269.6%20269.6c-74.3%2074.3-195.3%2074.3-269.6%200-24.2-24.2-40.5-53.3-48.9-84.1%207%205.7%2019.3%2013.3%2035.5%2013.3%202.7%200%205.6-.2%208.5-.7%2019-3.1%2035.8-28.1%2049.4-48.2%203.9-5.8%207.5-11.2%2010.4-14.8%209.7-12%2020-17.4%2030.6-15.9%2012.9%201.8%2031.1%2016.2%2041.1%2040.2%209.9%2023.7%2026.3%2037.6%2046.3%2039%2021.6%201.5%2043.3-12.4%2058-37.1%201.4-2.3%202.8-4.8%204.2-7.5%208.6-15.6%2019.3-35.1%2037.7-35.1%2011.1%200%2020.9%207.3%2027.2%2013.4%207.4%207.2%209%209%2012.9%2014.6%203.4%204.8%206.5%208.7%2010.3%2016.7-5.8%2038.9-23.7%2076.3-53.6%20106.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-analytics-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-analytics-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-analytics-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-analytics-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-analytics-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M403.1%20108.9c-81.2-81.2-212.9-81.2-294.2%200s-81.2%20212.9%200%20294.2c81.2%2081.2%20212.9%2081.2%20294.2%200%2081.2-81.2%2081.2-213%200-294.2zm-281.9%2012.3c74.3-74.3%20195.3-74.3%20269.6%200%2038%2038%2056.5%2088.1%2055.7%20138-2.9-4.7-23.1-35.2-52.5-35.2-27.9%200-42.3%2026.1-51.8%2043.3-1.4%202.6-2.8%205-4%207.1-11.6%2019.5-27.7%2030.4-43.1%2029.3-13.6-1-25.2-11.3-32.6-29.2-9.3-22.4-29.6-46.5-53.7-49.9-11.4-1.6-28.6.9-45.3%2021.7-3.3%204.1-7%209.5-11.2%2015.9-10.6%2015.7-26.5%2039.4-38.7%2041.4-21%203.4-36.6-12.2-39.3-14.6-2-1.7-4.4-4.3-7.2-7.5-7.6-57%2010.4-116.7%2054.1-160.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-analytics-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-analytics-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-analytics($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-analytics-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-aperture-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256c0%2065.5%2030.3%20123.9%2077.6%20162.1l-.6%201.1%208.3%204.8c34.4%2025.2%2076.8%2040%20122.7%2040%20114.9%200%20208-93.1%20208-208S370.9%2048%20256%2048zm176.9%20133.3c10%2023.7%2015.1%2048.8%2015.1%2074.7%200%205.4-.2%2010.7-.7%2016H284.5l94.4-163.5c4.4%203.7%208.7%207.6%2012.9%2011.7%2017.6%2017.7%2031.4%2038.2%2041.1%2061.1zM237%20257.1l9.9-17.1h18.7l9.4%2016.4-9%2015.6h-20.4l-8.6-14.9zm93.7-178c12.5%205.3%2024.3%2011.9%2035.4%2019.6l-81.8%20141.7-95-164.5C210.6%2068%20233%2064%20256%2064c25.9%200%2051.1%205.1%2074.7%2015.1zm-210.5%2041.1c15.9-15.9%2034.1-28.7%2054.2-38.1l82%20141.9H66.7c2.5-14.7%206.6-28.9%2012.4-42.7%209.7-22.9%2023.5-43.4%2041.1-61.1zm0%20271.6c-17.6-17.6-31.5-38.2-41.2-61-9.9-23.7-15-48.9-15-74.8%200-5.4.2-10.7.7-16h163.8l-94.7%20164c-4.7-3.8-9.2-7.9-13.6-12.2zm61.1%2041.1c-12.3-5.2-23.9-11.6-34.7-19.1l81.2-140.7L322%20436.3c-21.1%207.7-43.3%2011.7-66%2011.7-25.9%200-51.1-5.1-74.7-15.1zm210.5-41.1c-16%2016-34.4%2028.9-54.8%2038.4L254.9%20288h190.5c-2.5%2014.7-6.6%2028.9-12.4%2042.7-9.8%2022.9-23.6%2043.4-41.2%2061.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-aperture-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-aperture-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-aperture-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-aperture-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-aperture-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M246.9%20240l-9.9%2017.1%208.6%2014.9H266l9.1-15.6-9.5-16.4z%22%2F%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm-1.1%20240L337%20430.1c-2.1%201-4.1%201.9-6.2%202.8-2.9%201.2-5.8%202.4-8.7%203.4l-94.2-163.2-81.2%20140.7c-4.4-3.1-8.7-6.3-12.8-9.7l94.7-164H64.7c.4-5.4%201.1-10.7%202-16h189.7l-81.9-142c2.2-1.1%204.5-2.1%206.8-3%202.7-1.1%205.4-2.2%208.1-3.2l95%20164.5%2081.8-141.7c4.4%203.1%208.7%206.4%2012.8%209.8L284.5%20272h162.8c-.4%205.4-1.1%2010.7-2%2016H254.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-aperture-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-aperture-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-aperture($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-aperture-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-apps-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M154%2080c3.3%200%206%202.7%206%206v52c0%203.3-2.7%206-6%206h-52c-3.3%200-6-2.7-6-6V86c0-3.3%202.7-6%206-6h52m0-16h-52c-12.1%200-22%209.9-22%2022v52c0%2012.1%209.9%2022%2022%2022h52c12.1%200%2022-9.9%2022-22V86c0-12.1-9.9-22-22-22zM282%2080c3.3%200%206%202.7%206%206v52c0%203.3-2.7%206-6%206h-52c-3.3%200-6-2.7-6-6V86c0-3.3%202.7-6%206-6h52m0-16h-52c-12.1%200-22%209.9-22%2022v52c0%2012.1%209.9%2022%2022%2022h52c12.1%200%2022-9.9%2022-22V86c0-12.1-9.9-22-22-22zM410%2080c3.3%200%206%202.7%206%206v52c0%203.3-2.7%206-6%206h-52c-3.3%200-6-2.7-6-6V86c0-3.3%202.7-6%206-6h52m0-16h-52c-12.1%200-22%209.9-22%2022v52c0%2012.1%209.9%2022%2022%2022h52c12.1%200%2022-9.9%2022-22V86c0-12.1-9.9-22-22-22zM154%20224c3.3%200%206%202.7%206%206v52c0%203.3-2.7%206-6%206h-52c-3.3%200-6-2.7-6-6v-52c0-3.3%202.7-6%206-6h52m0-16h-52c-12.1%200-22%209.9-22%2022v52c0%2012.1%209.9%2022%2022%2022h52c12.1%200%2022-9.9%2022-22v-52c0-12.1-9.9-22-22-22zM282%20224c3.3%200%206%202.7%206%206v52c0%203.3-2.7%206-6%206h-52c-3.3%200-6-2.7-6-6v-52c0-3.3%202.7-6%206-6h52m0-16h-52c-12.1%200-22%209.9-22%2022v52c0%2012.1%209.9%2022%2022%2022h52c12.1%200%2022-9.9%2022-22v-52c0-12.1-9.9-22-22-22zM410%20224c3.3%200%206%202.7%206%206v52c0%203.3-2.7%206-6%206h-52c-3.3%200-6-2.7-6-6v-52c0-3.3%202.7-6%206-6h52m0-16h-52c-12.1%200-22%209.9-22%2022v52c0%2012.1%209.9%2022%2022%2022h52c12.1%200%2022-9.9%2022-22v-52c0-12.1-9.9-22-22-22zM154%20368c3.3%200%206%202.7%206%206v52c0%203.3-2.7%206-6%206h-52c-3.3%200-6-2.7-6-6v-52c0-3.3%202.7-6%206-6h52m0-16h-52c-12.1%200-22%209.9-22%2022v52c0%2012.1%209.9%2022%2022%2022h52c12.1%200%2022-9.9%2022-22v-52c0-12.1-9.9-22-22-22zM282%20368c3.3%200%206%202.7%206%206v52c0%203.3-2.7%206-6%206h-52c-3.3%200-6-2.7-6-6v-52c0-3.3%202.7-6%206-6h52m0-16h-52c-12.1%200-22%209.9-22%2022v52c0%2012.1%209.9%2022%2022%2022h52c12.1%200%2022-9.9%2022-22v-52c0-12.1-9.9-22-22-22zM410%20368c3.3%200%206%202.7%206%206v52c0%203.3-2.7%206-6%206h-52c-3.3%200-6-2.7-6-6v-52c0-3.3%202.7-6%206-6h52m0-16h-52c-12.1%200-22%209.9-22%2022v52c0%2012.1%209.9%2022%2022%2022h52c12.1%200%2022-9.9%2022-22v-52c0-12.1-9.9-22-22-22z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-apps-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-apps-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-apps-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-apps-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-apps-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M154%20160h-52c-12.1%200-22-9.9-22-22V86c0-12.1%209.9-22%2022-22h52c12.1%200%2022%209.9%2022%2022v52c0%2012.1-9.9%2022-22%2022zM282%20160h-52c-12.1%200-22-9.9-22-22V86c0-12.1%209.9-22%2022-22h52c12.1%200%2022%209.9%2022%2022v52c0%2012.1-9.9%2022-22%2022zM410%20160h-52c-12.1%200-22-9.9-22-22V86c0-12.1%209.9-22%2022-22h52c12.1%200%2022%209.9%2022%2022v52c0%2012.1-9.9%2022-22%2022zM154%20304h-52c-12.1%200-22-9.9-22-22v-52c0-12.1%209.9-22%2022-22h52c12.1%200%2022%209.9%2022%2022v52c0%2012.1-9.9%2022-22%2022zM282%20304h-52c-12.1%200-22-9.9-22-22v-52c0-12.1%209.9-22%2022-22h52c12.1%200%2022%209.9%2022%2022v52c0%2012.1-9.9%2022-22%2022zM410%20304h-52c-12.1%200-22-9.9-22-22v-52c0-12.1%209.9-22%2022-22h52c12.1%200%2022%209.9%2022%2022v52c0%2012.1-9.9%2022-22%2022zM154%20448h-52c-12.1%200-22-9.9-22-22v-52c0-12.1%209.9-22%2022-22h52c12.1%200%2022%209.9%2022%2022v52c0%2012.1-9.9%2022-22%2022zM282%20448h-52c-12.1%200-22-9.9-22-22v-52c0-12.1%209.9-22%2022-22h52c12.1%200%2022%209.9%2022%2022v52c0%2012.1-9.9%2022-22%2022zM410%20448h-52c-12.1%200-22-9.9-22-22v-52c0-12.1%209.9-22%2022-22h52c12.1%200%2022%209.9%2022%2022v52c0%2012.1-9.9%2022-22%2022z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-apps-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-apps-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-apps($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-apps-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-appstore-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cpath%20d%3D%22M139.3%20352l34.2-28.8-24.7-16.2zM342.2%20298c-6.8%203.2-15.2%2014-3.9%2028.6%209.1%2011.7%2018%208.7%2026.5%2025.4%204.8-4.1%209.4-21.7%207.3-35.7-2.4-15.3-12.3-26.5-29.9-18.3zM251.6%20189.6c1.6-2.7.6-6.3-2.1-7.9l-15.1-8.6c-2.8-1.6-6.3-.6-7.9%202.1L189.1%20240l-18.5%2032-16.9%2029.2%2024.9%2015%2025.5-44.3%2018.4-32%2029.1-50.3zM230.6%20240l-18.5%2032h89.2l-18.1-32zM351%20272h33v-32h-51zM181.1%20240H128v32h34.6zM324.6%20240l-60-105.8c-1.6-2.8-5.2-3.7-7.9-2.1l-15.1%208.6c-2.8%201.6-3.7%205.1-2.1%207.9l51.7%2091.4%2018.1%2032%20.2.3.5-.3%2024.4-14.8-9.8-17.2zM343.2%20272l-4.9-8.7-14.4%208.7-10.4%206.3%2013%2023%2024.9-15.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-appstore-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-appstore-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-appstore-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-appstore-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-appstore-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zM128%20240h53.1l-18.5%2032H128v-32zm11.3%20112l9.5-45%2024.8%2016.2-34.3%2028.8zm39.3-35.7l-24.9-15%2016.9-29.2%2018.5-32%2037.4-64.8c1.6-2.8%205.2-3.7%207.9-2.1l15.1%208.6c2.8%201.6%203.7%205.1%202.1%207.9l-29%2050.4-18.4%2032-25.6%2044.2zm33.5-44.3l18.4-32h52.7l18.1%2032h-89.2zm97.4.3l-.2-.3-18.1-32-51.7-91.4c-1.6-2.7-.6-6.3%202.1-7.9l15.1-8.6c2.8-1.6%206.3-.6%207.9%202.1l60%20105.8%209.8%2017.2L310%20272l-.5.3zm4%206l10.4-6.3%2014.4-8.7%205%208.7%208.1%2014.2-24.9%2015-13-22.9zm51.2%2073.7c-8.5-16.8-17.4-13.7-26.5-25.4-11.3-14.6-2.9-25.4%203.9-28.6%2017.6-8.2%2027.5%203%2029.8%2018.3%202.2%2014-2.4%2031.6-7.2%2035.7zm19.3-80h-33l-18-32h51v32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-appstore-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-appstore-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-appstore($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-appstore-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-archive-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M287.8%20240c8.8%200%2016.1%207.2%2016.1%2016s-7%2016-15.9%2016h-64c-8.8%200-16-7.2-16-16s7.2-16%2016-16h63m1-16h-64c-17.6%200-32%2014.4-32%2032s14.4%2032%2032%2032h64c17.6%200%2032-14.4%2032-32s-14.4-32-32-32z%22%2F%3E%3Cpath%20d%3D%22M416%20112H96v80h16v208h288V192h16v-80zm-32%20272H128V192h256v192zm16-208H112v-48h288v48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-archive-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-archive-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-archive-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-archive-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-archive-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M112%20400h288V208H112v192zm112-160h64c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016h-64c-8.8%200-16-7.2-16-16s7.2-16%2016-16zM96%20112v80h320v-80z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-archive-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-archive-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-archive($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-archive-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-back-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%20128.4L319.7%2096%20160%20256l159.7%20160%2032.3-32.4L224.7%20256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-back-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-back-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-back($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-back-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-down-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128.4%20160L96%20192.3%20256%20352l160-159.7-32.4-32.3L256%20287.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-down-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-down-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-down($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-down-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-dropdown-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20260.4L349.2%20208l12.8%2013.8L256%20336%20150%20221.8l12.8-13.8L256%20308.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropdown-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-dropdown-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropdown-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-dropdown-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-dropdown-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M349.2%20208l12.8%2013.8L256%20336%20150%20221.8l12.8-13.8L256%20308.4z%22%2F%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%2017.3c105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.5%20190.7-190.7%20190.7-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.6-190.7%20190.7-190.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropdown-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-dropdown-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropdown($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-dropdown-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-dropleft-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm48%20301.2L290.2%20362%20176%20256l114.2-106%2013.8%2012.8L203.6%20256%20304%20349.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropleft-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-dropleft-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropleft-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-dropleft-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-dropleft-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M304%20162.8L290.2%20150%20176%20256l114.2%20106%2013.8-12.8L203.6%20256z%22%2F%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropleft-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-dropleft-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropleft($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-dropleft-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-dropright-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M48%20256c0%20114.9%2093.1%20208%20208%20208s208-93.1%20208-208S370.9%2048%20256%2048%2048%20141.1%2048%20256zm260.4%200L208%20162.8l13.8-12.8L336%20256%20221.8%20362%20208%20349.2%20308.4%20256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropright-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-dropright-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropright-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-dropright-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-dropright-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M208%20162.8l13.8-12.8L336%20256%20221.8%20362%20208%20349.2%20308.4%20256z%22%2F%3E%3Cpath%20d%3D%22M48%20256c0%20114.9%2093.1%20208%20208%20208s208-93.1%20208-208S370.9%2048%20256%2048%2048%20141.1%2048%20256zm17.3%200c0-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.5%20190.7-190.7%20190.7-105.1%200-190.7-85.6-190.7-190.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropright-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-dropright-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropright($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-dropright-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-dropup-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20464c114.9%200%20208-93.1%20208-208S370.9%2048%20256%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208zm0-260.4L162.8%20304%20150%20290.2%20256%20176l106%20114.2-12.8%2013.8L256%20203.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropup-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-dropup-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropup-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-dropup-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-dropup-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M162.8%20304L150%20290.2%20256%20176l106%20114.2-12.8%2013.8L256%20203.6z%22%2F%3E%3Cpath%20d%3D%22M256%20464c114.9%200%20208-93.1%20208-208S370.9%2048%20256%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208zm0-17.3c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropup-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-dropup-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-dropup($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-dropup-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-forward-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M287.3%20256L160%20383.6l32.3%2032.4L352%20256%20192.3%2096%20160%20128.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-forward-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-forward-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-forward($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-forward-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-round-back-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M376%20248H155.3l66.3-74.4c2.9-3.4%203.2-8.1.1-11.2-3.1-3.1-8.5-3.3-11.4-.1l-80%2088c-.2.2-.4.4-.5.6-.1.1-.1.2-.2.3-.1.1-.2.2-.3.4-.1.1-.1.2-.2.3-.1.1-.1.2-.2.3-.1.1-.1.2-.2.4-.1.1-.1.2-.2.3%200%20.1-.1.2-.1.4%200%20.1-.1.3-.1.4%200%20.1-.1.2-.1.4%200%20.1-.1.3-.1.4%200%20.1%200%20.3-.1.4v.3c-.1.5-.1%201.1%200%201.6v.3c0%20.1%200%20.3.1.4%200%20.1.1.3.1.4%200%20.1.1.2.1.4%200%20.1.1.3.1.4%200%20.1.1.2.1.4%200%20.1.1.2.2.3.1.1.1.2.2.4.1.1.1.2.2.3.1.1.1.2.2.3.1.1.2.2.3.4.1.1.1.2.2.3.2.2.3.4.5.6l80%2088c1.6%201.7%203.6%202.3%205.7%202.3%202%200%204.1-.8%205.7-2.3%203.1-3.1%203-8%200-11.3L155.3%20264H376c4.4%200%208-3.6%208-8s-3.6-8-8-8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-round-back-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-round-back-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-round-back($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-round-back-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-round-down-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M248%20136v220.7l-74.4-66.3c-3.4-2.9-8.1-3.2-11.2-.1-3.1%203.1-3.3%208.5-.1%2011.4l88%2080c.2.2.4.4.6.5.1.1.2.1.3.2.1.1.2.2.4.3.1.1.2.1.3.2.1.1.2.1.3.2.1.1.2.1.4.2.1.1.2.1.3.2.1%200%20.2.1.4.1.1%200%20.3.1.4.1.1%200%20.2.1.4.1.1%200%20.3.1.4.1.1%200%20.3%200%20.4.1h.3c.5.1%201.1.1%201.6%200h.3c.1%200%20.3%200%20.4-.1.1%200%20.3-.1.4-.1.1%200%20.2-.1.4-.1.1%200%20.3-.1.4-.1.1%200%20.2-.1.4-.1.1%200%20.2-.1.3-.2.1-.1.2-.1.4-.2.1-.1.2-.1.3-.2.1-.1.2-.1.3-.2.1-.1.2-.2.4-.3.1-.1.2-.1.3-.2.2-.2.4-.3.6-.5l88-80c1.7-1.6%202.3-3.6%202.3-5.7%200-2-.8-4.1-2.3-5.7-3.1-3.1-8-3-11.3%200L264%20356.7V136c0-4.4-3.6-8-8-8s-8%203.6-8%208z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-round-down-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-round-down-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-round-down($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-round-down-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-round-forward-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M136%20264h220.7l-66.3%2074.4c-2.9%203.4-3.2%208.1-.1%2011.2%203.1%203.1%208.5%203.3%2011.4.1l80-88c.2-.2.4-.4.5-.6.1-.1.1-.2.2-.3.1-.1.2-.2.3-.4.1-.1.1-.2.2-.3.1-.1.1-.2.2-.3.1-.1.1-.2.2-.4.1-.1.1-.2.2-.3%200-.1.1-.2.1-.4%200-.1.1-.3.1-.4%200-.1.1-.2.1-.4%200-.1.1-.3.1-.4%200-.1%200-.3.1-.4v-.3c.1-.5.1-1.1%200-1.6v-.3c0-.1%200-.3-.1-.4%200-.1-.1-.3-.1-.4%200-.1-.1-.2-.1-.4%200-.1-.1-.3-.1-.4%200-.1-.1-.2-.1-.4%200-.1-.1-.2-.2-.3-.1-.1-.1-.2-.2-.4-.1-.1-.1-.2-.2-.3-.1-.1-.1-.2-.2-.3-.1-.1-.2-.2-.3-.4-.1-.1-.1-.2-.2-.3-.2-.2-.3-.4-.5-.6l-80-88c-1.6-1.7-3.6-2.3-5.7-2.3-2%200-4.1.8-5.7%202.3-3.1%203.1-3%208%200%2011.3l66.3%2074.3H136c-4.4%200-8%203.6-8%208%200%204.5%203.6%208.1%208%208.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-round-forward-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-round-forward-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-round-forward($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-round-forward-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-round-up-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M264%20376V155.3l74.4%2066.3c3.4%202.9%208.1%203.2%2011.2.1%203.1-3.1%203.3-8.5.1-11.4l-88-80c-.2-.2-.4-.4-.6-.5-.1-.1-.2-.1-.3-.2-.1-.1-.2-.2-.4-.3-.1-.1-.2-.1-.3-.2-.1-.1-.2-.1-.3-.2-.1-.1-.2-.1-.4-.2-.1-.1-.2-.1-.3-.2-.1%200-.2-.1-.4-.1-.1%200-.3-.1-.4-.1-.1%200-.2-.1-.4-.1-.1%200-.3-.1-.4-.1-.1%200-.3%200-.4-.1h-.3c-.5-.1-1.1-.1-1.6%200h-.3c-.1%200-.3%200-.4.1-.1%200-.3.1-.4.1-.1%200-.2.1-.4.1-.1%200-.3.1-.4.1-.1%200-.2.1-.4.1-.1%200-.2.1-.3.2-.1.1-.2.1-.4.2-.1.1-.2.1-.3.2-.1.1-.2.1-.3.2-.1.1-.2.2-.4.3-.1.1-.2.1-.3.2-.2.2-.4.3-.6.5l-88%2080c-1.7%201.6-2.3%203.6-2.3%205.7%200%202%20.8%204.1%202.3%205.7%203.1%203.1%208%203%2011.3%200l74.3-66.3V376c0%204.4%203.6%208%208%208%204.5%200%208.1-3.6%208.1-8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-round-up-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-round-up-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-round-up($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-round-up-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-arrow-up-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M383.6%20352l32.4-32.3L256%20160%2096%20319.7l32.4%2032.3L256%20224.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-arrow-up-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-arrow-up-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-arrow-up($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-arrow-up-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-at-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M433.9%20344.6C401%20408.4%20336.3%20448%20265.1%20448c-50.5%200-97.3-19.9-131.9-56.1-34.4-36-53.3-84.2-53.3-135.9s18.9-99.9%2053.3-135.9C167.8%2083.9%20214.7%2064%20265.1%2064c50.9%200%2093.9%2019.3%20121.1%2054.2%2026.3%2033.8%2034.5%2078.1%2023.2%20124.9-10.9%2045.1-33.5%2065.8-50.5%2075.2-17.5%209.7-41.8%2013.4-52.4%204.4-.3-.3-.6-.6-.8-.9-1.5-1.9-2.3-5.4-2.4-8.5-.1-3.1.2-6.7%201-10.7.8-4%201.9-8.4%203.2-12.7L346.1%20173h-21.3l-10%2026.5c-4.6-12.1-10.6-20.8-18.1-26-7.5-5.3-15.7-7.9-24.5-7.9-14.2%200-27.2%203.5-38.9%2010.4-11.8%206.9-21.8%2015.9-30.1%2027.1-8.3%2011.2-14.7%2023.8-19.3%2037.7-4.6%2013.9-6.8%2027.9-6.8%2041.9%200%208.1%201.2%2015.7%203.6%2022.7%202.4%207%205.9%2013.2%2010.4%2018.6%204.5%205.4%2010.1%209.7%2016.7%2012.8%206.6%203.1%2014%204.7%2022.3%204.7%2010.2%200%2019.7-2.7%2028.5-8.4s16.3-12.1%2022.5-18.1h.8c.8%209%204.7%2015.5%209.8%2020.1%202.6%202.3%206.3%204.5%2011.1%206.1v.1c21.1%207.2%2042.1%203%2063.8-9%2019.8-11%2046.1-34.7%2058.3-85.5%2012.5-51.6%203.2-100.8-26.2-138.6C368.5%2069.4%20321%2048%20265.1%2048c-54.8%200-105.7%2021.7-143.3%2061C84.5%20148%2064%20200.2%2064%20256s20.5%20108%2057.8%20147c37.6%2039.4%2088.6%2061%20143.3%2061%2077.1%200%20147.2-42.9%20182.9-112l-14.1-7.4zm-150.4-58.2c-6.1%209.8-13.3%2018-21.5%2024.8-8.2%206.7-17%2010.1-26.6%2010.1-9.8%200-17.9-3.6-24.3-10.7-6.4-7.2-9.6-16.9-9.6-29.3%200-9.6%201.6-20%204.9-31.2%203.3-11.1%208-21.5%2014.1-31s13.5-17.4%2022.1-23.7c8.6-6.3%2018.1-9.5%2028.4-9.5%204.1%200%208%201.1%2011.9%203.3%203.8%202.2%207.2%205.1%2010.2%208.7%203%203.6%205.5%207.6%207.4%2012.2%201.9%204.5%202.9%209.3%202.9%2014.2%200%209.1-1.8%2019.3-5.3%2030.6-3.6%2011.2-8.5%2021.7-14.6%2031.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-at-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-at-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-at-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-at-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-at-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%2092.1c5.3%205%2010.2%2010.5%2014.7%2016.3%2029.4%2037.7%2038.7%2086.9%2026.2%20138.6-12.3%2050.7-38.5%2074.5-58.3%2085.5-21.7%2012-42.7%2016.2-63.8%209v-.1c-4.8-1.6-8.5-3.8-11.1-6.1-5.1-4.6-9-11.1-9.8-20.1h-.8c-6.2%206-13.6%2012.4-22.5%2018.1-8.9%205.7-18.3%208.4-28.5%208.4-8.3%200-15.7-1.5-22.3-4.7-6.6-3.1-12.1-7.4-16.7-12.8s-8-11.6-10.4-18.6c-2.4-7-3.6-14.6-3.6-22.7%200-14%202.3-28%206.8-41.9%204.5-13.9%2011-26.5%2019.3-37.7%208.3-11.2%2018.3-20.3%2030.1-27.1%2011.8-6.9%2024.7-10.4%2038.9-10.4%208.8%200%2017%202.6%2024.5%207.9s13.5%2013.9%2018.1%2026l10-26.5h21.3L307.6%20290c-1.3%204.3-2.4%208.7-3.2%2012.7s-1.1%207.6-1%2010.7c.1%203.1.9%206.6%202.4%208.5.2.3.5.6.8.9%2010.6%209.1%2034.9%205.3%2052.4-4.4%2017.1-9.4%2039.7-30.1%2050.5-75.2%2011.3-46.8%203-91.1-23.2-124.9-22.8-29.2-54.6-58.8-96.8-66.5-13.9-2.5-22.1-3.8-33.5-3.8-114.9%200-208%2093.1-208%20208s93.1%20208%20208%20208%20208-93.1%20208-208c0-66.6-31.3-125.9-80-163.9z%22%2F%3E%3Cpath%20d%3D%22M211.1%20310.6c6.4%207.1%2014.5%2010.7%2024.3%2010.7%209.6%200%2018.4-3.4%2026.6-10.1%208.2-6.8%2015.4-15%2021.5-24.8s11-20.3%2014.5-31.6%205.3-21.5%205.4-30.5c0-4.9-1-9.7-2.9-14.2-1-2.3-2.1-4.5-3.3-6.6-1.2-2-2.6-3.9-4.1-5.7-3-3.6-6.4-6.5-10.2-8.7-3.8-2.2-7.8-3.3-11.9-3.3-10.4%200-19.8%203.2-28.4%209.5-8.6%206.3-16%2014.2-22.1%2023.7-6.1%209.5-10.8%2019.8-14.1%2031-3.3%2011.1-4.9%2021.5-4.9%2031.2v.1c0%2012.4%203.2%2022.1%209.6%2029.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-at-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-at-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-at($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-at-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-attach-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M343.5%20191.5c-4.7%200-8.5%203.8-8.5%208.5v157c0%2019-7.5%2038.2-20.9%2052.4-13.7%2014.4-33.3%2022.6-52.1%2022.6h-12c-39.5%200-74-36-74-75V135.9c0-30.6%2025.4-54.8%2056-54.8s55%2024.2%2055%2054.8v214.3c0%2017.2-13.6%2033.8-31%2033.8s-32-16.5-32-33.8V232c0-4.7-3.8-8.5-8.5-8.5s-8.5%203.8-8.5%208.5v118.2c0%2028.8%2022.3%2049.8%2049%2049.8s48-20%2048-49.8V135.9C304%2096%20271.6%2064%20231.7%2064S160%2096%20160%20135.9V357c0%2023.2%209.5%2046.8%2027.3%2064.3C205%20438.7%20226.8%20448%20250%20448h12c48%200%2090-41.4%2090-91V200c0-4.7-3.8-8.5-8.5-8.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-attach-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-attach-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-attach($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-attach-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-backspace-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M395%2096H230c-46.7%200-73.2%2034.7-102%2063.5s-72.1%2074.7-72.1%2074.7C51%20239.8%2048%20247%2048%20255.1c0%208%203%2015.3%207.9%2021%200%200%2034.3%2037.6%2072.1%2075.5%2037.8%2037.8%2056.7%2064.5%20102%2064.5h165c38.5%200%2069-32.5%2069-71V165c0-38.5-30.5-69-69-69zm53%20249c0%2014.5-5.3%2028.4-15.5%2038.7-10.1%2010.4-23.3%2016.3-37.5%2016.3H230c-32.6%200-48.2-16.3-76.5-45.4l-85.7-89.2C66%20263.3%2064%20259.8%2064%20255c0-4.7%202-8.2%203.8-10.3l83.1-86.1c12.2-12.7%2023.8-24.5%2036.9-33.3%2013.8-9.3%2027.2-13.4%2042.2-13.4h165c14.3%200%2027.5%205.3%2037.6%2015.4%2010.1%2010.1%2015.4%2023.3%2015.4%2037.6V345z%22%2F%3E%3Cpath%20d%3D%22M316.4%20256l63.6-63.4-14.6-14.6-63.6%2063.5-63.2-63.2-14.6%2014.6%2063.3%2063.1-63.3%2063.2%2014.6%2014.5%2063.2-63.1%2063.6%2063.4%2014.6-14.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-backspace-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-backspace-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-backspace-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-backspace-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-backspace-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M395%2096H230c-46.7%200-73.2%2034.7-102%2063.5s-72.1%2074.7-72.1%2074.7C51%20239.8%2048%20247%2048%20255.1c0%208%203%2015.3%207.9%2021%200%200%2034.3%2037.6%2072.1%2075.5%2037.8%2037.8%2056.7%2064.5%20102%2064.5h165c38.5%200%2069-32.5%2069-71V165c0-38.5-30.5-69-69-69zm-29.6%20238l-63.6-63.4-63.3%2063.1-14.5-14.5%2063.3-63.2-63.3-63.1%2014.6-14.6%2063.3%2063.2%2063.6-63.5%2014.6%2014.6-63.7%2063.4%2063.6%2063.5-14.6%2014.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-backspace-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-backspace-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-backspace($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-backspace-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-barcode-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M48%20384h80v-16H64V144h64v-16H48zM384%20128v16h64v224h-64v16h80V128z%22%2F%3E%3Cpath%20d%3D%22M112%20192h16v128h-16zM384%20192h16v128h-16zM320%20160h16v192h-16zM176%20160h16v192h-16zM247%20176h16v160h-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-barcode-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-barcode-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-barcode-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-barcode-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-barcode-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M48%20128v256h416V128H48zm80%20192h-16V192h16v128zm64%2032h-16V160h16v192zm71-16h-16V176h16v160zm73%2016h-16V160h16v192zm64-32h-16V192h16v128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-barcode-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-barcode-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-barcode($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-barcode-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-baseball-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M462.686%20279.37c.132-1.183.257-2.366.37-3.555l.01-.117c.61-6.485.934-13.053.934-19.698%200-114.863-93.13-208-208-208-7.95%200-15.792.462-23.512%201.33l-.27.03v.002C135.208%2060.41%2058.442%20138.2%2048.988%20235.687h-.003c-.072.748-.13%201.497-.195%202.246a205.782%20205.782%200%200%200-.353%204.743c-.026.418-.056.835-.08%201.254-.064%201.12-.116%202.245-.163%203.37-.01.282-.02.563-.032.844A211.116%20211.116%200%200%200%2048%20256c0%20114.863%2093.137%20208%20208%20208%202.627%200%205.24-.065%207.843-.162a227.567%20227.567%200%200%200%204.202-.193c.455-.025.907-.058%201.36-.086%201.604-.104%203.2-.223%204.795-.36.703-.062%201.41-.116%202.112-.185v-.004c97.494-9.45%20175.28-86.215%20186.326-183.228h.004c.016-.137.028-.275.044-.413zM446.666%20256c0%202.568-.067%205.122-.168%207.666a207.715%20207.715%200%200%201-30.614-3.664l6.11-19.056-15.232-4.884-6.488%2020.235a207.82%20207.82%200%200%201-22.442-7.638%20207.424%20207.424%200%200%201-14.625-6.605l11.518-17.003-13.247-8.974-12.36%2018.246c-12.24-7.35-23.702-15.977-34.304-25.812l14.73-14.73-11.313-11.313-14.73%2014.73c-9.554-10.298-17.963-21.41-25.174-33.255l18.487-12.522-8.972-13.246-17.323%2011.735a207.82%20207.82%200%200%201-7.174-15.74%20208.075%20208.075%200%200%201-7.327-21.352l20.812-6.673-4.885-15.234-19.71%206.32a207.82%20207.82%200%200%201-3.897-31.73c2.544-.1%205.097-.166%207.665-.166C361.133%2065.335%20446.666%20150.87%20446.666%20256zm-381.33%200c0-1.317.024-2.63.05-3.94a207.7%20207.7%200%200%201%2026.892%203.41l-7.115%2022.19%2015.235%204.886%207.5-23.39a208.056%20208.056%200%200%201%2022.738%207.72c5.175%202.1%2010.24%204.404%2015.197%206.896l-13.405%2019.79%2013.246%208.973%2014.22-20.992c12.037%207.28%2023.32%2015.793%2033.764%2025.483l-16.853%2016.853%2011.313%2011.313%2016.854-16.854c9.968%2010.743%2018.7%2022.368%2026.114%2034.795l-20.753%2014.058%208.972%2013.246%2019.473-13.19a208.258%20208.258%200%200%201%2014.363%2037.893l-22.83%207.32%204.883%2015.233%2021.53-6.903a207.698%20207.698%200%200%201%203.216%2025.822c-1.312.026-2.623.05-3.94.05-105.13%200-190.664-85.535-190.663-190.665zm210.557%20189.63a225.09%20225.09%200%200%200-3.86-29.747l24.1-7.727-4.883-15.232-22.896%207.34a222.73%20222.73%200%200%200-16.234-42.053l20.172-13.663-8.973-13.246-18.99%2012.863a223.836%20223.836%200%200%200-28.04-37.145l17.082-17.08-11.313-11.314-17.083%2017.08a223.96%20223.96%200%200%200-36.108-27.413l12.695-18.742-13.246-8.972-13.447%2019.85a222.682%20222.682%200%200%200-42.094-16.494l7.157-22.325-15.235-4.885-7.52%2023.452a224.982%20224.982%200%200%200-30.81-4.067c9.168-88.037%2078.492-158.454%20166.023-169.31a225.012%20225.012%200%200%200%204.543%2035.338l-25.935%208.316%204.885%2015.235%2024.903-7.985a222.673%20222.673%200%200%200%2016.387%2041.246l-22.322%2015.12%208.973%2013.247%2021.236-14.385c7.688%2012.528%2016.735%2024.455%2027.116%2035.59l-19.204%2019.204%2011.313%2011.314%2019.203-19.205a223.968%20223.968%200%200%200%2036.647%2027.746l-14.555%2021.486%2013.248%208.974%2015.328-22.628a222.64%20222.64%200%200%200%2041.23%2016.118l-8.168%2025.477%2015.232%204.884%208.525-26.59a225.095%20225.095%200%200%200%2034.223%204.31c-10.856%2087.53-81.273%20156.853-169.31%20166.022z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-baseball-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-baseball-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-baseball-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-baseball-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-baseball-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048c-8.044%200-15.975.473-23.782%201.36C128.555%2061.167%2048%20149.18%2048%20256c0%20114.863%2093.137%20208%20208%20208%20106.827%200%20194.833-80.553%20206.638-184.218A210.028%20210.028%200%200%200%20464%20256c0-114.863-93.13-208-208-208zm3.94%20398.614a208.734%20208.734%200%200%200-3.21-25.804l-21.51%206.896-4.886-15.234%2022.812-7.314a207.982%20207.982%200%200%200-8.02-23.794%20207.873%20207.873%200%200%200-6.34-14.105l-19.465%2013.185-8.97-13.247%2020.743-14.054c-7.416-12.43-16.15-24.057-26.12-34.803l-16.85%2016.854-11.314-11.313%2016.85-16.85c-10.44-9.69-21.72-18.203-33.756-25.48l-14.216%2020.987-13.247-8.973%2013.404-19.788c-4.96-2.49-10.027-4.8-15.206-6.9a208.605%20208.605%200%200%200-22.725-7.717l-7.5%2023.39-15.236-4.884%207.115-22.192a207.708%20207.708%200%200%200-26.904-3.412c.11-5.373.438-10.695.984-15.953a225.56%20225.56%200%200%201%2030.827%204.067l7.517-23.454%2015.237%204.886-7.16%2022.327a222.766%20222.766%200%200%201%2042.09%2016.494l13.45-19.853%2013.248%208.973-12.7%2018.748a223.996%20223.996%200%200%201%2036.1%2027.41l17.082-17.08%2011.314%2011.313-17.083%2017.083a223.794%20223.794%200%200%201%2028.044%2037.15l18.998-12.868%208.973%2013.248-20.182%2013.67a222.582%20222.582%200%200%201%2016.232%2042.058l22.92-7.348%204.884%2015.236-24.122%207.734a225.322%20225.322%200%200%201%203.854%2029.727c-5.26.547-10.582.874-15.957.984zm151.02-171.32l-8.528%2026.603-15.236-4.885%208.174-25.493a222.824%20222.824%200%200%201-41.218-16.117l-15.335%2022.64-13.248-8.972%2014.563-21.498a223.98%20223.98%200%200%201-36.644-27.746l-19.206%2019.204-11.312-11.314%2019.202-19.203c-10.38-11.135-19.427-23.062-27.114-35.59l-21.248%2014.393-8.974-13.248%2022.335-15.127a222.717%20222.717%200%200%201-16.384-41.24l-24.92%207.99-4.884-15.237%2025.95-8.32a225.707%20225.707%200%200%201-4.52-35.338%20190.975%20190.975%200%200%201%2015.753-1.284c.506%2010.744%201.858%2021.335%203.97%2031.808l19.745-6.36%204.907%2015.213-20.79%206.66a208.37%20208.37%200%200%200%207.334%2021.347%20207.833%20207.833%200%200%200%207.174%2015.73l17.315-11.728%208.973%2013.245-18.477%2012.516c7.21%2011.847%2015.62%2022.958%2025.175%2033.255l14.73-14.73%2011.313%2011.312-14.732%2014.73c10.602%209.837%2022.062%2018.464%2034.302%2025.814l12.352-18.234%2013.248%208.973-11.512%2016.993a207.246%20207.246%200%200%200%2014.635%206.608%20208.012%20208.012%200%200%200%2022.422%207.632l6.484-20.22%2015.233%204.885L415.864%20260c10.116%201.984%2020.286%203.31%2030.626%203.824a191.86%20191.86%200%200%201-1.284%2015.768%20226.123%20226.123%200%200%201-34.245-4.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-baseball-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-baseball-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-baseball($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-baseball-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-basket-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M400%20224v-96c0-35.2-28.8-64-64-64H176c-35.2%200-64%2028.8-64%2064v96H32l52.5%20194.3c4.7%2017%2020.4%2029.7%2039.1%2029.7h264.7c18.7%200%2034.4-12.5%2039.3-29.5L480%20224h-80zm59%2016h.1l-12.9%2048H368v-48h91zM70.2%20304H144v64H87.5l-17.3-64zm89.8%200h88v64h-88v-64zm192-16h-88v-48h88v48zm-104%200h-88v-48h88v48zm0%2096v48h-88v-48h88zm16%200h88v48h-88v-48zm0-16v-64h88v64h-88zm104-64h73.9l-17.2%2064H368v-64zM128%20128c0-12.8%205-24.8%2014.1-33.9C151.2%2085%20163.2%2080%20176%2080h160c12.8%200%2024.8%205%2033.9%2014.1%209.1%209.1%2014.1%2021.1%2014.1%2033.9v96H128v-96zm16%20112v48H65.9l-13-48H144zm-44%20174.1L91.8%20384H144v48h-20.4c-11%200-20.7-7.3-23.6-17.9zm312.3.1c-3.1%2010.5-12.9%2017.8-23.9%2017.8H368v-48h52.4l-8.1%2030.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-basket-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-basket-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-basket-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-basket-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-basket-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M400%20224v-96c0-35.2-28.8-64-64-64H176c-35.2%200-64%2028.8-64%2064v96H32l52.5%20194.3c4.7%2017%2020.4%2029.7%2039.1%2029.7h264.7c18.7%200%2034.4-12.5%2039.3-29.5L480%20224h-80zm-272-96c0-12.8%205-24.8%2014.1-33.9C151.2%2085%20163.2%2080%20176%2080h160c12.8%200%2024.8%205%2033.9%2014.1%209.1%209.1%2014.1%2021.1%2014.1%2033.9v96H128v-96zm313.9%20176H368v64h56.7l-4.3%2016H368v48h-16v-48h-88v48h-16v-48h-88v48h-16v-48H91.8l-4.3-16H144v-64H70.2l-4.3-16H144v-48h16v48h88v-48h16v48h88v-48h16v48h78.2l-4.3%2016z%22%2F%3E%3Cpath%20d%3D%22M264%20304h88v64h-88zM160%20304h88v64h-88z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-basket-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-basket-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-basket($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-basket-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-basketball-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.137%2048%2048%20141.136%2048%20256s93.137%20208%20208%20208c114.87%200%20208-93.138%20208-208S370.87%2048%20256%2048zm190.664%20208l-.002.145c-22.315-1.72-43.99-6.972-64.62-15.7a206.906%20206.906%200%200%201-49.48-29.633%20527.032%20527.032%200%200%200%2052.825-94.715c37.658%2034.853%2061.277%2084.67%2061.277%20139.903zm-74.058-150.74c-.28.677-.55%201.355-.835%202.03-13.907%2032.882-31.06%2063.955-51.285%2092.986a215.41%20215.41%200%200%201-4.563-4.413c-19.107-19.107-34.107-41.354-44.583-66.12-8.698-20.563-13.934-42.163-15.672-64.4.11%200%20.22-.005.332-.005%2043.884%200%2084.347%2014.91%20116.606%2039.923zm-132.93-39.216c4.43%2058.126%2031.043%20110.04%2071.39%20147.312a513.394%20513.394%200%200%201-30.32%2036.965c-47.553-50.03-104.814-90.745-168.766-119.13%2031.636-36.457%2076.853-60.815%20127.695-65.146zm41.01%20207.796c36.23%2040.67%2065.48%2086.438%2087.186%20136.453-25.4%2018.467-55.51%2030.83-88.162%2034.898-2.272-47.815-19.52-91.706-47.18-127.07a531.537%20531.537%200%200%200%2048.157-44.28zm-18.647-3.8a518.7%20518.7%200%200%201-39.78%2035.87c-38.736-42.886-93.83-70.707-155.45-73.636%204.07-32.646%2016.433-62.75%2034.897-88.146%2059.195%2025.688%20112.445%2061.947%20158.332%20107.833a523.63%20523.63%200%200%201%209.81%2010.09%20524.704%20524.704%200%200%201-7.81%207.99zM65.507%20248.23c25.238%201.145%2049.436%206.797%2071.45%2016.11%2024.767%2010.475%2047.013%2025.475%2066.12%2044.582a212.54%20212.54%200%200%201%206.584%206.895c-31.414%2023.915-65.427%2044.05-101.708%2060.182-26.632-32.795-42.618-74.563-42.618-120%200-2.604.068-5.19.172-7.77zm53.56%20140.296a527.776%20527.776%200%200%200%20100.913-60.52%20206.935%20206.935%200%200%201%2027.68%2047.036c9.615%2022.73%2015.014%2046.724%2016.115%2071.45-2.58.104-5.17.172-7.775.172-53.683%200-102.25-22.31-136.933-58.138zM380.81%20400.02c-22.49-50.67-52.72-97.14-89.19-137.908a530.62%20530.62%200%200%200%2031.555-38.336c34.17%2027.342%2076.52%2044.885%20122.8%2048.363-4.29%2050.918-28.664%2096.207-65.165%20127.88z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-basketball-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-basketball-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-basketball-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-basketball-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-basketball-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.137%2048%2048%20141.136%2048%20256s93.137%20208%20208%20208c114.87%200%20208-93.138%20208-208S370.87%2048%20256%2048zm124.797%20352.032a191.72%20191.72%200%200%201-12.942%2010.272c-21.704-50.015-50.938-95.795-87.168-136.465a530.98%20530.98%200%200%201-48.156%2044.28c27.66%2035.363%2044.917%2079.253%2047.19%20127.068a191.17%20191.17%200%200%201-15.944%201.303c-1.103-24.726-6.5-48.72-16.114-71.45a206.935%20206.935%200%200%200-27.68-47.036%20527.798%20527.798%200%200%201-100.91%2060.526A192.37%20192.37%200%200%201%20107.957%20376c36.28-16.133%2070.29-36.27%20101.705-60.185a212.54%20212.54%200%200%200-6.584-6.895c-19.107-19.107-41.354-34.107-66.12-44.583-22.015-9.312-46.212-14.964-71.45-16.108.217-5.38.648-10.704%201.303-15.96%2061.62%202.93%20116.714%2030.753%20155.45%2073.638a518.323%20518.323%200%200%200%2039.78-35.87%20529.307%20529.307%200%200%200%207.81-7.988c-3.222-3.4-6.488-6.767-9.81-10.09-45.888-45.886-99.138-82.145-158.333-107.832a191.982%20191.982%200%200%201%2010.272-12.94c63.95%2028.388%20121.21%2069.102%20168.766%20119.133a513.127%20513.127%200%200%200%2030.32-36.964c-40.348-37.27-66.957-89.188-71.39-147.312%205.274-.45%2010.605-.692%2015.99-.702%201.74%2022.238%206.975%2043.838%2015.672%2064.4%2010.476%2024.768%2025.476%2047.014%2044.583%2066.12%201.5%201.5%203.026%202.966%204.563%204.414%2020.226-29.03%2037.38-60.104%2051.287-92.987.285-.675.555-1.354.835-2.03%204.42%203.427%208.68%207.043%2012.78%2010.836a527.127%20527.127%200%200%201-52.823%2094.716%20206.91%20206.91%200%200%200%2049.48%2029.635c20.63%208.727%2042.304%2013.978%2064.62%2015.698a191.785%20191.785%200%200%201-.69%2015.99c-46.277-3.478-88.63-21.017-122.8-48.358a530.62%20530.62%200%200%201-31.556%2038.336c36.475%2040.77%2066.69%2087.247%2089.18%20137.92z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-basketball-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-basketball-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-basketball($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-basketball-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-battery-charging-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20144H80c-17.6%200-32%2014.4-32%2032v160c0%2017.6%2014.4%2032%2032%2032h304c17.6%200%2032-14.4%2032-32V176c0-17.6-14.4-32-32-32zm16%20192c0%208.8-7.2%2016-16%2016H80c-8.8%200-16-7.2-16-16V176c0-8.8%207.2-16%2016-16h304c8.8%200%2016%207.2%2016%2016v160z%22%2F%3E%3Cpath%20d%3D%22M370%20176H94c-8.8%200-14%205.2-14%2014v132c0%208.8%205.2%2014%2014%2014h276c8.8%200%2014-5.2%2014-14V190c0-8.8-5.2-14-14-14zM218.8%20308l8.4-43H200l45.2-61-8.4%2043H264l-45.2%2061zM432%20200.6v110.8c19.1-11.1%2032-31.7%2032-55.4s-12.9-44.3-32-55.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-battery-charging-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-battery-charging-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-battery-charging($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-battery-charging-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-battery-dead-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20144H80c-17.6%200-32%2014.4-32%2032v160c0%2017.6%2014.4%2032%2032%2032h304c17.6%200%2032-14.4%2032-32V176c0-17.6-14.4-32-32-32zm16%20192c0%208.8-7.2%2016-16%2016H80c-8.8%200-16-7.2-16-16V176c0-8.8%207.2-16%2016-16h304c8.8%200%2016%207.2%2016%2016v160zM432%20200.6v110.8c19.1-11.1%2032-31.7%2032-55.4s-12.9-44.3-32-55.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-battery-dead-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-battery-dead-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-battery-dead($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-battery-dead-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-battery-full-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20144H80c-17.6%200-32%2014.4-32%2032v160c0%2017.6%2014.4%2032%2032%2032h304c17.6%200%2032-14.4%2032-32V176c0-17.6-14.4-32-32-32zm16%20192c0%208.8-7.2%2016-16%2016H80c-8.8%200-16-7.2-16-16V176c0-8.8%207.2-16%2016-16h304c8.8%200%2016%207.2%2016%2016v160z%22%2F%3E%3Cpath%20d%3D%22M370%20176H94c-8.8%200-14%205.2-14%2014v132c0%208.8%205.2%2014%2014%2014h276c8.8%200%2014-5.2%2014-14V190c0-8.8-5.2-14-14-14zM432%20200.6v110.8c19.1-11.1%2032-31.7%2032-55.4s-12.9-44.3-32-55.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-battery-full-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-battery-full-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-battery-full($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-battery-full-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-beaker-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M445.2%2048H128.4C74.1%2048%2064%2075.9%2064%2088.2c30.3%204.2%2032%204.2%2032%2036.2v275.5c0%2035.3%2028.8%2064%2064.2%2064H368c35.4%200%2063-29.2%2063-64.5V89.2c2-17.5%2012.5-31.6%2013.6-33.3%201.2-1.9%203.4-4.4%203.4-5.5%200-1.2-.3-2.4-2.8-2.4zM415%2089.3v310.2c0%2013-4.7%2024.4-13.7%2033.7-9%209.3-20.5%2014.8-33.2%2014.8h-208c-26.4%200-48.1-21.9-48.1-48.5v-275c0-16.7.3-30.8-8.3-40.4-4.3-4.8-10.6-6.3-17.3-8.2%205.7-5%2017.7-12%2042.1-12h293.6c0%20.1-7.1%206.4-7.1%2025.4z%22%2F%3E%3Cpath%20d%3D%22M383%20176v208c0%2010.2-1.8%2018-5.5%2021.9-5.7%205.8-13.8%2010.2-20.1%2010.2h-187c-8.8%200-15.4-2.7-19.5-7.9-4.4-5.4-6.9-14.3-6.9-25.1V176h239m16-16H128v223c0%2028.3%2013.7%2049%2042.4%2049h187c11.4%200%2023.4-6.7%2031.5-15%208.1-8.4%2010.1-21.3%2010.1-33V160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-beaker-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-beaker-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-beaker-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-beaker-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-beaker-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M170.4%20416h187c6.3%200%2014.4-4.3%2020.1-10.2%203.8-3.9%205.5-11.6%205.5-21.9V176H144v207c0%2010.8%202.6%2019.7%206.9%2025.1%204.1%205.2%2010.7%207.9%2019.5%207.9z%22%2F%3E%3Cpath%20d%3D%22M445.2%2048H128.5C74.1%2048%2064%2075.9%2064%2088.2c30.3%204.2%2032%204.2%2032%2036.2v275.5c0%2035.3%2028.9%2064%2064.2%2064H368c35.4%200%2063-29.2%2063-64.5V89.2c2-17.5%2012.5-31.6%2013.6-33.3%201.2-1.9%203.4-4.4%203.4-5.5%200-1.2-.3-2.4-2.8-2.4zM399%20384c0%2011.7-1.9%2024.6-10.1%2033-8.1%208.3-20.2%2015-31.5%2015h-187c-28.7%200-42.4-20.7-42.4-49V160h271v224z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-beaker-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-beaker-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-beaker($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-beaker-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-beer-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M383.7%20118.3c0-20.8-17.2-38.3-38.1-38.3l-10.5-.7c-6-27-32-47.3-59.1-47.3s-41.1%2011.6-51.7%2028.9c-8.5-9.8-21.1-15.4-35.2-15.4-18.3%200-34.1%2011.5-41.7%2026.5H123c-25%200-43%2019.6-43%2045.4v4c0%2028.8%2016%2020.9%2016%2039.8V268c0%2013.4-11.2%2019.3-11.2%2035.2%200%208.8%208%2016.8%2016.8%2016.8H112V144h272s-.3-4.9-.3-25.7zm-16.1%209.7H111.2h-10.8c-3%200-4.4-3.8-4.4-6.6v-4c0-8.9%203.4-16.4%208.2-21.9%204.6-5.3%2011.4-7.5%2018.8-7.5h34.5l4.3-9.6c5-10.5%2015.4-17.2%2027.3-17.2%209%200%2018.5%205.1%2026.2%2011.1l10.7%209.3%208-10c11.3-15%2026.4-23.8%2042.1-23.8%2010.3%200%2020%203.4%2028%209.9%207.8%206.3%2013.3%2015.1%2015.4%2024.8l2.6%2011.8s9.4-.4%2023.5%201.6%2022.1%2010.4%2022.1%2022.4l-.1%209.7z%22%2F%3E%3Ccircle%20cx%3D%22288%22%20cy%3D%22224%22%20r%3D%2220%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22272%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22276%22%20cy%3D%22352%22%20r%3D%2212%22%2F%3E%3Cpath%20d%3D%22M96%20464h304v16H96zM416%20208h-48v-48H128v272l-16%2016h272l-16-16v-64h48c8.8%200%2016-7.2%2016-16V224c0-8.8-7.2-16-16-16zm-64%20224H144V176h208v256zm64-80h-48V224h48v128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-beer-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-beer-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-beer-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-beer-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-beer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M112%20320V144h272s-.3-4.9-.3-25.7S366.5%2080%20345.6%2080l-10.5-.7c-6-27-32-47.3-59.1-47.3s-41.1%2011.6-51.7%2028.9c-8.5-9.8-21.1-15.4-35.2-15.4-18.3%200-34.1%2011.5-41.7%2026.5H123c-25%200-43%2019.6-43%2045.4v4c0%2028.8%2016%2020.9%2016%2039.8V268c0%2013.4-11.2%2019.3-11.2%2035.2%200%208.8%208%2016.8%2016.8%2016.8H112z%22%2F%3E%3Cpath%20d%3D%22M416%20208h-48v-48H128v272l-32%2032v16h304v-16l-32-32v-64h48c8.8%200%2016-7.2%2016-16V224c0-8.8-7.2-16-16-16zm-128-4c11%200%2020%209%2020%2020s-9%2020-20%2020-20-9-20-20%209-20%2020-20zm0%20148c0%206.6-5.4%2012-12%2012s-12-5.4-12-12%205.4-12%2012-12%2012%205.4%2012%2012zm-32-96c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016-16-7.2-16-16%207.2-16%2016-16zm160%2096h-48V224h48v128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-beer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-beer-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-beer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-beer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bicycle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M125.3%20261.3c-51.3%200-93.3%2042-93.3%2093.3C32%20406%2074%20448%20125.3%20448s93.3-42%2093.3-93.3c.1-51.4-41.9-93.4-93.3-93.4zm54.6%20148c-14.7%2014.7-34%2022.7-54.6%2022.7s-39.9-8.1-54.6-22.7S48%20375.2%2048%20354.7c0-20.6%208.1-39.9%2022.7-54.6%2014.7-14.7%2034-22.7%2054.6-22.7s39.9%208.1%2054.6%2022.7c14.7%2014.7%2022.7%2034%2022.7%2054.6.1%2020.5-8%2039.9-22.7%2054.6zM319.8%20127.8c17.8%200%2032-14.2%2032-32S337.8%2064%20320%2064s-32.2%2014-32.2%2031.8%2014.3%2032%2032%2032zM386.7%20261.3c-51.3%200-93.3%2042-93.3%2093.3s42%2093.3%2093.3%2093.3%2093.3-42%2093.3-93.3-42-93.3-93.3-93.3zm54.6%20148c-14.7%2014.7-34%2022.7-54.6%2022.7s-39.9-8.1-54.6-22.7c-14.7-14.7-22.7-34-22.7-54.6s8.1-39.9%2022.7-54.6c14.7-14.7%2034-22.7%2054.6-22.7s39.9%208.1%2054.6%2022.7c14.7%2014.7%2022.7%2034%2022.7%2054.6%200%2020.5-8.1%2039.9-22.7%2054.6z%22%2F%3E%3Cpath%20d%3D%22M368%20192h-48l-29.5-60.1c-5.6-9.3-15.9-15.9-27.1-15.9-8.4%200-16.8%203.7-22.4%209.3l-71.7%2069.1c-5.6%205.6-9.3%2014-9.3%2022.4%200%2017.4%2012.6%2023.6%2018.5%2027.1C224%20270.1%20240%20273%20240%20286.1V352c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16v-90c0-13.2-30.4-24-48.3-38l48.9-51.5c18.7%2028.5%2027.3%2051.5%2038%2051.5H368c8.8%200%2016-7.2%2016-16s-7.2-16-16-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bicycle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bicycle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bicycle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bicycle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bluetooth-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M286%20256l98-87L255.8%2032H240v180l-89.4-77-22.6%2025%20112%2096-112%2096%2022.6%2025.8L240%20299v181h15.8l.2-.4L384%20344l-98-88zm51.8%2088.5L272%20415V287.2l65.8%2057.3zM272%20225.6V97.1l65.8%2071.2-65.8%2057.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bluetooth-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bluetooth-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bluetooth($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bluetooth-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-boat-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20447.8c-29.6%200-69.9-6.7-96-15.8%200%200-35%2022.5-80%2032%2032.3%200%2053.3-9%2080-16%2023%209%2066.7%2015.8%2096%2015.8%2029.3%200%2074-5.8%2096-15.8%2026.7%207%2047%2016%2080%2016-43.8-9.5-80-32-80-32-26.1%209.1-66.4%2015.8-96%2015.8zM445.5%20263l-30.7-14.1-23-121.9v-.1C386.3%20100.3%20374.4%2080%20352%2080h-34.6l-8.2-32H202.5l-8.1%2032H160c-22.9%200-35.1%2020.7-39.8%2047l-23%20121.9L66.5%20263c-6.2%202.9-10.5%209.1-10.5%2016.4%200%202.4.5%204.6%201.3%206.7L112%20432c27.5%200%2056.7-19%2056.7-19%2019.9%2010%2060.8%2018.8%2087.3%2018.8s67.4-8.8%2087.3-18.8c0%200%2029.2%2019%2056.7%2019l54.7-145.9c.8-2.1%201.3-4.3%201.3-6.7%200-7.3-4.3-13.5-10.5-16.4zM214.9%2064h81.8l4.1%2016h-90l4.1-16zm-79%2065.9C139.7%20108.9%20147%2096%20160%2096h192c12.8%200%2019.7%2012.8%2024.1%2034.1L397%20240.7%20360.6%20224h.2c8.9%200%2016.8-4.6%2015.1-16l-15.1-80c-3-11-7.2-16-16.1-16H167.4c-8.9%200-13.6%205.3-16.1%2016l-15.1%2080c-1.3%208%206.2%2016%2015.1%2016h.2L115%20240.7l20.9-110.8zM256%20176l-69.7%2032h-33.8l14.5-76.6c.4-1.6.8-2.7%201.1-3.4h175.8c.3.7.8%201.9%201.3%203.7l14.4%2076.3h-33.8L256%20176zm-88.3%20218.6l-7.7%205c-5.7%203.7-21.2%2012-36.7%2015.2L72%20279.4c0-1.1.8-1.6%201.1-1.8L248%20195.7v219.8c-24-1.5-56.2-8.8-72.1-16.8l-8.2-4.1zm221%2020.2c-15.5-3.2-31-11.5-36.7-15.2l-7.7-5-8.2%204.1c-15.9%208-48.2%2015.4-72.1%2016.8V195.7l174.9%2081.9c.3.2%201.1.7%201.1%201.8l-51.3%20135.4z%22%2F%3E%3Cellipse%20cx%3D%22300%22%20cy%3D%22266%22%20rx%3D%2212%22%20ry%3D%2222%22%2F%3E%3Cellipse%20cx%3D%22212%22%20cy%3D%22266%22%20rx%3D%2212%22%20ry%3D%2222%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-boat-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-boat-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-boat-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-boat-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-boat-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%20432c-26.1%209.1-66.4%2015.8-96%2015.8-29.6%200-69.9-6.7-96-15.8%200%200-35%2022.5-80%2032%2032.3%200%2053.3-9%2080-16%2023%209%2066.7%2015.8%2096%2015.8%2029.3%200%2074-5.8%2096-15.8%2026.7%207%2047%2016%2080%2016-43.8-9.5-80-32-80-32zM445.5%20263L256%20176%2066.5%20263c-6.2%202.9-10.5%209.1-10.5%2016.4%200%202.4.5%204.6%201.3%206.7L112%20432c27.5%200%2056.7-19%2056.7-19%2018%209%2053.1%2017.1%2079.3%2018.6%202.8.2%205.5.2%208%20.2s5.2-.1%208-.2c26.2-1.5%2061.3-9.5%2079.3-18.6%200%200%2029.2%2019%2056.7%2019l54.7-145.9c.8-2.1%201.3-4.3%201.3-6.7%200-7.3-4.3-13.5-10.5-16.4zM212%20288c-6.6%200-12-9.8-12-22s5.4-22%2012-22%2012%209.8%2012%2022-5.4%2022-12%2022zm88%200c-6.6%200-12-9.8-12-22s5.4-22%2012-22%2012%209.8%2012%2022-5.4%2022-12%2022z%22%2F%3E%3Cpath%20d%3D%22M391.9%20127v-.1C386.3%20100.3%20374.4%2080%20352%2080h-34.6l-8.2-32H202.5l-8.1%2032H160c-22.9%200-35.1%2020.7-39.8%2047l-19.7%20104.4%2034.2-15.7%2016.6-87.7c2.5-10.7%207.3-16%2016.1-16h177.1c8.9%200%2013.1%205%2016.1%2016l16.6%2087.7%2034.3%2015.7L391.9%20127z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-boat-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-boat-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-boat($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-boat-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-body-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2047.96c17.645%200%2032%2014.35%2032%2031.99s-14.355%2031.99-32%2031.99-32-14.35-32-31.99%2014.355-31.99%2032-31.99m0-15.996c-26.51%200-48%2021.483-48%2047.986%200%2026.502%2021.49%2047.985%2048%2047.985s48-21.483%2048-47.985c0-26.503-21.49-47.986-48-47.986zM424%20144H88c-13.255%200-24%2010.747-24%2024s10.745%2024%2024%2024h100.45c5.55%200%2013.198%204.295%2017.217%2014.708%204.65%2012.055%202.37%2033.33-.54%2051.444l-3.922%2021.26c-.02.104-.205.1-.205.203l-32.23%20172.238c-2.302%2013.05%206.488%2025.494%2019.54%2027.797a24.52%2024.52%200%200%200%204.22.367c11.356%200%2020.916-8.19%2022.97-19.836L236%20340.243v.166S243.25%20309%20255.452%20309h1.096C269%20309%20274%20340.408%20274%20340.408v-.082l21.483%20119.895c2.052%2011.643%2012.33%2019.816%2023.763%2019.816%201.387%200%202.855-.12%204.268-.368%2013.053-2.303%2021.82-14.76%2019.52-27.81l-32.35-172.252c-.002-.008.01-.02.01-.027-.02-.105-.033-.218-.053-.323l-3.77-21.41c-2.91-18.12-5.188-39.084-.538-51.138C310.352%20196.294%20318.5%20192%20323.55%20192H424c13.255%200%2024-10.747%2024-24s-10.745-24-24-24zM88%20176.113c-4.41%200-8-3.646-8-8.057%200-4.41%203.59-8.057%208-8.057h336c4.41%200%208%203.59%208%208s-3.59%208-8%208H322.5c-15.538%200-27.438%2014.737-30.982%2023.92-4.846%2012.558-5.004%2031.943-.388%2060.69l-.01.103.007.11%203.367%2019.138.562%203.242%2032.252%20171.628c.5%202.834-.62%204.96-1.332%205.977-.713%201.017-2.335%202.8-5.18%203.3a8.324%208.324%200%200%201-1.426.127c-3.893%200-7.207-2.64-7.883-6.472L290.255%20338h-.015c-.27-2-1.828-10.05-5.022-18.77-2.278-6.218-4.844-11.035-7.844-15.006-7.09-9.388-15.24-11.224-20.826-11.224h-1.096c-5.47%200-13.503%201.73-20.71%2010.938-3.05%203.896-5.73%208.67-8.19%2014.802-3.628%209.037-5.505%2017.654-5.708%2018.613l-.11.37-20.728%20119.9c-.693%203.885-3.75%206.595-7.44%206.595-.46%200-.933-.043-1.404-.127-2.84-.5-4.455-2.274-5.165-3.287a7.96%207.96%200%200%201-1.323-5.975l32.257-171.562.005-.02.174-.926%203.774-21.33.022-.125.02-.126c4.63-28.83%204.528-48.3-.33-60.892-3.544-9.18-13.577-23.737-31.76-23.737%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-body-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-body-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-body-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-body-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-body-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%2279.838%22%20r%3D%2248%22%2F%3E%3Cpath%20d%3D%22M424%20144H88c-13.255%200-24%2010.745-24%2024s10.745%2024%2024%2024h98.45c5.58%201%2013.198%203.837%2017.217%2014.252%204.65%2012.056%202.37%2033.606-.54%2051.727l-3.774%2021.394c-.02.104-.04.207-.058.31l-.004.02-30.374%20172.27c-2.303%2013.052%206.414%2025.5%2019.467%2027.802%2013.055%202.3%2025.333-6.416%2027.634-19.47L237%20340.347v.167S243.25%20308%20255.452%20308h1.096C269%20308%20275%20340.515%20275%20340.515v-.083l20.983%20119.913c2.3%2013.055%2014.663%2021.75%2027.718%2019.448%2013.054-2.303%2021.73-14.762%2019.426-27.814L312.73%20279.702c-.002-.008-.013-.02-.015-.027-.02-.104-.044-.217-.063-.322l-3.777-21.414c-2.91-18.12-5.19-39.63-.54-51.688C312.354%20195.838%20319.97%20193%20325.548%20192H424c13.255%200%2024-10.745%2024-24s-10.745-24-24-24z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-body-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-body-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-body($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-body-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bonfire-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M255%20352.1l.1.8.2.9%2015%2075%20.1.5.1.5c.4%201.4.6%202.8.6%204.2%200%209.6-8.3%2014-16%2014-4.7%200-8.9-1.5-11.8-4.2-2.8-2.5-4.2-5.8-4.2-9.8%200-1.2.1-2.3.4-3.5v-.4l15.5-78m0-16.1c-7.6%200-14%205.4-15.6%2012.5L223.8%20427c-.5%202.3-.8%204.6-.8%207%200%2017.7%2014.3%2030%2032%2030s32-12.3%2032-30c0-2.9-.4-5.7-1.1-8.4l-15-75c-.7-8.2-7.5-14.6-15.9-14.6zM333%20365.1l41.3%2030.1.7.5.7.4c.3.2%201.1.9%201.7%201.4.4.4.9.7%201.3%201.1.4.3%201.1%201.7%201.3%203.8.1%202.8-.8%205.6-2.4%207.2-1.4%201.4-3.8%202.3-6.4%202.3-2.6%200-4.3-.9-4.8-1.4-.2-.3-.5-.6-.7-.9-.5-.5-1.1-1.2-1.2-1.5l-.3-.4-.3-.4-30.9-42.2m-17.1-29c-3%200-5.9%201.2-8.3%203.6-4.1%204.1-4.7%2010.4-1.7%2015.4l45%2061.8c.9%201.5%202.2%202.8%203.4%204.2%204%204.6%2010.3%207%2016.9%207%206.4%200%2013-2.3%2017.7-7%209.6-9.6%209.4-27%200-34.7-1.7-1.4-3.3-2.9-5.1-3.9L324.2%20339c-2.8-2-5.6-2.9-8.3-2.9zM178.9%20365.2l-30.6%2042-.3.4-.3.4c-.3.5-.7%201-1.2%201.5-1.6%201.6-3.7%202.5-6%202.5s-4.4-.9-6-2.5c-3.3-3.3-3.3-8.7%200-12%20.5-.5%201.1-1%201.8-1.4l.7-.4.7-.5%2041.2-30m16.7-29.2c-2.8%200-5.5.9-7.7%202.8l-59.6%2043.4c-1.8%201.1-3.6%202.4-5.1%203.9-9.6%209.6-9.6%2025.1%200%2034.7%204.8%204.8%2011%207.2%2017.3%207.2%206.3%200%2012.5-2.4%2017.3-7.2%201.3-1.3%202.4-2.7%203.4-4.2l45-61.6c3-5%202.5-11.2-1.7-15.3-2.5-2.5-5.7-3.7-8.9-3.7zM279.3%2068c9.3%203.4%2020.5%209%2030.8%2016.6%2014.9%2010.9%2032.6%2029.2%2032.6%2054%200%2014.1-2.4%2024.7-7.9%2034.3-6.5%2011.6-18%2022.6-35.2%2033.8-7.3%204.8-15.6%209.4-24.4%2014.4-29.8%2016.8-66%2037.1-84.7%2075.5-2.9-2.2-5.9-5-8.9-8.2-13.5-14.9-18.6-34-15.2-56.7%203.8-24.8%2026.2-45.7%2049.9-67.8%2028.2-25.9%2059.4-54.9%2063-95.9m-16.6-20c12%2080.8-101.7%20113-112%20181.3-10.3%2068.3%2048%2090.7%2048%2090.7%2016.3-56.6%2072.4-75.6%20109.7-99.8%2040.7-26.4%2050.3-51.3%2050.3-81.5%200-57.6-72.3-90.7-96-90.7zM355.7%20196.1c-3.3%206.3-7.3%2012.2-12.5%2017.9%200%200%201.4%2011.1%202%2020.4s-.7%2017.1-1.7%2020c-6.5%2019-15.1%2032.1-26.4%2039.8-9.8%206.7-22%209.8-38.5%209.8-6.4%200-16.4-3.9-24.2-10.9s-11.1-11.2-11.1-11.2c-4.1%203.5-7.5%206.5-11.1%2010.5%2011.3%2016.4%2031.3%2027.7%2046.3%2027.7%2036%200%2064-13.5%2080-60.4%205.3-14.9%202.2-49.4-2.8-63.6z%22%2F%3E%3Cpath%20d%3D%22M187.1%2077.9c-1.5%200-2.9.1-4.3.3%202.3%2028.6-30%2044-32%2064.8-1.2%2012.6%205.5%2025%2011%2028.8%203.8-4.8%2010.7-11.9%2010.7-11.9-4.5-3.7-6.7-12.7-5.5-16.8s6-9.9%2010.6-15.5c6.7-8.2%2015.2-18.5%2019.1-31.6%201.3.6%202.6%201.2%203.8%202%202.9%201.7%206.8%203.9%209.7%207.4s5.8%206.9%208.4%2011.5c0%200%206.3-7.9%208.8-12.6-9.6-18.1-26.9-26.4-40.3-26.4zM137.7%20335.2l-60.5%2012.6c-5.8%201.2-11.6-2.3-12.9-7.9-1.3-5.6%202.4-11.1%208.3-12.3.3-.1.7-.1%201-.2l61.5-7.3c4.4-.5%208.4%202.5%209%206.7.4%203.9-2.4%207.5-6.4%208.4zM374.3%20335.2l60.5%2012.6c5.8%201.2%2011.6-2.3%2012.9-7.9%201.3-5.6-2.4-11.1-8.3-12.3-.3-.1-.7-.1-1-.2l-61.5-7.3c-4.4-.5-8.4%202.5-9%206.7-.4%203.9%202.4%207.5%206.4%208.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bonfire-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bonfire-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bonfire-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bonfire-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bonfire-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M270.9%20350.6c-.7-8.2-7.6-14.6-15.9-14.6-7.6%200-14%205.4-15.6%2012.5L223.8%20427c-.5%202.3-.8%204.6-.8%207%200%2017.7%2014.3%2030%2032%2030s32-12.3%2032-30c0-2.9-.4-5.7-1.1-8.4l-15-75zM305.9%20355zM388.9%20386.3c-1.7-1.4-3.3-2.9-5.1-3.9l-59.6-43.5c-5.8-3.8-12-3.7-16.5.9-4.1%204.1-4.7%2010.4-1.7%2015.4l45%2061.8c.9%201.5%202.2%202.8%203.4%204.2%207.8%209.1%2025.1%209.6%2034.6%200%209.4-9.8%209.3-27.2-.1-34.9zM372.5%20335zM435.4%20320h-59.5c-3.9%200-7.4%202.2-8.1%206.2-.6%203.6%201.3%207.1%204.7%208.8h.1l57.7%2017.8c8.3%201.9%2017.7-5.5%2017.7-14.8%200-11.8-4.8-18-12.6-18zM139.2%20335zM139.2%20335c3.3-1.6%205.3-5.2%204.7-8.8-.7-4-3.9-6.2-8.1-6.2H76.3c-7.6%200-12.3%208.3-12.3%2017.6s9.1%2017.1%2017.4%2015.2l57.7-17.8h.1zM187.9%20338.8l-59.6%2043.4c-1.8%201.1-3.6%202.4-5.1%203.9-9.6%209.6-9.6%2025.1%200%2034.6%209.6%209.6%2025.1%209.6%2034.6%200%201.3-1.3%202.4-2.7%203.4-4.2l45-61.6c3-5%202.5-11.2-1.7-15.3-4.6-4.5-11.8-4.8-16.6-.8zM358.7%20138.7c0-57.6-72.4-90.7-96-90.7%2012%2080.8-101.7%20113-112%20181.3s48%2090.7%2048%2090.7c16.3-56.6%2072.4-75.6%20109.7-99.8%2040.7-26.4%2050.3-51.3%2050.3-81.5zM358.7%20259.6c5-14.7%201.9-49.3-3-63.4-9%2017.5-26.3%2032.4-47.2%2046-8.6%205.6-20.9%2010.8-29.8%2015.9-18.7%2010.5-34%2020.6-46.3%2034.4%2011.3%2016.4%2031.3%2027.7%2046.3%2027.7%2036-.2%2064-13.7%2080-60.6z%22%2F%3E%3Cpath%20d%3D%22M161.8%20171.9c11.7-15.1%2024.9-23.8%2038.2-36.2%2013.4-12.5%2022.1-21.2%2027.5-31.3-10.7-20.1-30.8-28.1-44.7-26.1%202.3%2028.6-30%2044-32%2064.8-1.3%2012.6%205.4%2025%2011%2028.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bonfire-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bonfire-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bonfire($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bonfire-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-book-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M347.62%2064c-40.94%200-79.12%2014-91.577%2044.495C242.5%2078%20205.408%2064%20164.466%2064%20109.266%2064%2064%2089.98%2064%20143v283h22.14c12.86-26.334%2044.238-42%2078.325-42%2040.224%200%2073.877%2027.528%2081.617%2064h19.714c7.74-36.472%2041.495-64%2081.722-64%2034.085%200%2061.15%2011.666%2078.43%2042H448V143c0-53.02-45.177-79-100.38-79zM248%20410.926C230%20385.056%20199.27%20368%20164.5%20368S100%20378.055%2081%20403.926l-1%20.537V141c3-41.825%2040.09-61%2084.293-61%2045.162%200%2082.145%2018.708%2083.363%2061.808-.017.73.016%201.46.016%202.192l.328%2013.103v253.823zM432%20148v255.926C414%20378.056%20382.27%20368%20347.5%20368S282%20385.055%20264%20410.926V144c0-44.112%2037.66-64%2083.587-64C391.79%2080%20429%2091.175%20432%20133v15z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-book-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-book-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-book-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-book-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-book-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M164.466%2064C109.266%2064%2064%2089.98%2064%20143v283H86.14c12.86-26.334%2044.24-42%2078.326-42%2040.224%200%2073.877%2027.528%2081.616%2064H248V95.346C230.76%2073.95%20198.98%2064%20164.466%2064zM347.62%2064c-34.33%200-66.712%209.85-83.62%2031.01V448h1.797c7.74-36.472%2041.495-64%2081.722-64%2034.084%200%2061.148%2011.666%2078.428%2042H448V143c0-53.02-45.177-79-100.38-79z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-book-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-book-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-book($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-book-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bookmark-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%2048v416l128-96.4L384%20464V48H128zm240%20384l-112-84.3L144%20432V64h224v368z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bookmark-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bookmark-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bookmark-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bookmark-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bookmark-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%2048v416l128-96.4L384%20464V48H128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bookmark-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bookmark-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bookmark($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bookmark-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bookmarks-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M432%2064H281.6c-10.3%200-19.3%204.6-25.6%2011.7-6.2-7.2-15.3-11.7-25.6-11.7H80c-18.8%200-33%2013.3-33%2032v286.1c0%2018.8%2014.2%2033.9%2033%2033.9h143.3c13.8%200%2024.7%204.2%2024.7%2019.4V448h16v-12.6c0-15.3%2010.9-19.4%2024.7-19.4H432c18.8%200%2033-15.1%2033-33.9V96c0-18.7-14.2-32-33-32zM248%20411.1c-4.7-7.8-13.5-11.1-23.8-11.1H80c-9.4%200-16-8.5-16-17.9V96c0-9.4%206.6-16%2016-16h143.3c12.8%200%2024.7%2012.8%2024.7%2022.2v308.9zM320%2080h64v100.4l-22.9-14.5-9.1-6.4-9.1%206.4-22.9%2014.5V80zm128%20302.1c0%209.4-6.6%2017.9-16%2017.9H287.8c-10.3%200-19.1%202.3-23.8%2011.1V102.2c0-9.4%2011.9-22.2%2024.7-22.2H304v131l48-32%2048%2032V80h32c9.4%200%2016%206.7%2016%2016v286.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bookmarks-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bookmarks-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bookmarks-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bookmarks-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bookmarks-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M342.9%20165.4l9.1-6.4%209.1%206.4%2022.9%2014.5V64h-64v115.9l22.9-14.5z%22%2F%3E%3Cpath%20d%3D%22M432%2064h-32v146.5l-48-32-48%2032V64h-22.4c-8.1%200-17.6%207.2-17.6%2015v329l-8%205.5-8-5.5V79c0-7-9.2-15-17.6-15H80c-18.8%200-33%2013.3-33%2032v286.1c0%2018.8%2014.2%2033.9%2033%2033.9h143.3c13.8%200%2024.7%204.2%2024.7%2019.4V448h16v-12.6c0-15.3%2010.9-19.4%2024.7-19.4H432c18.8%200%2033-15.1%2033-33.9V96c0-18.7-14.2-32-33-32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bookmarks-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bookmarks-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bookmarks($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bookmarks-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bowtie-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M267.2%20202c-7%200-14.9%201.3-23.3%202.9-11.9%202.3-20%207.1-20%207.1s3.5%2027.3%200%2058.5-8%2042.5-8%2042.5%205.2%2012.1%2040%2015c3.9.3%207.6.5%2011%20.5%2024.5%200%2036.4-7.3%2036.4-7.3s3.6-5.4%204.6-22.2c1.9-32.1-6.7-68.4-16.5-85.5-4.8-8.6-13.4-11.5-24.2-11.5zm24.7%2096c-.3%205.1-.9%208.7-1.4%2011.1-4.5%201.5-12.3%203.3-23.6%203.3-3.1%200-6.4-.1-9.7-.4-11.9-1-19-3.1-23.1-4.8%201.7-7.4%203.9-18.8%205.7-34.9%202.2-20.1%201.8-38.5%201.1-50%201.8-.6%203.9-1.1%206.1-1.5%206.1-1.2%2013.8-2.5%2020.2-2.5%208.4%200%209.7%202.2%2010.3%203.3%204.1%207.1%208.1%2019.3%2010.9%2032.4%203.1%2014.9%204.3%2030.6%203.5%2044zM84.4%20112C57.9%20112%2032%20180.5%2032%20256s23%20144%2051.5%20144c33.4%200%20116.5-80%20116.5-80s5.7-12.6%209.9-33.6l1.8-10.4c.7-4.7%201.3-9.7%201.7-15%20.3-3.5.5-6.8.6-9.9l.3-9.8c.8-16-2.5-32.6-2.5-32.6-22.1-40.2-92.3-96.7-127.4-96.7zm59.8%20235.5C100.9%20382.2%2086.1%20384%2083.5%20384c-3.2%200-12.6-8.1-21.3-33-9-25.7-14.2-60.3-14.2-95%200-33%205.3-66.9%2014.6-92.9%209.9-27.7%2019.8-34.8%2021.8-35.1%203.3%200%2011%201%2024.5%207.8%2010.6%205.3%2022.4%2012.9%2034.3%2022.2%2023.1%2017.9%2043.3%2039.3%2053.2%2056.3.7%204.1%201.9%2013.1%201.9%2022.2-8.1-3.5-20.9-7.9-38.7-11.4-28-5.5-42.4-3.1-43-3-.9.2-1.6%201-1.7%201.9%200%201%20.7%201.8%201.6%202%20.2%200%2018.8%203.8%2056.9%2016.9%208.5%202.9%2014.3%205%2019%206.7%202%20.7%203.7%201.3%205.4%201.9-.1%202.8-.3%205.5-.5%208.3-.4%204.5-.9%209.2-1.5%2013.7l-.5%202.8c-5.5%202-13.1%204.5-21.7%206.8-17%204.5-38%2010-38%2010-1%20.3-1.6%201.2-1.5%202.3.2%201%201.1%201.7%202.1%201.7%201.6-.1%2035.4-2.7%2056.3-6.8-2.3%209.8-4.8%2017-6.2%2020.6-5.9%205.6-22.8%2021.2-42.1%2036.6zM427.6%20112c-36.4%200-102.4%2056.5-124.3%2096.8l-.8%201.4s1.4%202.5%201.9%203.4c3.4%206%206.7%2014.3%209.4%2024l2.9%2011.7c2.2%2010.2%203.7%2021.2%204.2%2032.2l.2%209c0%202.9-.1%205.7-.3%208.5-1%2016.7-4.6%2022.1-4.6%2022.1%207.6%2010.5%2075%2078.9%20112.2%2078.9%2028.5%200%2051.5-68.5%2051.5-144s-25.8-144-52.3-144zm.9%20272c-11.4%200-32.7-11.9-57.1-31.9-16.2-13.3-29.8-26.8-37-34.5%201.1-4.5%201.9-10.3%202.4-17.7.1-1.6.2-3.3.2-5%2021.1%205.7%2060.2%209.6%2062.1%209.8h.2c.9%200%201.8-.7%202-1.6.2-1-.4-2-1.4-2.3-.2-.1-21.7-6.6-40.5-11.5-8.8-2.3-16.6-4.9-22.4-7.1v-1.1l.1-.2v-.2c-.9-10.7-2-22-4.2-32.8%2020.4-11.3%2063-30.5%2063.5-30.7.9-.4%201.4-1.4%201.1-2.4-.3-1-1.2-1.6-2.2-1.4-.2%200-15.4%202.6-35.3%209.6-10.1%203.5-21.3%207.4-30.5%2010.6l-.1-.3-.1-.3c-2.4-8.6-5.3-16.4-8.4-22.7%2010.6-16.7%2028.9-36.3%2049.2-52.7%2027.2-21.9%2047.5-29.7%2057.5-29.7%202%20.3%2011.9%207.3%2021.8%2035.1%209.3%2026.1%2014.6%2060%2014.6%2092.9%200%2034.7-5.2%2069.3-14.2%2095-8.7%2025-18.1%2033.1-21.3%2033.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bowtie-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bowtie-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bowtie-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bowtie-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bowtie-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M290.8%20213.5C286%20205%20277%20202.2%20266%20202.2v-.2c-6%200-14.3%201.3-22.6%202.9-11.9%202.3-19.7%207.1-19.7%207.1s3.6%2027.3.1%2058.5-7.9%2042.5-7.9%2042.5%205.3%2012.1%2040%2015c3.9.3%207.6.5%2011%20.5%2024.5%200%2036.4-7.3%2036.4-7.3s3.3-5.4%204.3-22.1c1.9-32.2-7-68.5-16.8-85.6zM211.7%20208.8c-22-40.2-92.2-96.8-127.3-96.8C57.9%20112%2032%20180.5%2032%20256s23%20144%2051.5%20144c33.4%200%20116.5-80%20116.5-80s5.7-12.6%209.9-33.6l1.8-10.4c.7-4.7%201.3-9.7%201.7-15%20.3-3.5.5-6.8.6-9.9l.3-9.8c.7-16-2.6-32.5-2.6-32.5zM115%20224c0-1%20.7-1.8%201.7-1.9.6-.1%2014.9-2.5%2043%203%2021%204.1%2035.1%209.6%2042.7%2013.2l-1.3%2014.3c-2.6-.9-5.3-1.8-8.5-3-4.7-1.7-10.5-3.7-19-6.7-38.1-13.1-56.7-16.9-56.9-16.9-1-.2-1.7-1.1-1.7-2zm82.5%2065.1c-20.1%204.7-59.4%207.7-61.1%207.8-1%20.1-2-.6-2.1-1.7-.2-1%20.5-2%201.5-2.3%200%200%2021-5.5%2038-10%2011.5-3%2021.1-6.5%2026.4-8.5l-2.7%2014.7zM427.6%20112c-36.4%200-102.4%2056.5-124.3%2096.8l-.8%201.4s1.4%202.5%201.9%203.4c3.4%206%206.7%2014.3%209.4%2024l2.9%2011.7c2.2%2010.2%203.7%2021.2%204.2%2032.2l.2%209c0%202.9-.1%205.7-.3%208.5-1%2016.7-4.6%2022.1-4.6%2022.1%207.6%2010.5%2075%2078.9%20112.2%2078.9%2028.5%200%2051.5-68.5%2051.5-144s-25.8-144-52.3-144zm-67.8%20111.1c19.9-7%2035.2-9.6%2035.3-9.6%201-.2%202%20.4%202.2%201.4.3%201-.2%202-1.1%202.4-.5.2-50.7%2022.9-68.2%2033.5v0l-3.8-15.3v-.1c10-3.3%2023.5-8.1%2035.6-12.3zm41.4%2080c-.2.9-1%201.6-2%201.6h-.2c-2.1-.2-49.4-4.9-68-11.6-2-11.6.9-12.4.9-12.9%205.9%202.3%2015.8%205.9%2027.4%209%2018.8%205%2040.3%2011.5%2040.5%2011.5%201%20.4%201.6%201.4%201.4%202.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bowtie-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bowtie-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bowtie($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bowtie-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-briefcase-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20128v-16h-32v16h-48V96c-.5-18.2-13.6-32-32.2-32h-99.1C186.1%2064%20176%2077.7%20176%2096v32h-48v-16H96v16H48v320h416V128h-48zm-224-.5V98.1c0-10.2%202.9-18.1%2013.7-18.1h97.1c10.4%200%2017.2%207.7%2017.2%2018.1V128H192v-.5zM448%20432H64V208h384v224zm0-240H64v-48h32v16h32v-16h256v16h32v-16h32v48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-briefcase-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-briefcase-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-briefcase-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-briefcase-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-briefcase-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20112h32v16H96zM48%20208h416v240H48zM384%20112h32v16h-32z%22%2F%3E%3Cpath%20d%3D%22M416%20128v32h-32v-32h-48V96c-.5-18.2-13.6-32-32.2-32h-99.1C186.1%2064%20176%2077.7%20176%2096v32h-48v32H96v-32H48v64h416v-64h-48zm-96-.5v.5H192V98.1c0-10.2%202.9-18.1%2013.7-18.1h97.1c10.4%200%2017.2%207.7%2017.2%2018.1v29.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-briefcase-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-briefcase-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-briefcase($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-briefcase-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-browsers-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20144v304h303.9V144H64zm287.9%20288H80V160h271.9v272z%22%2F%3E%3Cpath%20d%3D%22M448%2064H144v64h16V80h272v272h-48v16h64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-browsers-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-browsers-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-browsers-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-browsers-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-browsers-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20144v304h303.9V144H64z%22%2F%3E%3Cpath%20d%3D%22M144%2064v64h240v240h64V64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-browsers-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-browsers-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-browsers($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-browsers-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-brush-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M149.5%20283.3c-51.9%200-83.9%2045.7-83.9%2095.1%200%2022.7-10.1%2039.2-33.6%2048.1%2014.3%2027.8%2062%2037.5%2095.7%2037.5%208.4%200%2015.9-.6%2021.8-1.7%2035.6-6.4%2080.1-24.9%2090.7-77%2012.3-60.6-38.8-102-90.7-102zm75%2098.9c-4%2019.6-13.6%2034.5-29.5%2045.7-12.6%208.9-28.8%2015.2-48.3%2018.7-3.6.6-9.8%201.4-19%201.4-25.4%200-54.1-5.8-70.5-17.1%2016-12.2%2024.4-30%2024.4-52.4%200-21%206.9-41.4%2018.8-55.9%208.7-10.6%2024.3-23.2%2049.1-23.2%2024.2%200%2048.1%2010.9%2062.4%2028.3%208.6%2010.6%2017.8%2028.6%2012.6%2054.5z%22%2F%3E%3Cpath%20d%3D%22M467.6%2060.4c-7.7-7.7-16.8-12.4-26.1-12.4-6.3%200-12.7%202.2-18.8%207L247.6%20209.1c-3.4-.9-6.6-1.4-9.7-1.4-4.8%200-9.3%201.2-13.2%203.8l-63.6%2052.8c-1.6%201.6-1.5%204.3.1%205.9.5.5%201.1.8%201.7%201%20.6%200%201.3.1%201.9.1h.1c47.9%203.4%2092%2037.8%2090.3%2090.5%200%20.5%200%201-.1%201.5.1.8.5%201.7%201.1%202.3.8.8%201.9%201.2%202.9%201.2s2.1-.4%202.9-1.2h.1l.2-.2%2054.3-62.2c4.2-6.4%204.7-14.2%202.4-22.9l154.2-175c11.7-15%207.4-32-5.6-44.9zM460.7%2095L301.1%20276.2l2.3%208.3c1.1%204%201.1%207.1.1%209.2l-35.4%2040.5c-4.6-18.2-14.4-34.7-28.7-48-13.3-12.3-29.8-21.4-47.9-26.5l42.5-35.2c.8-.4%201.9-.8%203.8-.8%201.6%200%203.5.3%205.5.8l8.3%202.3L433%2067.3c2.9-2.2%205.7-3.3%208.5-3.3%204.6%200%209.9%202.7%2014.8%207.7%204.2%204.2%206.9%208.8%207.5%2012.9.4%202.2.5%205.8-3.1%2010.4zM161.1%20264.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-brush-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-brush-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-brush-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-brush-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-brush-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M149.5%20283.3c-51.9%200-83.9%2045.7-83.9%2095.1%200%2022.7-10.1%2039.2-33.6%2048.1%2014.3%2027.8%2062%2037.5%2095.7%2037.5%208.4%200%2015.9-.6%2021.8-1.7%2035.6-6.4%2080.1-24.9%2090.7-77%2012.3-60.6-38.8-102-90.7-102z%22%2F%3E%3Cpath%20d%3D%22M467.6%2060.4c-7.7-7.7-16.8-12.4-26.1-12.4-6.3%200-12.7%202.2-18.8%207L247.6%20209.1c-3.4-.9-6.6-1.4-9.7-1.4-4.8%200-9.3%201.2-13.2%203.8l-63.6%2052.8c-1.6%201.6-1.5%204.3.1%205.9.5.5%201.1.8%201.7%201%20.6%200%201.3.1%201.9.1h.1c47.9%203.4%2092%2037.8%2090.3%2090.5%200%20.5%200%201-.1%201.5.1.8.5%201.7%201.1%202.3.8.8%201.9%201.2%202.9%201.2s2.1-.4%202.9-1.2h.1l.2-.2%2054.3-62.2c4.2-6.4%204.7-14.2%202.4-22.9l154.2-175c11.7-15%207.4-32-5.6-44.9zM161.1%20264.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-brush-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-brush-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-brush($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-brush-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bug-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M456%20256c-4.6%200-9%201.3-12.6%203.6-5.4-2.4-14.4-5.3-27.4-6.1-.3-27.7-5.5-54-14.6-77.7%208.5-6.3%2015.8-14.4%2021.3-23.8h1.3c13.2%200%2024-10.7%2024-24s-10.7-24-24-24c-13.2%200-24%2010.7-24%2024%200%207%203%2013.3%207.8%2017.7-3%204.8-7.3%2010.1-13%2014.9C367.3%20102.9%20315.4%2064%20256%2064c-59.4%200-111.3%2038.9-138.9%2096.5-5.7-4.8-9.9-10.1-12.9-14.9%204.8-4.4%207.8-10.7%207.8-17.7%200-13.3-10.7-24-24-24s-24%2010.7-24%2024%2010.7%2024%2024%2024h1.3c5.6%209.4%2012.8%2017.5%2021.3%2023.8-9.1%2023.7-14.3%2050-14.6%2077.8-13.1.8-22%203.7-27.4%206.1-3.7-2.3-8-3.6-12.6-3.6-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024%2024-10.7%2024-24c0-2.5-.4-4.9-1.1-7.2%204-1.3%209.8-2.7%2017.5-3.3%202.3%2039%2014.2%2074.8%2033%20103.9-6%204.5-14.6%2013-19.9%2026.7C97.4%20401.4%2088%20411.6%2088%20424c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24c0-8.4-4.3-15.7-10.8-20%203.9-9%209.5-14.5%2013.4-17.5%2027.5%2035.7%2066.2%2058.7%20109.4%2061.3%201.2.1%202.2.1%203.2.1h1c1.2%200%202.4.1%203.7.1%201.3%200%202.5%200%203.7-.1h1c1%200%202.1-.1%203.3-.1%2043.2-2.6%2081.9-25.7%20109.4-61.3%203.9%203%209.5%208.5%2013.5%2017.6-6.5%204.3-10.8%2011.7-10.8%2020%200%2013.3%2010.7%2024%2024%2024%2013.2%200%2024-10.7%2024-24%200-12.4-9.4-22.6-21.5-23.9-5.4-13.8-13.9-22.2-19.9-26.8%2018.8-29.1%2030.7-64.9%2033-103.8%207.7.5%2013.5%201.9%2017.5%203.3-.7%202.3-1.1%204.7-1.1%207.2%200%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24-10.7-24.1-24-24.1zm-31.9-136c4.4%200%208%203.6%208%208s-3.6%208-8%208-8-3.6-8-8%203.5-8%208-8zM88%20136c-4.4%200-8-3.6-8-8s3.6-8%208-8%208%203.6%208%208-3.6%208-8%208zM56%20288c-4.4%200-8-3.6-8-8s3.6-8%208-8%208%203.6%208%208-3.6%208-8%208zm56%20144c-4.4%200-8-3.6-8-8s3.6-8%208-8%208%203.6%208%208-3.6%208-8%208zm288.1-16c4.4%200%208%203.6%208%208s-3.6%208-8%208-8-3.6-8-8%203.6-8%208-8zM256%2080c44.4%200%2084.2%2024.7%20110.7%2063.5-5.5%209.4-12.2%2018.2-20.2%2026.1-24.2%2024.2-56.3%2037.5-90.5%2037.5s-66.3-13.3-90.5-37.5c-7.9-7.9-14.7-16.7-20.2-26.1C171.8%20104.7%20211.6%2080%20256%2080zM112%20256c0-35.9%208.9-69.4%2024-97.2%2024.5%2036.7%2065.4%2061.6%20112%2064.1v208.9c-75.7-5.2-136-82-136-175.8zm152%20175.7V222.9c46.5-2.6%2087.5-27.4%20112-64.1%2015.2%2027.9%2024%2061.3%2024%2097.3%200%2093.7-60.3%20170.5-136%20175.6zM456%20288c-4.4%200-8-3.6-8-8s3.6-8%208-8%208%203.6%208%208-3.6%208-8%208z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bug-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bug-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bug-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bug-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bug-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M374.6%20127.3C345.4%2088.5%20303.1%2064%20256%2064s-89.4%2024.5-118.6%2063.3c6.4%2015.6%2015.8%2030%2028.1%2042.3%2024.2%2024.2%2056.3%2037.5%2090.5%2037.5s66.3-13.3%2090.5-37.5c12.3-12.3%2021.8-26.6%2028.1-42.3z%22%2F%3E%3Cpath%20d%3D%22M126.8%20142.8c-1.7%202.8-3.4%205.7-5%208.6-2.9-1.8-5.3-3.7-7.7-5.8-1.2-1-3-3.9-4.5-7.4%205.4-11.3%201.2-25-9.9-31.3-11.6-6.5-26.2-2.4-32.7%209.2-6.5%2011.6-2.4%2026.2%209.2%2032.7%201.3.7%202.5%201.3%203.8%201.7%202.8%206.3%207.3%2014.3%2013.5%2019.5%204.2%203.5%208.8%207.1%2015.2%2010.7-7.2%2020.3-11.6%2042.3-12.5%2065.4-11%20.2-18.6%202.1-25.5%204.1-4.2%201.2-8.2%203.4-11.8%205.9-1-.1-1.9-.2-2.9-.2-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024c12.9%200%2023.5-10.2%2024-23%205-1.5%209.9-2.7%2017.1-2.8%203.2%2033%2013.3%2063.5%2028.6%2089.2-14.2%2011-22.9%2023-26.6%2036.3%200%200-.8.4-1.9%201.4-1%20.8-1.9%201.6-2.8%202.6-8.9%209.9-8.1%2025%201.8%2033.9%209.9%208.9%2025%208.1%2033.9-1.8%208.1-9%208.1-22.4.6-31.4%203.1-5.6%206.2-9%2013.7-15%2027.1%2031.7%2063.4%2052%20103.7%2054.4V222.9c-53.3-2.9-98.9-34.8-121.3-80.1zM456%20256.1c-1%200-2%20.1-2.9.2-3.6-2.5-7.7-4.6-11.8-5.9-6.9-2-14.4-3.9-25.5-4.1-1-23.1-5.4-45.2-12.5-65.4%206.4-3.6%2011-7.2%2015.2-10.7%206.2-5.2%2010.7-13.3%2013.5-19.5%201.3-.5%202.6-1%203.8-1.7%2011.6-6.5%2015.7-21.1%209.2-32.7-6.5-11.6-21.1-15.7-32.7-9.2-11.1%206.2-15.3%2019.9-9.9%2031.3-1.6%203.4-3.4%206.4-4.5%207.4-2.4%202-4.8%203.9-7.7%205.8-1.6-2.9-3.3-5.8-5-8.6-22.4%2045.3-67.9%2077.1-121.2%2080v225c40.3-2.4%2076.6-22.8%20103.7-54.4%207.4%205.9%2010.6%209.4%2013.7%2015-7.5%209-7.5%2022.4.6%2031.4%208.9%209.9%2024%2010.7%2033.9%201.8%209.9-8.9%2010.7-24%201.8-33.9-.9-1-1.8-1.8-2.8-2.6-1.1-.9-1.9-1.4-1.9-1.4-3.7-13.3-12.4-25.3-26.6-36.3%2015.3-25.7%2025.4-56.2%2028.6-89.2%207.2.1%2012%201.3%2017.1%202.8.5%2012.8%2011%2023%2024%2023%2013.3%200%2024-10.7%2024-24s-10.8-24.1-24.1-24.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bug-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bug-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bug($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bug-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-build-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M347.9%2064c4%200%209%201%2014%203l-38.8%2039-5.9%205.9%201.5%208.2%209.2%2051.2%202%2010.9%2010.9%202%2051.2%209.3%208.3%201.5%205.9-5.9%2039-39.2c3%207.1%203%2013%202.9%2015.4-.7%2012-5.7%2030.5-25%2049.8-14.9%2014.9-39.3%2024.9-60.8%2024.9-9.5%200-17.9-1.9-25-5.6-3.5-1.8-9-4.2-15.9-4.2-5.6%200-14%201.7-22.3%209.7-9%208.8-181.3%20192.4-188.7%20200.2l-.2.2-.2.2c-5.7%206.6-13.4%207.6-17.5%207.6-7.4%200-14.7-3-20.1-8.2-5.4-5.5-8.5-13.4-8.2-21.2.2-4.6%201.6-11.2%207.5-16.2l.3-.2.3-.2c7.8-7.4%20192.3-181.1%20199.9-188.6%207.9-7.9%209.6-16.2%209.7-21.8%200-6.9-2.4-12.6-3.5-15.4-18.2-42.7%2010.2-77.6%2019.4-87.2%2017.3-18.4%2039.7-24.2%2049.2-24.7%200-.4.4-.4.9-.4m0-16c-.7%200-1.4%200-2%20.1-12.5.7-39.3%207.7-60%2029.7-20.1%2021.2-41.1%2060.6-22.5%20104.5%202.2%205.3%204.7%2012.3-2.7%2019.7C253.1%20209.4%2061%20390.3%2061%20390.3c-18%2015.5-16.7%2044.2-.1%2060.9%208.5%208.4%2020%2012.8%2031.3%2012.8%2011.1%200%2021.9-4.2%2029.6-13.1%200%200%20179.4-191.1%20188.2-199.8%204-3.9%207.7-5.1%2011.1-5.1%203.3%200%206.3%201.2%208.6%202.4%209.9%205.1%2021%207.4%2032.4%207.4%2026.8%200%2055-12.4%2072.2-29.6%2024.4-24.4%2028.9-48%2029.6-60.1.7-12-3.4-27.9-16.7-41.1l-52.5%2052.7-51.2-9.3-9.2-51.2%2052.5-52.7C375.7%2053.4%20360%2048%20347.9%2048z%22%2F%3E%3Cpath%20d%3D%22M102.5%20429.3c-5.5%205.4-14.4%205.4-19.9%200-5.4-5.5-5.4-14.4%200-19.9%205.5-5.4%2014.4-5.4%2019.9%200%205.4%205.6%205.4%2014.5%200%2019.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-build-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-build-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-build-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-build-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-build-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M447.2%20125l-52.5%2052.7-51.2-9.3-9.2-51.2%2052.5-52.7C375.7%2053.4%20360%2048%20347.9%2048c-.7%200-1.4%200-2%20.1-12.5.7-39.3%207.7-60%2029.7-20.1%2021.2-41.1%2060.6-22.5%20104.5%202.2%205.3%204.7%2012.3-2.7%2019.7C253.1%20209.4%2061%20390.3%2061%20390.3c-18%2015.5-16.7%2044.2-.1%2060.9%208.5%208.4%2020%2012.8%2031.3%2012.8%2011.1%200%2021.9-4.2%2029.6-13.1%200%200%20179.4-191.1%20188.2-199.8%204-3.9%207.7-5.1%2011.1-5.1%203.3%200%206.3%201.2%208.6%202.4%209.9%205.1%2021%207.4%2032.4%207.4%2026.8%200%2055-12.4%2072.2-29.6%2024.4-24.4%2028.9-48%2029.6-60.1.8-11.9-3.4-27.8-16.7-41.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-build-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-build-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-build($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-build-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bulb-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M400%20188.8C400%20110.9%20333.9%2048%20256%2048s-144%2062.9-144%20140.8c0%2031.1%2013.2%2059.1%2030.2%2083.1h-.3c10.9%2015%2021.4%2027.7%2031.5%2045%2022%2037.8%2018.6%2074.3%2018.7%2081.5v1.5h128v-1.5c0-8.9-3.6-43.7%2018.4-81.5%2010.1-17.3%2020.6-30%2031.5-45h-.1c16.9-23.9%2030.1-52%2030.1-83.1zm-49%2081.5c-.6.8-1.1%201.5-1.7%202.3-8.1%2010.9-16.5%2022.2-24.7%2036.2-17.3%2029.7-20.4%2058.2-20.8%2075.2H288V271.9l32-63.9h-16.6L272%20271.9V384h-32V271.9L208.6%20208H192l32%2063.9V384h-15.9c-.5-17-3.9-45.7-20.9-75-4.5-7.7-9.1-15-13.7-21h.2l-18.6-25.6c-15.8-21.6-27.1-47.1-27.1-73.6%200-33.4%2016-64.9%2039.6-88.5%2023.6-23.6%2055-36.5%2088.4-36.5s64.8%2012.8%2088.4%2036.4c23.6%2023.6%2039.6%2055%2039.6%2088.4%200%2026.5-11.3%2051.9-27.1%2073.6l-5.9%208.1zM224%20448h64v16h-64zM208%20416h96v16h-96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bulb-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bulb-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bulb-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bulb-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bulb-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M400%20188.9C400%20111%20333.9%2048%20256%2048s-144%2063.1-144%20140.9c0%2031%2013.2%2059.1%2030.2%2083.1h-.3c10.9%2015%2021.4%2027.7%2031.5%2045%2022%2037.8%2018.6%2074.3%2018.7%2081.5v1.5h32V271.9L192%20208h16.6l31.4%2063.9V400h32V271.9l31.4-63.9H320l-32%2063.9V400h32v-1.5c0-8.9-3.6-43.7%2018.4-81.5%2010.1-17.3%2020.6-30%2031.5-45h-.1c17-24%2030.2-52.1%2030.2-83.1zM224%20448h64v16h-64zM208%20416h96v16h-96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bulb-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bulb-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bulb($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bulb-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bus-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20416c-8.5%2018.7-24%2016-63.9%2016%200%2010.5-1.1%2016%203.3%2016h55.1c4.7%200%204.2-3.8%205.5-32zM96%20416c1.5%2028.4.8%2032%205.5%2032h55.1c4.4%200%203.3-5.5%203.3-16-39.9%200-50.4%203-63.9-16z%22%2F%3E%3Ccircle%20cx%3D%22352%22%20cy%3D%22352%22%20r%3D%2224%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%22352%22%20r%3D%2224%22%2F%3E%3Cpath%20d%3D%22M384%2064H128c-17.6%200-32%2014.4-32%2032v280c0%2022%2018%2040%2040%2040h240c22%200%2040-18%2040-40V96c0-17.6-14.4-32-32-32zm16%20312c0%2013.2-10.8%2024-24%2024H136c-13.2%200-24-10.8-24-24v-72h288v72zM112%20272V144.2c0-8.8%207.4-16.2%2016.2-16.2H248v160H128.2c-8.8%200-16.2-7.2-16.2-16zm288%200c0%208.8-7.2%2016-16%2016H264V128h120c8.8%200%2016%207.4%2016%2016.2V272zm-16-160H128c-8.8%200-16-7.2-16-16s7.2-16%2016-16h256c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bus-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bus-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bus-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bus-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-bus-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%20fill%3D%22%23231F20%22%3E%3Cpath%20d%3D%22M352.1%20432c0%2010.5-1.1%2016%203.3%2016h55.1c4.7%200%204.1-3.8%205.5-32-8.5%2018.7-24%2016-63.9%2016zM96%20416c1.5%2028.4.8%2032%205.5%2032h55.1c4.4%200%203.3-5.5%203.3-16-39.9%200-50.4%203-63.9-16zM384%2064H128c-17.6%200-32%2014.4-32%2032v280c0%2022%2018%2040%2040%2040h240c22%200%2040-18%2040-40V96c0-17.6-14.4-32-32-32zM160%20376c-13.3%200-24-10.7-24-24s10.7-24%2024-24%2024%2010.7%2024%2024-10.7%2024-24%2024zm88-88H128.2c-8.8%200-16.2-7.2-16.2-16V144.2c0-8.8%207.4-16.2%2016.2-16.2H248v160zm104%2088c-13.3%200-24-10.7-24-24s10.7-24%2024-24%2024%2010.7%2024%2024-10.7%2024-24%2024zm48-104c0%208.8-7.2%2016-16%2016H264V128h120c8.8%200%2016%207.4%2016%2016.2V272zm-16-160H128c-8.8%200-16-7.2-16-16s7.2-16%2016-16h256c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-bus-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-bus-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-bus($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-bus-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cafe-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20400h448v16H32zM200%20384h80c8.8%200%2058-12%2094.7-80.4%203.1.3%206.2.4%209.3.4%2053%200%2096-39.4%2096-88%200-38.6-27.1-71.4-64.9-83.3.6-11.7.9-23.9.9-36.7H64c0%20256%20121%20288%20136%20288zm264-168c0%2039.7-35.9%2072-80%2072h-1.6c15.2-33.6%2027.2-78.6%2031.7-138.7C443.3%20160%20464%20185.9%20464%20216zM80.2%20112h319.6c-1.1%2049.2-7.3%2092.9-18.4%20130.1-9.7%2032.4-23.2%2059.9-40.1%2081.7-24.5%2031.7-50.8%2044.2-60.7%2044.2h-80.1c-11.8%200-37.2-12.6-61.7-44.2-16.9-21.8-30.4-49.3-40.1-81.7-11.2-37.2-17.4-80.9-18.5-130.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cafe-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cafe-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cafe-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cafe-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cafe-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20400h448v16H32zM200%20384h80c8.8%200%2058-12%2094.7-80.4%203.1.3%206.2.4%209.3.4%2053%200%2096-39.4%2096-88%200-38.6-27.1-71.4-64.9-83.3.6-11.7.9-23.9.9-36.7H64c0%20256%20121%20288%20136%20288zm264-168c0%2039.7-35.9%2072-80%2072h-1.6c15.2-33.6%2027.2-78.6%2031.7-138.7C443.3%20160%20464%20185.9%20464%20216z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cafe-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cafe-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cafe($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cafe-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-calculator-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M144%20160h224V96H144v64zm16-48h192v32H160v-32z%22%2F%3E%3Cpath%20d%3D%22M368%2064H144c-17.7%200-32%2014.3-32%2032v320c0%2017.7%2014.3%2032%2032%2032h224c17.7%200%2032-14.3%2032-32V96c0-17.7-14.3-32-32-32zm16%20352c0%208.8-7.2%2016-16%2016H144c-8.8%200-16-7.2-16-16V96c0-8.8%207.2-16%2016-16h224c8.8%200%2016%207.2%2016%2016v320z%22%2F%3E%3Cpath%20d%3D%22M160%20240v-48h-16v64h64v-16h-16zM160%20320v-48h-16v64h64v-16h-16zM160%20400v-48h-16v64h64v-16h-16zM240%20240v-48h-16v64h64v-16h-16zM320%20240v-48h-16v64h64v-16h-16zM240%20320v-48h-16v64h64v-16h-16zM240%20400v-48h-16v64h64v-16h-16zM320%20400V272h-16v144h64v-16h-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-calculator-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-calculator-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-calculator-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-calculator-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-calculator-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M368%2064H144c-17.7%200-32%2014.3-32%2032v320c0%2017.7%2014.3%2032%2032%2032h224c17.7%200%2032-14.3%2032-32V96c0-17.7-14.3-32-32-32zm-8%20216v128h-48V280h48zm0-80v48h-48v-48h48zm-80%20160v48h-48v-48h48zm0-80v48h-48v-48h48zm0-80v48h-48v-48h48zm-80%20160v48h-48v-48h48zm0-80v48h-48v-48h48zm0-80v48h-48v-48h48zm-48-48v-48h208v48H152z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-calculator-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-calculator-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-calculator($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-calculator-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-calendar-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%2096V64h-16v32H176V64h-16v32H64v352h384V96h-96zm80%20336H80V192h352v240zm0-256H80v-64h80v32h16v-32h160v32h16v-32h80v64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-calendar-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-calendar-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-calendar-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-calendar-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-calendar-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20192h384v256H64zM448%2096h-96v48h-16V96H176v48h-16V96H64v80h384zM160%2064h16v32h-16zM336%2064h16v32h-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-calendar-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-calendar-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-calendar($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-calendar-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-call-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M415.9%20335.5c-14.6-15-56.1-43.1-83.3-43.1-6.3%200-11.8%201.4-16.3%204.3-13.3%208.5-23.9%2015.1-29%2015.1-2.8%200-5.8-2.5-12.4-8.2l-1.1-1c-18.3-15.9-22.2-20-29.3-27.4l-1.8-1.9c-1.3-1.3-2.4-2.5-3.5-3.6-6.2-6.4-10.7-11-26.6-29l-.7-.8c-7.6-8.6-12.6-14.2-12.9-18.3-.3-4%203.2-10.5%2012.1-22.6%2010.8-14.6%2011.2-32.6%201.3-53.5-7.9-16.5-20.8-32.3-32.2-46.2l-1-1.2c-9.8-12-21.2-18-33.9-18-14.1%200-25.8%207.6-32%2011.6-.5.3-1%20.7-1.5%201-13.9%208.8-24%2020.9-27.8%2033.2-5.7%2018.5-9.5%2042.5%2017.8%2092.4%2023.6%2043.2%2045%2072.2%2079%20107.1%2032%2032.8%2046.2%2043.4%2078%2066.4%2035.4%2025.6%2069.4%2040.3%2093.2%2040.3%2022.1%200%2039.5%200%2064.3-29.9%2026-31.4%2015.2-50.6-.4-66.7zm-11.5%2055.9c-20%2024.2-31.5%2024.2-52.3%2024.2-20.3%200-51.8-14-84.2-37.3-31-22.4-44.8-32.7-75.9-64.6-32.9-33.7-53.6-61.8-76.4-103.5-24.1-44.1-21.4-63.4-16.5-79.3%202.6-8.5%2010.4-17.6%2021-24.2.5-.3%201-.7%201.6-1%205.3-3.4%2014.1-9.1%2023.7-9.1%208%200%2015.1%204%2021.9%2012.3l1%201.2c25.5%2031.2%2045.4%2058.8%2030.4%2079.2-10.6%2014.3-16.2%2024-15.3%2034%20.8%209.7%207.3%2017%2017.1%2028l.7.8c16.1%2018.2%2020.7%2023%2027.1%2029.5%201.1%201.1%202.2%202.3%203.5%203.6l1.8%201.9c7.4%207.7%2011.5%2011.9%2030.3%2028.4l1.1%201c8%207%2013.9%2012.1%2022.5%2012.1%208.9%200%2018.7-5.6%2037.3-17.5%201.9-1.2%204.6-1.9%208-1.9%2021.7%200%2059.1%2024.8%2072.2%2038.3%2012%2012.2%2018%2021.4-.6%2043.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-call-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-call-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-call-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-call-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-call-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M415.9%20335.5c-14.6-15-56.1-43.1-83.3-43.1-6.3%200-11.8%201.4-16.3%204.3-13.3%208.5-23.9%2015.1-29%2015.1-2.8%200-5.8-2.5-12.4-8.2l-1.1-1c-18.3-15.9-22.2-20-29.3-27.4l-1.8-1.9c-1.3-1.3-2.4-2.5-3.5-3.6-6.2-6.4-10.7-11-26.6-29l-.7-.8c-7.6-8.6-12.6-14.2-12.9-18.3-.3-4%203.2-10.5%2012.1-22.6%2010.8-14.6%2011.2-32.6%201.3-53.5-7.9-16.5-20.8-32.3-32.2-46.2l-1-1.2c-9.8-12-21.2-18-33.9-18-14.1%200-25.8%207.6-32%2011.6-.5.3-1%20.7-1.5%201-13.9%208.8-24%2020.9-27.8%2033.2-5.7%2018.5-9.5%2042.5%2017.8%2092.4%2023.6%2043.2%2045%2072.2%2079%20107.1%2032%2032.8%2046.2%2043.4%2078%2066.4%2035.4%2025.6%2069.4%2040.3%2093.2%2040.3%2022.1%200%2039.5%200%2064.3-29.9%2026-31.4%2015.2-50.6-.4-66.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-call-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-call-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-call($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-call-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-camera-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M417.5%20160h-61.7c-32.1-36-42.2-48-54.5-48h-88.5c-12.3%200-22.2%2012-54.5%2048H145v-16h-34v16H97.5C79.9%20160%2064%20173.2%2064%20190.7v176c0%2017.5%2015.9%2033.3%2033.5%2033.3h320c17.6%200%2030.5-15.8%2030.5-33.3v-176c0-17.5-12.9-30.7-30.5-30.7zM432%20366.7c0%209.3-6.2%2017.3-14.5%2017.3h-320c-8.7%200-17.5-8.7-17.5-17.3v-176c0-8.2%208.1-14.7%2017.5-14.7h67.8l4.8-3.2c4-4.5%207.7-10%2011.1-13.8%2011.3-12.7%2019.5-21.7%2025.3-26.9%204.7-4.2%206.2-4.1%206.2-4.1h88.5s1.6-.1%206.7%204.5c6.1%205.5%2014.7%2016.5%2026.6%2029.8%202.9%203.3%206%206.8%209.3%2010.5l4.8%203.2h68.9c8.8%200%2014.5%206%2014.5%2014.7v176z%22%2F%3E%3Cpath%20d%3D%22M256%20189.5c-47.1%200-85.5%2038.4-85.5%2085.5s38.4%2085.5%2085.5%2085.5%2085.5-38.4%2085.5-85.5-38.4-85.5-85.5-85.5zm0%20155c-38.4%200-69.5-31.1-69.5-69.5s31.1-69.5%2069.5-69.5%2069.5%2031.1%2069.5%2069.5-31.1%2069.5-69.5%2069.5zM352%20192h17v17h-17z%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22275%22%20r%3D%2232%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-camera-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-camera-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-camera-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-camera-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-camera-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M417.5%20160h-61.7c-32.1-36-42.2-48-54.5-48h-88.5c-12.3%200-22.2%2012-54.5%2048H145v-16h-34v16H97.5C79.9%20160%2064%20173.2%2064%20190.7v176c0%2017.5%2015.9%2033.3%2033.5%2033.3h320c17.6%200%2030.5-15.8%2030.5-33.3v-176c0-17.5-12.9-30.7-30.5-30.7zM256%20360.5c-47.1%200-85.5-38.4-85.5-85.5s38.4-85.5%2085.5-85.5%2085.5%2038.4%2085.5%2085.5-38.4%2085.5-85.5%2085.5zM369%20209h-17v-17h17v17z%22%2F%3E%3Cpath%20d%3D%22M256%20205.5c-38.4%200-69.5%2031.1-69.5%2069.5s31.1%2069.5%2069.5%2069.5%2069.5-31.1%2069.5-69.5-31.1-69.5-69.5-69.5zm0%20101.5c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032-14.3%2032-32%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-camera-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-camera-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-camera($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-camera-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-car-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M434.7%20203.4l15.5-2.4c7.1%200%2022.4-3%2025.5-6.2%203.1-3.2%204.2-5.8%204.2-8.6s-1.7-7.9-4.8-11.3c-3-3.4-16-5.3-23.7-6.3-2.2-.3-3.9-.4-5.2-.4-3.2%200-4.1.7-5.5%201.6-2.3%201.5-3%2011.7-3.2%2017l-8.1%201.8c-4.8-12.5-11.4-35.6-21.5-54-11.5-20.8-23.5-27.4-28.5-29-4.9-1.5-9.4-2.6-43-6.1-33.7-3.5-63-3.5-80.4-3.5s-46.7%200-80.6%203.6c-33.6%203.4-38.1%204.5-43%206.1-5%201.6-17%208.2-28.5%2029-10.1%2018.4-16.7%2041.5-21.5%2054l-8.1-1.8c-.2-5.3-.9-15.6-3.2-17-1.4-.9-2.4-1.7-5.5-1.7-1.3%200-2.9.1-5.1.4-7.6%201-20.6%202.8-23.7%206.2-3%203.4-4.7%208.3-4.7%2011.1s1.1%205.9%204.2%209.1c3.1%203.2%2018.5%206.2%2025.5%206.2l15.5%202.4S50.5%20217.8%2036.1%20234c0%200-4.1%2024.5-4.1%2057.9%200%2048%205.8%2088.3%205.8%2088.3%2026.5%204.6%2046.2%206.2%2065.9%206.7%205.4.1%2010.6.2%2015.9.2%204.3%200%208.7%200%2013.3-.1%2024.4-.3%2015.8-7.4%2026.7-7.4h.4c11.3.2%2055%204.5%2096%204.5s84.7-4.3%2096-4.5h.4c10.8%200%202.2%207.1%2026.7%207.3%204.5%200%208.8.1%2013%20.1%205.4%200%2010.7-.1%2016.3-.2%2019.7-.5%2039.5-2.2%2065.9-6.8%200%200%205.8-40.3%205.8-88.4%200-33.5-4.1-57.9-4.1-57.9-14.5-16.2-41.3-30.3-41.3-30.3zm-324.3-49c4.3-10.1%2014-27.1%2022.1-32.8%200%200%2047-9.6%20123.5-9.6s123.5%209.6%20123.5%209.6c8.1%205.6%2017.8%2022.6%2022.1%2032.8s11.4%2033.8%2010.3%2036.5c-.8%202%20.2%203.3-5.4%203.3-1.8%200-4.4-.1-8-.4-14.3-1.1-99.5-2.3-142.5-2.3s-128.1%201.2-142.5%202.3c-3.6.3-6.1.4-8%20.4-5.7%200-4.6-1.3-5.4-3.3-1.1-2.8%206-26.4%2010.3-36.5zm349.4%20211.7c-18.3%202.8-34.3%204.2-51.9%204.6-5.1.1-10.1.2-15.9.2-3.7%200-7.8%200-12.8-.1-5.5-.1-8.1-.5-9.1-.8-3.6-3.3-8.5-6.6-17.7-6.6h-.7c-3.9.1-10.5.5-19.7%201-19.2%201.2-48.3%203.4-76%203.5-27.7%200-56.8-2.3-76.1-3.5-9.2-.6-15.8-1-19.7-1h-.7c-9.2%200-14.1%203.3-17.7%206.6-1%20.2-3.6.7-9.1.8-5.3.1-9.4.1-13.1.1-5.6%200-10.6-.1-15.5-.2-17.6-.5-33.7-1.9-51.9-4.6-1.7-15.1-4.2-43.2-4.2-74.4%200-23.3%202.1-42.3%203.2-50.7%2010.7-10.4%2027.6-20.6%2033.7-23.9l13.8-7.5s44.3-2%20157.3-2%20157.2%202%20157.2%202l13.9%207.5c6.1%203.3%2023%2013.4%2033.7%2023.8%201.1%208.4%203.2%2027.3%203.2%2050.8%200%2031.1-2.5%2059.3-4.2%2074.4z%22%2F%3E%3Cpath%20d%3D%22M138.8%20278.3c-9.9%200-29.8-1-34.5-1.2-4.7-.1-8.8%203.8-11.2%203.8s-25.5-3.6-28-14.9c-2.5-11.2%200-23%200-22.8%2015.5-.7%2030.5-.2%2058.5%207.8%2028.1%207.9%2043.6%2023.3%2043.6%2023.3s-18.5%204-28.4%204zM342.2%20339.3c-12.7%201.7-58.5%202.2-86.2%202.2s-73.5-.5-86.2-2.2c-13.1-1.7-29.8-17.3-18.4-30.2%207.6-8.5%2020.8-13.6%2048.9-17.3%2029.8-3.8%2048.6-4.3%2055.6-4.3s25.8.5%2055.6%204.3c28.1%203.7%2043.2%209.6%2048.9%2017.3%2010.4%2013.8-5.1%2028.4-18.2%2030.2zM446.9%20266.1c-2.5%2011.2-25.6%2014.9-28%2014.9-2.4%200-6.5-3.9-11.2-3.8-4.7.2-24.6%201.2-34.5%201.2s-28.4-4-28.4-4%2015.5-15.4%2043.6-23.3c28-8%2043-8.5%2058.5-7.8%200-.2%202.5%2011.5%200%2022.8z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M401%20412.3c0%202.1%201.3%203.7%203.2%203.7h56.5c4.9%200%205.9-3.5%206.2-5.5%201.4-8.4%201.9-21.3%201.9-21.3-25.7%204.7-48.8%205.5-67.8%206v17.1zM45.2%20410.5c.3%202%201.3%205.5%206.2%205.5h56.7c1.9%200%203-1.6%203-3.7v-17.1c-19-.5-42.2-1.3-67.9-6-.1.1.6%2012.9%202%2021.3z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-car-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-car-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-car-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-car-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-car-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M475.9%20234c-14.4-16.3-41.2-30.8-41.2-30.8l15.5-3.1c7.1%200%2022.4-2.3%2025.5-5.4%203.1-3.2%204.2-5.4%204.2-8.2s-1.7-7.7-4.8-11.1c-3-3.4-16-5.2-23.7-6.2-7.6-1-8.7%200-10.7%201.2-2.3%201.5-3%2011.7-3.2%2017l-8.1%201.8c-4.8-12.5-11.4-35.6-21.5-54-11.5-20.8-23.5-27.4-28.5-29-4.9-1.5-9.4-2.6-43-6.1-33.7-3.6-63-4.1-80.4-4.1s-46.7.5-80.6%204.1c-33.6%203.4-38.1%204.5-43%206.1-5%201.6-17%208.2-28.5%2029-10.1%2018.4-16.7%2041.5-21.5%2054l-8.1-1.8c-.2-5.3-.9-15.6-3.2-17-2-1.3-3-2.2-10.7-1.2-7.6%201-20.6%202.8-23.7%206.2-3%203.4-4.7%208.3-4.7%2011.1%200%202.8%201.1%205.1%204.2%208.3%203.1%203.2%2018.5%205.4%2025.5%205.4l15.5%203.1S50.4%20217.9%2036%20234.1c0%200-4.1%2024.7-4.1%2058.1%200%2048%205.8%2088.4%205.8%2088.4%2026.5%204.6%2046.2%206.3%2065.9%206.8%209.9.2%2018.9.2%2029.2.1%2024.8-.3%2015.6-7.5%2027.1-7.3%2011.3.2%2055%204%2096%204s84.7-3.8%2096-4c11.5-.2%202.3%207.1%2027.1%207.3%2010.3.1%2019.4.1%2029.2-.1%2019.7-.5%2039.5-2.2%2065.9-6.8%200%200%205.8-40.3%205.8-88.4.1-33.6-4-58.2-4-58.2zm-365.5-79.1c4.3-10.1%2014-27.1%2022.1-32.8%200%200%2047-10.1%20123.5-10.1s123.5%2010.1%20123.5%2010.1c8.1%205.6%2017.8%2022.6%2022.1%2032.8%204.3%2010.1%2011.4%2033.8%2010.3%2036.5-1.1%202.7%201.1%204.1-13.4%202.9-14.4-1.1-99.5-2.3-142.5-2.3s-128.1%201.2-142.5%202.3c-14.5%201.2-12.4-.2-13.4-2.9-1.1-2.8%206-26.4%2010.3-36.5zm13.4%20115.9c-9.9%200-29.8-1-34.5-1.2-4.7-.1-8.8%203.8-11.2%203.8s-25.5-3.6-28-14.9c-2.5-11.2%200-23%200-22.8%2015.5-.7%2030.5-.2%2058.5%207.8%2028.1%207.9%2043.6%2023.3%2043.6%2023.3s-18.5%204-28.4%204zm218.4%2069c-12.7%201.7-58.5%202.2-86.2%202.2s-73.5-.5-86.2-2.2c-13.1-1.7-29.8-17.3-18.4-30.2%207.6-8.5%2020.8-13.6%2048.9-17.3%2029.8-3.8%2048.6-4.3%2055.6-4.3s25.8.5%2055.6%204.3c28.1%203.7%2043.2%209.6%2048.9%2017.3%2010.4%2013.8-5.1%2028.4-18.2%2030.2zm119.7-81.2c-2.5%2011.2-25.6%2014.9-28%2014.9-2.4%200-6.5-3.9-11.2-3.8-4.7.2-24.6%201.2-34.5%201.2s-28.4-4-28.4-4%2015.5-15.4%2043.6-23.3c28-8%2043-8.5%2058.5-7.8%200-.2%202.5%2011.5%200%2022.8zM401%20412.3c0%202.1%201.2%203.7%203.1%203.7h56.5c4.9%200%205.9-3.5%206.2-5.5%201.4-8.4%202-21.3%202-21.3-25.7%204.7-48.8%205.5-67.8%206v17.1zM45.1%20410.5c.3%202%201.3%205.5%206.2%205.5H108c1.9%200%203.1-1.6%203.1-3.7v-17.1c-19-.5-42.2-1.3-67.9-6-.1.1.5%2012.9%201.9%2021.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-car-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-car-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-car($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-car-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-card-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M432%20112H80c-17.6%200-32%2014.4-32%2032v224c0%2017.6%2014.4%2032%2032%2032h352c17.6%200%2032-14.4%2032-32V144c0-17.6-14.4-32-32-32zM80%20128h352c8.8%200%2016%207.2%2016%2016v32H64v-32c0-8.8%207.2-16%2016-16zm368%2064v48H64v-48h384zm-16%20192H80c-8.8%200-16-7.2-16-16V256h384v112c0%208.8-7.2%2016-16%2016z%22%2F%3E%3Cpath%20d%3D%22M96%20320h32v16H96zM160%20320h192v16H160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-card-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-card-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-card-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-card-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-card-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M432%20112H80c-17.6%200-32%2014.4-32%2032v224c0%2017.6%2014.4%2032%2032%2032h352c17.6%200%2032-14.4%2032-32V144c0-17.6-14.4-32-32-32zM80%20128h352c8.8%200%2016%207.2%2016%2016v32H64v-32c0-8.8%207.2-16%2016-16zm352%20256H80c-8.8%200-16-7.2-16-16V256h384v112c0%208.8-7.2%2016-16%2016z%22%2F%3E%3Cpath%20d%3D%22M96%20320h32v16H96zM160%20320h192v16H160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-card-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-card-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-card($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-card-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cart-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M160%20400c-13.248%200-24%2010.752-24%2024s10.752%2024%2024%2024%2024-10.752%2024-24-10.752-24-24-24zm0%2032c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208zM384.5%20400c-13.248%200-24%2010.752-24%2024s10.752%2024%2024%2024%2024-10.752%2024-24-10.752-24-24-24zm0%2032c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208zM448%20128L123.177%2095.646c-1.628-6.972-4.37-14.66-11.838-20.667C102.024%2067.49%2086.98%2064%2064%2064v16c18.614%200%2031.167%202.507%2037.312%207.448%204.458%203.585%205.644%208.423%207.165%2015.99l-.024.003%2042.052%20233.64c2.413%2014.42%207.194%2025.208%2013.29%2032.985C171.044%20379.312%20180.534%20384%20192%20384h240v-16H192c-4.727%200-19.136.123-25.75-33.755l-5.428-30.16L432%20256l16-128zm-29.41%20114.348l-260.6%2045.99-31.733-176.3%20303.87%2030.608-11.537%2099.702z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cart-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cart-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cart-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cart-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cart-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M160%20400c-13.248%200-24%2010.752-24%2024s10.752%2024%2024%2024%2024-10.752%2024-24-10.752-24-24-24zM384.5%20400c-13.248%200-24%2010.752-24%2024s10.752%2024%2024%2024%2024-10.752%2024-24-10.752-24-24-24zM448%20128L123.177%2095.646c-1.628-6.972-4.37-14.66-11.838-20.667C102.024%2067.49%2086.98%2064%2064%2064v16c18.614%200%2031.167%202.507%2037.312%207.448%204.458%203.585%205.644%208.423%207.165%2015.99l-.024.003%2042.052%20233.64c2.413%2014.42%207.194%2025.208%2013.29%2032.985C171.044%20379.312%20180.534%20384%20192%20384h240v-16H192c-4.727%200-19.136.123-25.75-33.755l-5.428-30.16L432%20256l16-128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cart-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cart-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cart($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cart-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cash-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M40%20368h432v16H40zM48%20400h416v16H48zM32%2096v256h448V96H32zm432%20240H48V112h416v224z%22%2F%3E%3Cpath%20d%3D%22M384%20128h64v16h-64zM384%20304h64v16h-64zM64%20128h64v16H64zM64%20304h64v16H64zM256%20296c-39.7%200-72-32.3-72-72s32.3-72%2072-72%2072%2032.3%2072%2072-32.3%2072-72%2072zm0-128c-30.9%200-56%2025.1-56%2056s25.1%2056%2056%2056%2056-25.1%2056-56-25.1-56-56-56z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cash-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cash-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cash-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cash-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cash-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M40%20368h432v16H40zM48%20400h416v16H48zM256%20168c-30.9%200-56%2025.1-56%2056s25.1%2056%2056%2056%2056-25.1%2056-56-25.1-56-56-56z%22%2F%3E%3Cpath%20d%3D%22M32%2096v256h448V96H32zm96%20224H64v-16h64v16zm0-176H64v-16h64v16zm128%20152c-39.7%200-72-32.3-72-72s32.3-72%2072-72%2072%2032.3%2072%2072-32.3%2072-72%2072zm192%2024h-64v-16h64v16zm0-176h-64v-16h64v16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cash-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cash-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cash($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cash-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-chatboxes-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2064h256v96h16V48H48v224h112v-16H64z%22%2F%3E%3Cpath%20d%3D%22M176%20176v224h162.6l64%2064H416v-64h48V176H176zm272%20208h-48v54.6L345%20384H192V192h256v192z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-chatboxes-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-chatboxes-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-chatboxes-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-chatboxes-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-chatboxes-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M336%2048H48v224h112V160h176z%22%2F%3E%3Cpath%20d%3D%22M176%20176v224h162.6l64%2064H416v-64h48V176H176z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-chatboxes-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-chatboxes-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-chatboxes($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-chatboxes-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-chatbubbles-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M431%20320.6c0-4.4%201.2-8.6%203.3-12.2.6-1.1%201.4-2.1%202.1-3.1%2017.4-26%2027.6-57.1%2027.6-90.3.3-92.2-77.5-167-173.7-167-83.9%200-153.9%2057.1-170.3%20132.9-2.4%2011.1-3.7%2022.4-3.7%2034.2%200%2092.3%2074.8%20169.1%20171%20169.1%2015.3%200%2035.9-4.6%2047.2-7.7s22.5-7.2%2025.4-8.3%206.1-1.7%209.3-1.7c3.6%200%207%20.7%2010.1%202l56.7%2020.1s2.4%201%203.9%201c4.4%200%208-3.5%208-8%200-1-.5-2.7-.5-2.7L431%20320.6zm-45.9%2033c-5-2-10.3-3.2-15.8-3.2-4.1%200-10.1.8-12.2%201.6-2.1.8-11.3%203.8-11.3%203.8-4.2%201.4-9.9%203.8-15.2%205.1-14%203.6-30.1%207.2-43.2%207.2-41.9%200-81.1-16.1-110.3-45.3-14.1-14.1-25.1-30.5-32.8-48.7-7.9-18.8-11.9-38.7-11.9-59.1%200-10.2%201.1-20.6%203.3-30.8%207.2-33.4%2026.5-63.8%2054.2-85.7C203.7%2087.6%20219.3%2079%20236%2073.1c17.4-6.1%2035.7-9.2%2054.4-9.2%2022%200%2043.3%204.2%2063.3%2012.6%2019.3%208.1%2036.4%2019.6%2051%2034.2C432.7%20139%20448%20176%20448%20215c0%2028.9-8.6%2057-24.7%2081.2-.1.1-.2.3-.3.4-.7.9-1.6%202.2-2.5%203.8-3.5%206.1-5.4%2012.4-5.4%2020.1%200%207.7%208.2%2032.5%2013%2048.2l-43-15.1z%22%2F%3E%3Cpath%20d%3D%22M305.3%20395.7c-6.3%206.1-12.1%2010.4-12.1%2010.4-24.9%2020.2-56.4%2031.4-89.5%2031.4-18.8%200-37.1-3.6-54.5-10.7-.4-.2-.8-.3-1-.4-.6-.3-1.2-.5-1.8-.6-7-2.3-14.7-2-21.4.7l-42.5%2016.8%209.3-48.5c.1-.5.1-1%20.1-1.5%200-5.1-1.3-10-3.9-14.3l-.4-.7c-.5-.8-1-1.8-1.7-2.7-14.4-21.7-22-46.9-22-72.9%200-30%2010.6-62.8%2037.8-92.9.6-4.3%201.3-8.6%202.3-12.8%201-4.5%202.2-9%203.5-13.4l-8%207.1C66.8%20219.2%2048%20260%2048%20302.5c0%2029.3%208.6%2057.6%2024.8%2082%20.1.1.2.2.3.4.2.2.6.9.8%201.4.2.3.3.6.5.8%201%201.7%201.5%203.4%201.6%205.4l-11.9%2062c-.6%202.9.5%205.8%202.7%207.7%201.5%201.2%203.3%201.8%205.1%201.8%201%200%202-.2%202.9-.6l56.1-22.1c1.8-.7%203.7-1.1%205.7-1.1%201.8%200%203.6.3%205.3.9.2.1.5.2.7.2.1.1.2.1.3.1%2019.3%208%2039.8%2012%2060.7%2012%2046.6%200%2090.4-20.1%20120.1-55.1%200%200%203.2-4.4%206.9-9.6-3.8%201.2-8%202.5-12.2%203.7-3.6%201.1-8.1%202.2-13.1%203.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-chatbubbles-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-chatbubbles-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-chatbubbles-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-chatbubbles-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-chatbubbles-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M431%20320.6c0-4.4%201.2-8.6%203.3-12.2.6-1.1%201.4-2.1%202.1-3.1%2017.4-26%2027.6-57.1%2027.6-90.3.3-92.2-77.5-167-173.7-167-83.9%200-153.9%2057.1-170.3%20132.9-2.4%2011.1-3.7%2022.4-3.7%2034.2%200%2092.3%2074.8%20169.1%20171%20169.1%2015.3%200%2035.9-4.6%2047.2-7.7s22.5-7.2%2025.4-8.3%206.1-1.7%209.3-1.7c3.6%200%207%20.7%2010.1%202l56.7%2020.1s2.4%201%203.9%201c4.4%200%208-3.5%208-8%200-1-.5-2.7-.5-2.7L431%20320.6zM311.2%20403.4c-.3.5-.1.7.7.4-.1-.3-.3-.4-.7-.4z%22%2F%3E%3Cpath%20d%3D%22M318.5%20392.5c-3.6%201-8.2%202.1-13.2%203.2-10.5%202.2-23.9%204.5-34%204.5-96.2%200-171-76.8-171-169.1%200-6.6.7-15%201.5-21.4.6-4.3%201.3-8.6%202.3-12.8%201-4.5%202.2-9%203.5-13.4l-8%207.1C66.8%20219.2%2048%20260%2048%20302.5c0%2029.3%208.5%2057.5%2024.8%2082%202.3%203.5%203.6%206.2%203.2%208s-11.9%2062-11.9%2062c-.6%202.9.5%205.8%202.7%207.7%201.5%201.2%203.3%201.8%205.1%201.8%201%200%202-.2%202.9-.6l56.1-22.1c1.8-.7%203.7-1.1%205.7-1.1%200%200%202.4-.2%206.3%201.3%2018.9%207.4%2039.8%2012%2060.7%2012%2046.6%200%2090.4-20.1%20120.1-55.1%200%200%203.2-4.4%206.9-9.6-3.7%201.3-7.9%202.6-12.1%203.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-chatbubbles-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-chatbubbles-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-chatbubbles($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-chatbubbles-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-checkbox-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M216%20357c.4%200%20.4-.1%200-.2-.4.1-.5.2%200%20.2zM340.1%20177.3L215.3%20303l-47.2-47.2-17.9%2017.8%2065.1%2065%20142.3-143.2z%22%2F%3E%3Cpath%20d%3D%22M432%2080v352H80V80h352m16-16H64v384h384V64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-checkbox-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-checkbox-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-checkbox-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-checkbox-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-checkbox-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2064v384h384V64H64zm152%20293c-.5%200-.4-.1%200-.2.4.1.4.2%200%20.2zm-.7-18.4l-65-65%2017.8-17.8%2047.2%2047.2%20124.8-125.7%2017.5%2018.1-142.3%20143.2z%22%2F%3E%3Cpath%20d%3D%22M216%20357c.4%200%20.4-.1%200-.2-.4.1-.5.2%200%20.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-checkbox-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-checkbox-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-checkbox($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-checkbox-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-checkmark-circle-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M340.1%20177.3L215.3%20303l-47.2-47.2-17.8%2017.8%2056%2056c2.5%202.5%205.9%204.5%208.9%204.5s6.3-2%208.8-4.4l133.7-134.4-17.6-18z%22%2F%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-checkmark-circle-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-checkmark-circle-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-checkmark-circle-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-checkmark-circle-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-checkmark-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm-32.1%20281.7c-2.4%202.4-5.8%204.4-8.8%204.4s-6.4-2.1-8.9-4.5l-56-56%2017.8-17.8%2047.2%2047.2L340%20177.3l17.5%2018.1-133.6%20134.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-checkmark-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-checkmark-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-checkmark-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-checkmark-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-checkmark-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M223.9%20329.7c-2.4%202.4-5.8%204.4-8.8%204.4s-6.4-2.1-8.9-4.5l-56-56%2017.8-17.8%2047.2%2047.2L340%20177.3l17.5%2018.1-133.6%20134.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-checkmark-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-checkmark-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-checkmark($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-checkmark-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-clipboard-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%2295.7%22%20r%3D%2216%22%2F%3E%3Cpath%20d%3D%22M400%2064h-92.1c4.1%204.6%207.3%2010%209.4%2016H392c4.4%200%208%203.6%208%208v352c0%204.4-3.6%208-8%208H120c-4.4%200-8-3.6-8-8V88c0-4.4%203.6-8%208-8h74.7c2.1-6%205.3-11.4%209.4-16H112c-8.8%200-16%207.2-16%2016v368c0%208.8%207.2%2016%2016%2016h288c8.8%200%2016-7.2%2016-16V80c0-8.8-7.2-16-16-16z%22%2F%3E%3Cpath%20d%3D%22M176%20111v17h-48v304h256V128h-48v-17c0-8.8-6.4-15-15.2-15H304c0-5.6-1-11-2.7-16-2.1-6-5.3-11.4-9.4-16-8.8-9.9-21.6-16-35.9-16s-27.1%206.1-35.9%2016c-4.1%204.6-7.3%2010-9.4%2016-1.7%205-2.7%2010.4-2.7%2016h-14.5c-8.8%200-17.5%206.2-17.5%2015zm160%2049v-16h32v272H144V144h32v16h160zm-112-48V95.5c0-17.9%2014.1-32%2032-32s32%2014.1%2032%2032V112h32v32H192v-32h32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-clipboard-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-clipboard-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-clipboard-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-clipboard-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-clipboard-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M144%20416h224V144h-16v32H160v-32h-16z%22%2F%3E%3Cpath%20d%3D%22M320.8%2096H304c0-5.6-1-11-2.7-16-2.1-6-5.3-11.4-9.4-16-8.8-9.9-21.6-16-35.9-16s-27.1%206.1-35.9%2016c-4.1%204.6-7.3%2010-9.4%2016-1.7%205-2.7%2010.4-2.7%2016h-14.5c-8.8%200-17.5%206.2-17.5%2015v49h160v-49c0-8.8-6.4-15-15.2-15zM256%20111.7c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M352%20111v1-1zM400%2064h-92.1c4.1%204.6%207.3%2010%209.4%2016l.1.1c.8-.1%201.7-.1%202.6-.1%2017.3%200%2031.4%2013.8%2032%2031v17h32v304H128V128h32v-11c0-17.7%2011.7-34%2032-34h2.7c1.7-9%205.3-14.4%209.4-19H112c-8.8%200-16%207.2-16%2016v368c0%208.8%207.2%2016%2016%2016h288c8.8%200%2016-7.2%2016-16V80c0-8.8-7.2-16-16-16z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-clipboard-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-clipboard-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-clipboard($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-clipboard-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-clock-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%2288%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22424%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%22424%22%20cy%3D%22256%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%2288%22%20cy%3D%22256%22%20r%3D%228%22%2F%3E%3Cg%3E%3Ccircle%20cx%3D%22110.5%22%20cy%3D%22172%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%22401.5%22%20cy%3D%22340%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%22340%22%20cy%3D%22110.5%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%22172%22%20cy%3D%22401.5%22%20r%3D%228%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Ccircle%20cx%3D%22110.5%22%20cy%3D%22340%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%22401.5%22%20cy%3D%22172%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%22172%22%20cy%3D%22110.5%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%22340%22%20cy%3D%22401.5%22%20r%3D%228%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M269.9%20248c-2.9-5-8.1-7.8-13.4-8l-30-55.4c-2.3-3.8-7.2-5-11-2.7s-5%207.2-2.7%2011l29.6%2054.9c-2.9%204.8-3.2%2011.1-.2%2016.3%201.5%202.5%203.5%204.5%205.9%205.8V384c0%204.4%203.6%208%208%208s8-3.6%208-8V269.9c7.6-4.5%2010.2-14.2%205.8-21.9z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M403.1%20108.9c-81.2-81.2-212.9-81.2-294.2%200s-81.2%20212.9%200%20294.2c81.2%2081.2%20212.9%2081.2%20294.2%200%2081.2-81.2%2081.2-213%200-294.2zm-12.3%20281.9c-74.3%2074.3-195.3%2074.3-269.6%200-74.3-74.3-74.3-195.3%200-269.6s195.3-74.3%20269.6%200c74.4%2074.3%2074.4%20195.3%200%20269.6z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-clock-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-clock-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-clock-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-clock-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-clock-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M403.1%20108.9c-81.2-81.2-212.9-81.2-294.2%200s-81.2%20212.9%200%20294.2c81.2%2081.2%20212.9%2081.2%20294.2%200%2081.2-81.2%2081.2-213%200-294.2zM256%2080c4.4%200%208%203.6%208%208s-3.6%208-8%208-8-3.6-8-8%203.6-8%208-8zm-152.4%2088c2.2-3.8%207.1-5.1%2010.9-2.9s5.1%207.1%202.9%2010.9c-2.2%203.8-7.1%205.1-10.9%202.9-3.8-2.2-5.1-7.1-2.9-10.9zM88%20264c-4.4%200-8-3.6-8-8s3.6-8%208-8%208%203.6%208%208-3.6%208-8%208zm26.5%2082.9c-3.8%202.2-8.7.9-10.9-2.9-2.2-3.8-.9-8.7%202.9-10.9s8.7-.9%2010.9%202.9c2.2%203.8.9%208.7-2.9%2010.9zm64.4%2058.6c-2.2%203.8-7.1%205.1-10.9%202.9-3.8-2.2-5.1-7.1-2.9-10.9%202.2-3.8%207.1-5.1%2010.9-2.9%203.8%202.2%205.1%207.1%202.9%2010.9zM176%20117.4c-3.8%202.2-8.7.9-10.9-2.9-2.2-3.8-.9-8.7%202.9-10.9%203.8-2.2%208.7-.9%2010.9%202.9s.9%208.7-2.9%2010.9zM256%20432c-4.4%200-8-3.6-8-8s3.6-8%208-8%208%203.6%208%208-3.6%208-8%208zm8-162.1V384c0%204.4-3.6%208-8%208s-8-3.6-8-8V269.8c-2.4-1.4-4.4-3.3-5.9-5.8-3-5.2-2.7-11.5.2-16.3l-29.6-54.9c-2.3-3.8-1-8.7%202.7-11%203.8-2.3%208.7-1%2011%202.7l30%2055.4c5.4.1%2010.6%203%2013.4%208%204.5%207.8%201.9%2017.5-5.8%2022zm80%20138.5c-3.8%202.2-8.7.9-10.9-2.9-2.2-3.8-.9-8.7%202.9-10.9%203.8-2.2%208.7-.9%2010.9%202.9s.9%208.7-2.9%2010.9zm2.9-293.9c-2.2%203.8-7.1%205.1-10.9%202.9-3.8-2.2-5.1-7.1-2.9-10.9%202.2-3.8%207.1-5.1%2010.9-2.9%203.8%202.2%205.1%207.1%202.9%2010.9zM408.4%20344c-2.2%203.8-7.1%205.1-10.9%202.9-3.8-2.2-5.1-7.1-2.9-10.9%202.2-3.8%207.1-5.1%2010.9-2.9s5.1%207.1%202.9%2010.9zm-2.9-165.1c-3.8%202.2-8.7.9-10.9-2.9-2.2-3.8-.9-8.7%202.9-10.9s8.7-.9%2010.9%202.9c2.2%203.8.9%208.7-2.9%2010.9zM424%20264c-4.4%200-8-3.6-8-8s3.6-8%208-8%208%203.6%208%208-3.6%208-8%208z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-clock-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-clock-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-clock($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-clock-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-close-circle-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3E.st0%7Bfill%3A%23010101%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M403.1%20108.9c-81.2-81.2-212.9-81.2-294.2%200s-81.2%20212.9%200%20294.2c81.2%2081.2%20212.9%2081.2%20294.2%200s81.2-213%200-294.2zm-12.3%20281.9c-74.3%2074.3-195.3%2074.3-269.6%200-74.3-74.3-74.3-195.3%200-269.6s195.3-74.3%20269.6%200c74.4%2074.3%2074.4%20195.3%200%20269.6z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M340.2%20160l-84.4%2084.2-84-83.8-11.8%2011.8%2084%2083.8-84%2083.8%2011.8%2011.8%2084-83.8%2084.4%2084.2%2011.8-11.8-84.4-84.2%2084.4-84.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-close-circle-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-close-circle-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-close-circle-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-close-circle-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-close-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3E.st0%7Bfill%3A%23010101%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M403.1%20108.9c-81.2-81.2-212.9-81.2-294.2%200s-81.2%20212.9%200%20294.2c81.2%2081.2%20212.9%2081.2%20294.2%200s81.2-213%200-294.2zM352%20340.2L340.2%20352l-84.4-84.2-84%2083.8-11.8-11.8%2084-83.8-84-83.8%2011.8-11.8%2084%2083.8%2084.4-84.2%2011.8%2011.8-84.4%2084.2%2084.4%2084.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-close-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-close-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-close-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-close-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-close-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3E.st0%7Bfill%3A%23010101%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M340.2%20160l-84.4%2084.3-84-83.9-11.8%2011.8%2084%2083.8-84%2083.9%2011.8%2011.7%2084-83.8%2084.4%2084.2%2011.8-11.7-84.4-84.3%2084.4-84.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-close-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-close-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-close($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-close-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-closed-captioning-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20416H32V96h448v320zM48%20400h416V112H48v288zm222-10h-27.9c-35.7%200-81-.4-113.8-3.4-36.1-3.3-56.5-24.1-59-60l-.5-7.7c-1.7-25-2.8-41.5-2.8-63.1%200-24%20.1-39.1%203.4-71%203.6-35.4%2024-56%2058.9-59.6%2032-3.2%2087.3-3.2%20127.8-3.2%2040.4%200%2095.8%200%20127.8%203.2%2034.9%203.5%2055.2%2024.1%2058.9%2059.6%203.3%2031.9%203.4%2047%203.4%2071%200%2021.5-1.1%2038-2.8%2063l-.5%207.8c-2.4%2035.9-22.8%2056.7-59%2060-33%203-78.2%203.4-113.9%203.4zm-14-16h14c35.4%200%2080.1-.4%20112.3-3.3%2028-2.6%2042.6-17.4%2044.5-45.2l.5-7.8c1.7-24.6%202.8-40.9%202.8-61.9%200-23.5-.1-38.3-3.3-69.4-2.9-28.1-17-42.5-44.6-45.3C351%20138%20296.1%20138%20256%20138c-40.1%200-95%200-126.1%203.2-27.5%202.8-41.7%2017.2-44.6%2045.3-3.2%2031.1-3.3%2045.9-3.3%2069.4%200%2021%201.1%2037.3%202.8%2062l.5%207.7c1.9%2027.8%2016.4%2042.6%2044.5%2045.2%2032.2%203%2076.9%203.3%20112.3%203.3%204.7-.1%209.4-.1%2013.9-.1z%22%2F%3E%3Cpath%20d%3D%22M337.7%20178.4c17.2%200%2029.4%204.3%2037.4%2013.2%205.6%206.2%209.4%2015.8%2011.3%2027.4h-14.1c-5.4-17.7-19.9-29.8-37.9-29.8-11.2%200-20.8%204-27.9%2011.6-6.4%206.8-10.4%2016.2-12.1%2028-.1.5-1.5%2011.3-1.5%2028.2%200%2014.9%201%2023.4%201.3%2025.7%202.2%2023.6%2018.5%2040.1%2039.8%2040.1%2011.1%200%2021.2-4.2%2028.5-11.8%204.8-5%208-11.1%209.8-18.1h14.4c-1.7%2011.7-5.4%2020.8-11.2%2027.3-7.7%208.8-21.7%2013.2-41.7%2013.2-10.1%200-18.9-1.1-26.1-3.4-5.7-1.8-10.4-5-14.2-9.7-4.3-5.3-7.7-13-10.1-22.7-2.6-10.8-4-24.6-4-41.2%200-16.7%201.6-30.6%204.8-41.1%202.9-9.7%206.9-17.3%2011.8-22.7%204.7-5.2%2010.1-8.6%2016.6-10.7%207.4-2.3%2015.9-3.5%2025.1-3.5m0-16c-10.9%200-20.9%201.4-30%204.3-9.1%202.9-17%207.9-23.6%2015.1-6.6%207.2-11.7%2016.8-15.4%2028.9-3.6%2012.1-5.5%2027.3-5.5%2045.7%200%2018%201.5%2033%204.4%2045.1%203%2012.1%207.3%2021.7%2013.1%2028.9%205.8%207.2%2013.1%2012.2%2021.8%2015%208.8%202.8%2019.1%204.2%2030.9%204.2%2025%200%2043-6.4%2053.8-18.7%2010.8-12.3%2016.2-30.3%2016.2-53.9h-46.1v4.1c0%2016.3-10.1%2025.9-23.6%2025.9-13.5%200-22.6-10.8-23.9-25.9%200%200-1.2-7.9-1.2-23.9s1.4-26%201.4-26c2.4-17%2010.7-25.9%2024.2-25.9%2013.4%200%2024.1%2011.6%2024.1%2029.2v.5h45.1c0-21.9-5.5-41.6-16.6-54-10.8-12.4-27.2-18.6-49.1-18.6zM182.8%20178.4c17.2%200%2029.4%204.3%2037.4%2013.2%205.6%206.2%209.4%2015.8%2011.3%2027.4h-14.1c-5.4-17.7-19.9-29.8-37.9-29.8-11.2%200-20.8%204-27.9%2011.6-6.4%206.8-10.4%2016.2-12.1%2028-.1.5-1.5%2011.3-1.5%2028.2%200%2014.9%201%2023.4%201.3%2025.7%202.2%2023.6%2018.5%2040.1%2039.8%2040.1%2011.1%200%2021.2-4.2%2028.5-11.8%204.8-5%208-11.1%209.8-18.1h14.4c-1.7%2011.7-5.4%2020.8-11.2%2027.3-7.7%208.8-21.7%2013.2-41.7%2013.2-10.1%200-18.9-1.1-26.1-3.4-5.7-1.8-10.4-5-14.2-9.7-4.3-5.3-7.7-13-10.1-22.7-2.6-10.8-4-24.6-4-41.2%200-16.7%201.6-30.6%204.8-41.1%202.9-9.7%206.9-17.3%2011.8-22.7%204.7-5.2%2010.1-8.6%2016.6-10.7%207.4-2.3%2015.9-3.5%2025.1-3.5m0-16c-10.9%200-20.9%201.4-30%204.3-9.1%202.9-17%207.9-23.6%2015.1-6.6%207.2-11.7%2016.8-15.4%2028.9-3.6%2012.1-5.5%2027.3-5.5%2045.7%200%2018%201.5%2033%204.4%2045.1%203%2012.1%207.3%2021.7%2013.1%2028.9%205.8%207.2%2013.1%2012.2%2021.8%2015%208.8%202.8%2019.1%204.2%2030.9%204.2%2025%200%2043-6.4%2053.8-18.7%2010.8-12.3%2016.2-30.3%2016.2-53.9h-46.1v4.1c0%2016.3-10.1%2025.9-23.6%2025.9-13.5%200-22.6-10.8-23.9-25.9%200%200-1.2-7.9-1.2-23.9s1.4-26%201.4-26c2.4-17%2010.7-25.9%2024.2-25.9%2013.4%200%2024.1%2011.6%2024.1%2029.2v.5h45.1c0-21.9-5.5-41.6-16.6-54-10.8-12.4-27.2-18.6-49.1-18.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-closed-captioning-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-closed-captioning-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-closed-captioning-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-closed-captioning-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-closed-captioning-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%2096v320h448V96H32zm398%20159.8c0%2020.9-1.1%2037.2-2.8%2061.9l-.5%207.8c-1.9%2027.8-16.4%2042.6-44.5%2045.2-32.2%203-76.9%203.3-112.3%203.3h-27.8c-35.4%200-80.2-.4-112.3-3.3-28-2.6-42.6-17.4-44.5-45.2l-.5-7.7c-1.7-24.7-2.8-41-2.8-62%200-23.5.1-38.3%203.3-69.4%202.9-28.1%2017-42.5%2044.6-45.3%2031.2-3.2%2086.1-3.2%20126.1-3.2%2040.1%200%2095%200%20126.2%203.2%2027.5%202.8%2041.7%2017.2%2044.6%2045.3%203.1%2031.1%203.3%2045.9%203.2%2069.4z%22%2F%3E%3Cpath%20d%3D%22M337.7%20162.4c-10.9%200-20.9%201.4-30%204.3-9.1%202.9-17%207.9-23.6%2015.1-6.6%207.2-11.7%2016.8-15.4%2028.9-3.6%2012.1-5.5%2027.3-5.5%2045.7%200%2018%201.5%2033%204.4%2045.1%203%2012.1%207.3%2021.7%2013.1%2028.9%205.8%207.2%2013.1%2012.2%2021.8%2015%208.8%202.8%2019.1%204.2%2030.9%204.2%2025%200%2043-6.4%2053.8-18.7%2010.8-12.3%2016.2-30.3%2016.2-53.9h-46.1v4.1c0%2016.3-10.1%2025.9-23.6%2025.9-13.5%200-22.6-10.8-23.9-25.9%200%200-1.2-7.9-1.2-23.9s1.4-26%201.4-26c2.4-17%2010.7-25.9%2024.2-25.9%2013.4%200%2024.1%2011.6%2024.1%2029.2v.5h45.1c0-21.9-5.5-41.6-16.6-54-10.8-12.4-27.2-18.6-49.1-18.6zM182.8%20162.4c-10.9%200-20.9%201.4-30%204.3-9.1%202.9-17%207.9-23.6%2015.1-6.6%207.2-11.7%2016.8-15.4%2028.9-3.6%2012.1-5.5%2027.3-5.5%2045.7%200%2018%201.5%2033%204.4%2045.1%203%2012.1%207.3%2021.7%2013.1%2028.9%205.8%207.2%2013.1%2012.2%2021.8%2015%208.8%202.8%2019.1%204.2%2030.9%204.2%2025%200%2043-6.4%2053.8-18.7%2010.8-12.3%2016.2-30.3%2016.2-53.9h-46.1v4.1c0%2016.3-10.1%2025.9-23.6%2025.9-13.5%200-22.6-10.8-23.9-25.9%200%200-1.2-7.9-1.2-23.9s1.4-26%201.4-26c2.4-17%2010.7-25.9%2024.2-25.9%2013.4%200%2024.1%2011.6%2024.1%2029.2v.5h45.1c0-21.9-5.5-41.6-16.6-54-10.8-12.4-27.2-18.6-49.1-18.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-closed-captioning-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-closed-captioning-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-closed-captioning($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-closed-captioning-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloud-circle-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M274.3%20176c14%200%2027.2%205.3%2037.4%2014.9%2010.2%209.7%2016.6%2023.1%2018.2%2037.7l1.3%2012.1%2012.1%202c14.4%202.3%2024.8%2015%2024.8%2030.2%200%208.4-3.2%2016.2-8.9%2022.2-5.6%205.8-12.9%209-20.6%209H173.4c-7.7%200-15-3.2-20.6-9-5.7-6-8.9-13.9-8.9-22.2%200-14.3%208.9-26.8%2022.1-31.1l10.9-3.5.2-11.4c.2-11.2%209-20.4%2019.7-20.4%202.8%200%208.4%201.1%2012.1%202.8s8.8%204%208.8%204l7.6-10.9c10.4-16.3%2029.2-26.4%2049-26.4m0-16c-25.6%200-49.4%2013.4-62.5%2033.8-4.5-2.1-9.6-3.4-14.9-3.4-19.5%200-35.4%2016.1-35.7%2036.1-20%206.5-33.2%2025.2-33.2%2046.2%200%2025.7%2020.3%2047.2%2045.4%2047.2h165.1c25.1%200%2045.4-21.4%2045.4-47.2%200-23.2-16.6-42.4-38.3-45.9-3.8-37.5-33.6-66.8-71.3-66.8z%22%2F%3E%3Cpath%20d%3D%22M256%2064c25.9%200%2051.1%205.1%2074.7%2015.1%2022.9%209.7%2043.4%2023.5%2061%2041.2%2017.6%2017.6%2031.5%2038.2%2041.2%2061%2010%2023.7%2015.1%2048.8%2015.1%2074.7s-5.1%2051.1-15.1%2074.7c-9.7%2022.9-23.5%2043.4-41.2%2061-17.6%2017.6-38.2%2031.5-61%2041.2-23.7%2010-48.8%2015.1-74.7%2015.1-25.9%200-51.1-5.1-74.7-15.1-22.9-9.7-43.4-23.5-61-41.2-17.6-17.6-31.5-38.2-41.2-61C69.1%20307.1%2064%20281.9%2064%20256s5.1-51.1%2015.1-74.7c9.7-22.9%2023.5-43.4%2041.2-61%2017.6-17.6%2038.2-31.5%2061-41.2C204.9%2069.1%20230.1%2064%20256%2064m0-16C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloud-circle-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloud-circle-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloud-circle-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloud-circle-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloud-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm82.6%20272H173.4c-25.1%200-45.4-21.4-45.4-47.2%200-21%2013.2-39.8%2033.2-46.2.3-20%2016.2-36.1%2035.7-36.1%205.3%200%2010.4%201.2%2014.9%203.4%2013.1-20.5%2036.9-33.8%2062.5-33.8%2037.7%200%2067.5%2029.3%2071.4%2066.9%2021.7%203.5%2038.3%2022.7%2038.3%2045.9%200%2025.7-20.3%2047.1-45.4%2047.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloud-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloud-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloud-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloud-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloud-done-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M309.2%20216l-77%2076.9L203%20264l-11%2011%2034.6%2034.3c1.5%201.5%203.6%202.8%205.5%202.8s3.9-1.2%205.4-2.7l82.5-82.2-10.8-11.2z%22%2F%3E%3Cpath%20d%3D%22M413%20226.1C406.1%20161.9%20354%20112%20288%20112c-44.8%200-86.5%2022.8-109.4%2057.7-7.9-3.7-16.8-5.7-26.1-5.7-34.2%200-62%2027.5-62.5%2061.6-34.9%2011-58%2042.6-58%2078.4%200%2043.9%2035.6%2080%2079.5%2080h289c43.9%200%2079.5-36.1%2079.5-80%200-39.6-29-71.9-67-77.9zM400.5%20368h-289c-35%200-63.5-28.8-63.5-64%200-14.3%204.4-27%2012.8-38.6%208.5-11.6%2020.2-20.2%2034-24.5l11-3.5.2-11.6c.2-12.3%205.1-23.8%2013.8-32.4%208.8-8.6%2020.3-13.4%2032.6-13.4%206.8%200%2013.3%201.4%2019.4%204.2l12.5%205.8%207.6-11.5c20.8-31.8%2057.9-50.7%2095.8-50.7%2027.8%200%2052.5%2010.3%2073.1%2028.9%2020.5%2018.5%2033.3%2043.7%2036.3%2071l1.3%2012.2%2012.1%201.9c14.7%202.3%2028.3%209.9%2038.1%2021.4%209.9%2011.6%2015.4%2025.6%2015.4%2040.8%200%2035.2-28.5%2064-63.5%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloud-done-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloud-done-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloud-done-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloud-done-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloud-done-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M413%20226.1C406.1%20161.9%20354%20112%20288%20112c-44.8%200-86.5%2022.8-109.4%2057.7-7.9-3.7-16.8-5.7-26.1-5.7-34.2%200-62%2027.5-62.5%2061.6-34.9%2011-58%2042.6-58%2078.4%200%2043.9%2035.6%2080%2079.5%2080h289c43.9%200%2079.5-36.1%2079.5-80%200-39.6-29-71.9-67-77.9zm-175.5%2083.2c-1.5%201.5-3.6%202.7-5.4%202.7s-4-1.3-5.5-2.8L192%20275l11-10.9%2029.2%2028.9%2077-76.9%2010.8%2011.1-82.5%2082.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloud-done-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloud-done-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloud-done($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloud-done-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloud-download-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M177.118%20361.93l-11.616%2011.603L256%20464l90.58-90.442-11.615-11.604-70.695%2070.634V208h-16.43v224.588z%22%2F%3E%3Cpath%20d%3D%22M413.012%20162.113C406.146%2097.895%20354.042%2048%20288%2048c-44.838%200-86.535%2022.812-109.396%2057.715A62.24%2062.24%200%200%200%20152.5%20100c-34.208%200-61.98%2027.487-62.477%2061.577C55.093%20172.613%2032%20204.157%2032%20240c0%2043.906%2035.594%2080%2079.5%2080H208v-16h-96.5C76.486%20304%2048%20275.152%2048%20240c0-14.272%204.443-27.047%2012.85-38.6%208.47-11.64%2020.226-20.154%2033.994-24.504l11.01-3.51.168-11.562c.18-12.274%205.093-23.795%2013.837-32.425%208.75-8.638%2020.343-13.397%2032.64-13.397a46.08%2046.08%200%200%201%2019.41%204.246l12.524%205.765%207.555-11.533c20.806-31.768%2057.856-50.732%2095.76-50.732%2027.814%200%2052.48%2010.265%2073.09%2028.904%2020.467%2018.51%2033.345%2043.737%2036.264%2071.035l1.303%2012.187%2012.107%201.915c14.727%202.33%2028.253%209.922%2038.087%2021.38C458.53%20210.745%20464%20224.76%20464%20240c0%2035.152-28.486%2064-63.5%2064H304v16h96.5c43.906%200%2079.5-36.094%2079.5-80%200-39.648-29.027-71.884-66.988-77.887z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloud-download-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloud-download-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloud-download-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloud-download-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloud-download-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M248%20432.588l-70.802-70.658-11.656%2011.603L256.02%20464l90.57-90.442-11.755-11.604L264%20432.588V320h-16zM413.012%20162.113C406.146%2097.895%20354.042%2048%20288%2048c-44.838%200-86.535%2022.812-109.396%2057.715A62.24%2062.24%200%200%200%20152.5%20100c-34.208%200-61.98%2027.487-62.477%2061.577C55.093%20172.613%2032%20204.157%2032%20240c0%2043.906%2035.594%2080%2079.5%2080H248V208h16v112h136.5c43.906%200%2079.5-36.094%2079.5-80%200-39.648-29.027-71.884-66.988-77.887z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloud-download-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloud-download-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloud-download($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloud-download-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloud-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M413.012%20226.113C406.146%20161.895%20354.042%20112%20288%20112c-44.838%200-86.535%2022.812-109.396%2057.715A62.24%2062.24%200%200%200%20152.5%20164c-34.208%200-61.98%2027.487-62.477%2061.577C55.093%20236.613%2032%20268.157%2032%20304c0%2043.906%2035.594%2080%2079.5%2080h289c43.906%200%2079.5-36.094%2079.5-80%200-39.648-29.027-71.884-66.988-77.887zM400.5%20368h-289C76.486%20368%2048%20339.152%2048%20304c0-14.272%204.443-27.047%2012.85-38.6%208.47-11.64%2020.226-20.154%2033.994-24.504l11.01-3.51.168-11.562c.18-12.274%205.093-23.795%2013.837-32.425%208.75-8.638%2020.343-13.397%2032.64-13.397a46.08%2046.08%200%200%201%2019.41%204.246l12.524%205.765%207.555-11.533c20.806-31.768%2057.856-50.732%2095.76-50.732%2027.814%200%2052.48%2010.265%2073.09%2028.904%2020.467%2018.51%2033.345%2043.737%2036.264%2071.035l1.303%2012.187%2012.107%201.915c14.727%202.33%2028.253%209.922%2038.087%2021.38C458.53%20274.745%20464%20288.76%20464%20304c0%2035.152-28.486%2064-63.5%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloud-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloud-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloud-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloud-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloud-upload-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M334.965%20262.07l11.616-11.603L256.083%20160l-90.58%2090.443%2011.616%2011.604%2070.694-70.635V448h16.43V191.412z%22%2F%3E%3Cpath%20d%3D%22M413.012%20178.113C406.146%20113.895%20354.042%2064%20288%2064c-44.838%200-86.535%2022.812-109.396%2057.715A62.24%2062.24%200%200%200%20152.5%20116c-34.208%200-61.98%2027.487-62.477%2061.577C55.093%20188.613%2032%20220.157%2032%20256c0%2043.906%2035.594%2080%2079.5%2080H208v-16h-96.5C76.486%20320%2048%20291.152%2048%20256c0-14.272%204.443-27.047%2012.85-38.6%208.47-11.64%2020.226-20.154%2033.994-24.504l11.01-3.51.168-11.562c.18-12.274%205.093-23.795%2013.837-32.425%208.75-8.638%2020.343-13.397%2032.64-13.397a46.08%2046.08%200%200%201%2019.41%204.246l12.524%205.765%207.555-11.533c20.806-31.768%2057.856-50.732%2095.76-50.732%2027.814%200%2052.48%2010.265%2073.09%2028.904%2020.467%2018.51%2033.345%2043.737%2036.264%2071.035l1.303%2012.187%2012.107%201.915c14.727%202.33%2028.253%209.922%2038.087%2021.38C458.53%20226.745%20464%20240.76%20464%20256c0%2035.152-28.486%2064-63.5%2064H304v16h96.5c43.906%200%2079.5-36.094%2079.5-80%200-39.648-29.027-71.884-66.988-77.887z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloud-upload-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloud-upload-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloud-upload-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloud-upload-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloud-upload-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M248%20336h16v112h-16zM413.012%20178.113C406.146%20113.895%20354.042%2064%20288%2064c-44.838%200-86.535%2022.812-109.396%2057.715A62.24%2062.24%200%200%200%20152.5%20116c-34.208%200-61.98%2027.487-62.477%2061.577C55.093%20188.613%2032%20220.157%2032%20256c0%2043.906%2035.594%2080%2079.5%2080H248V191.412l-70.788%2070.635-11.663-11.604L256.104%20160l90.487%2090.467-11.742%2011.603L264%20191.412V336h136.5c43.906%200%2079.5-36.094%2079.5-80%200-39.648-29.027-71.884-66.988-77.887z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloud-upload-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloud-upload-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloud-upload($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloud-upload-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloud-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M413.012%20226.113C406.146%20161.895%20354.042%20112%20288%20112c-44.838%200-86.535%2022.812-109.396%2057.715A62.24%2062.24%200%200%200%20152.5%20164c-34.208%200-61.98%2027.487-62.477%2061.577C55.093%20236.613%2032%20268.157%2032%20304c0%2043.906%2035.594%2080%2079.5%2080h289c43.906%200%2079.5-36.094%2079.5-80%200-39.648-29.027-71.884-66.988-77.887z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloud-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloud-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloud($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloud-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloudy-night-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M276.6%20295.4c-.5%200-1.1-.1-1.6-.1-2.6%200-5.2%200-7.8.3C258%20254.8%20221.6%20224%20178%20224c-50.5%200-91.5%2041-91.5%2091.6%200%203.1.2%206.1.5%209.1-30.8%202.7-55%2030.2-55%2061.8%200%2033.4%2026.6%2062.5%2060%2062.5h184.6c41.7%200%2075.4-34.8%2075.4-76.5s-33.8-77.1-75.4-77.1zM318.5%20415c-11.3%2011.4-26.2%2018-41.9%2018H92c-11.6%200-22.6-5.1-30.9-13.9-8.3-8.7-13.1-20.8-13.1-32.8%200-11.4%204.2-22.4%2011.9-31%207.6-8.5%2017.7-13.7%2028.5-14.7l16.1-1.4-1.6-16.1c-.2-2.5-.4-5.1-.4-7.6%200-41.7%2033.9-75.6%2075.5-75.6%2017.4%200%2033.8%205.8%2047.4%2016.9%2013.2%2010.8%2022.5%2025.8%2026.2%2042.3l3.2%2014.2%2014.4-1.9c1.6-.2%203.7-.4%205.8-.4h1.6c15.7%200%2030.6%206.5%2041.9%2018.1%2011.3%2011.6%2017.6%2027%2017.6%2043-.1%2016.1-6.3%2031.5-17.6%2042.9z%22%2F%3E%3Cpath%20d%3D%22M450%20306c-2.5.1-5%20.2-7.5.2-41.4%200-80.4-15.8-109.7-44.4-29.3-28.6-45.4-66.6-45.4-107.1%200-23%205.2-45.3%2015.2-65.5%204.4-8.9%208.9-17.3%2015-25.3h-.3c-10.8%201.2-20.2%203.3-30.3%206.4-61.8%2019-107.8%2072.7-114.1%20137.7%201.8-.1%203.5-.1%205.3-.1%203.6%200%207.2.2%2010.8.6%202.7-25.8%2012.4-50.1%2028.4-71.1%2017.2-22.6%2041.3-40.1%2068.3-49.7-9.4%2021.1-14.2%2043.6-14.2%2067%200%2044.8%2017.9%2086.9%2050.3%20118.5%2032.3%2031.5%2075.2%2048.9%20120.9%2048.9h2.4c-20.8%2021.7-47.8%2036.4-77.1%2042.6.2%202.4.3%204.8.3%207.2%200%203.1-.2%206.1-.4%209.1%2037.5-7%2070.4-26.4%2094.2-53.7%206.9-7.9%2013-15.3%2018.3-24.5-10.1%202.5-20.2%202.7-30.4%203.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloudy-night-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloudy-night-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloudy-night-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloudy-night-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloudy-night-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M276.6%20295.2c-2.5%200-4.9%200-7.3.2-.7.1-1.4.1-2.1.2-4.3-19.1-14.5-35.9-28.6-48.5-1-.9-2.1-1.8-3.1-2.7-1-.8-2-1.6-3-2.3-1.4-1.1-2.9-2.1-4.4-3-2.8-1.8-5.6-3.5-8.6-5-1.1-.6-2.3-1.1-3.4-1.7-11.6-5.4-24.5-8.4-38.1-8.4h-2.9c-.1%200-.2-.1-.3-.1H172v.1c-48%203.1-85.5%2042.9-85.5%2091.5%200%203.1.2%206.1.5%209.1-30.8%202.7-55%2029.7-55%2061.3%200%202.1.1%204.2.3%206.2%203%2030.7%2028.4%2055.8%2059.7%2055.8h184.6c37.8%200%2069.1-28.2%2074.6-64.6.2-1.1.3-2.1.4-3.2%200-.4.1-.8.1-1.2.1-.8.1-1.6.2-2.4%200-.4%200-.7.1-1.1.1-1.1.1-2.3.1-3.5%200-5.2-.5-10.3-1.5-15.3-7.2-34.6-37.6-61.4-74-61.4z%22%2F%3E%3Cpath%20d%3D%22M450%20306c-2.5.1-5%20.2-7.5.2-41.4%200-80.4-15.8-109.7-44.4-29.3-28.6-45.4-66.6-45.4-107.1%200-23%205.2-45.3%2015.2-65.5%204.4-8.9%208.9-17.3%2015-25.3h-.3c-10.8%201.2-20.2%203.3-30.3%206.4-61.8%2019-107.8%2072.7-114.1%20137.7%201.8-.1%203.5-.1%205.3-.1%2024.5%200%2048.5%208.5%2067.6%2024.1%2015.2%2012.4%2026.8%2028.8%2033.5%2047.1%2023.5.6%2045.5%2010.4%2062.3%2027.6%2017.2%2017.6%2026.6%2040.8%2026.6%2065.2%200%203.1-.2%206.1-.4%209.1%2037.5-7%2070.4-26.4%2094.2-53.7%206.9-7.9%2013-15.3%2018.3-24.5-10%202.5-20.1%202.7-30.3%203.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloudy-night-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloudy-night-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloudy-night($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloudy-night-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloudy-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M236%20112c28.5%200%2054%209.4%2073.6%2027.1%2017.7%2015.9%2030.4%2038.3%2035.8%2063l2.9%2013.3%2013.7-.9c1.6-.1%203.7-.1%205.1-.1h7.2c23.6%200%2046%209.8%2063.1%2027.5%2017.1%2017.8%2026.5%2041%2026.5%2065.4%200%2024.3-9.4%2047.7-26.4%2065.1-17%2017.3-39.8%2027.4-63.6%2027.4H116c-18.1%200-34.6-7.9-47.7-21.4-13.1-13.3-20.3-31.3-20.3-50%200-17.9%206.6-35.5%2018.5-49.4%2011.8-13.8%2027.4-22.3%2043.9-23.7l16.1-1.5-1.6-16c-.3-3.4-.7-7.3-.7-11.3%200-30.3%2011.8-59%2033.1-80.8C178.6%20124%20206.6%20112%20236%20112m0-16c-70%200-127.8%2059.7-127.8%20130.8%200%204.3.3%208.6.8%2012.8-43.2%203.9-77%2044-77%2088.4%200%2047%2037.9%2088%2084.6%2088h257.8c58.3%200%20105.6-49.4%20105.6-108s-47.3-108.8-105.6-108.8c-2.3%200-4.8-.2-7.2-.2-2.1%200-4.2%200-6.1.1C349.3%20145.6%20306%2096%20236%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloudy-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloudy-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloudy-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloudy-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cloudy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M236%2096c-70%200-127.8%2059.7-127.8%20130.8%200%204.3.3%208.6.8%2012.8-43.2%203.9-77%2044-77%2088.4%200%2047%2037.9%2088%2084.6%2088h257.8c58.3%200%20105.6-49.4%20105.6-108s-47.3-108.8-105.6-108.8c-2.3%200-4.8-.2-7.2-.2-2.1%200-4.2%200-6.1.1C349.3%20145.6%20306%2096%20236%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cloudy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cloudy-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cloudy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cloudy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-code-download-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M320%20160.2l13.8-13.2L448%20256%20333.8%20365%20320%20351.8%20420.4%20256zM192%20160.2L178.2%20147%2064%20256l114.2%20109%2013.8-13.2L91.6%20256z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M318.9%20255.5l11.6%2011.6-74.5%2068.5-74.5-68.5%2011.6-11.6%2054.7%2048.7V176.4h16.4v127.8z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-code-download-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-code-download-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-code-download($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-code-download-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-code-working-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M320%20160.2l13.8-13.2L448%20256%20333.8%20365%20320%20351.8%20420.4%20256zM192%20160.2L178.2%20147%2064%20256l114.2%20109%2013.8-13.2L91.6%20256z%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22192%22%20cy%3D%22256%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22256%22%20r%3D%2216%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-code-working-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-code-working-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-code-working($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-code-working-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-code-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M320%20160.2l13.8-13.2L448%20256%20333.8%20365%20320%20351.8%20420.4%20256zM192%20160.2L178.2%20147%2064%20256l114.2%20109%2013.8-13.2L91.6%20256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-code-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-code-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-code($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-code-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cog-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M261.1%2080l5.6%2022.4%202.5%209.9%2010%201.9%2012.3%202.4%209.7%201.9%206-7.9L321.4%2092l6.6%202.7-3.4%2022.7-1.5%209.9%208.3%205.7%2010.7%207.3%208.3%205.7%208.7-5%2019.6-11.3%205.1%205.1-11.3%2019-5.3%208.9%206%208.5%207.5%2010.6%205.6%208%209.7-1.3%2022.1-3.1%202.8%206.7-17.8%2013.5-7.9%206%201.8%209.7%202.5%2013.2%201.9%209.9%209.8%202.6%2021.1%205.6v7.3l-21.1%205.5-9.9%202.6-1.8%2010.1-2.5%2013.5-1.8%209.7%207.9%205.9%2017.3%2013-2.8%206.6-21.5-3.1-9.8-1.4-5.6%208.1-7.9%2011.4-5.8%208.4%205.1%208.8%2010.6%2018.3-5.2%205.2-18.5-10.7-9-5.3-8.4%206.1-10.2%207.4-7.8%205.7%201.4%209.6%203.2%2021.4-6.7%202.8-13.2-17.3-6.1-7.9-9.8%202-13.6%202.7-9.9%202-2.4%209.8L261%20432h-7.2l-5.7-21.4-2.5-9.6-9.7-2-13.4-2.8-10-2.1-6.1%208.2-13.2%2017.8-6.7-2.8%202.9-22.1%201.3-10-8.4-5.5-11.2-7.3-8.4-5.5-8.6%205.2-19.5%2011.7-5-5%2011.7-20%204.9-8.4-5.2-8.2-7.1-11.3-5.5-8.8-10.3%201.5-22.6%203.4-2.8-6.6%2018.4-13.8%208.1-6.1-2-9.9-2.5-12.5-2-9.9-9.7-2.5-23-5.8v-7.1l23-5.8%209.6-2.4%202.1-9.7%202.6-12.2%202.2-10-8.2-6.2-19-14.3%202.8-6.7%2023.2%203.3%2010.2%201.4%205.5-8.7%206.7-10.5%205.3-8.3-5.1-8.5-12.4-20.8%205-5%2020.6%2012.3%208.3%205%208.3-5.1%2011.7-7.2%208.9-5.5-1.4-10.3-3.2-23.5%206.7-2.8%2014.1%2019%206%208.1%209.9-1.9%2012.1-2.3%209.9-1.9%202.6-9.8%206-22.8h7.1M273.5%2064h-32l-9.2%2034.7-12.1%202.3-21.5-29.1-29.6%2012.3%204.8%2035.7-11.7%207.2-31.2-18.8-22.6%2022.6%2018.8%2031.5-6.7%2010.5-35.5-5-12.2%2029.6%2028.9%2021.7-2.7%2012.2-35%208.9v32l34.9%208.9%202.5%2012.5L73.1%20315l12.3%2029.5%2035-5%207.1%2011.3-17.9%2030.6%2022.6%2022.6%2030.2-18.2%2011.2%207.3-4.5%2034.3%2029.6%2012.2%2020.6-27.8%2013.4%202.8%208.8%2033.4h32l8.3-33.4%2013.6-2.7%2020.7%2027%2029.6-12.2-5-33.7%2010.2-7.4%2029%2016.9%2022.6-22.6-16.8-28.9%207.9-11.4%2033.8%204.8%2012.3-29.5-27.2-20.5%202.5-13.5%2033-8.6v-32l-33-8.7-2.5-13.2%2027.7-20.9-12.2-29.7-34.4%204.8-7.5-10.6%2017.7-29.7-22.6-22.6-30.2%2017.4-10.7-7.3%205.3-35-29.5-12.3-21.6%2028.3-12.3-2.4-8.7-34.4z%22%2F%3E%3Cpath%20d%3D%22M256%20128c-70.7%200-128%2057.3-128%20128s57.3%20128%20128%20128%20128-57.3%20128-128-57.3-128-128-128zM145.4%20273.5c-.9-5.8-1.4-11.6-1.4-17.5%200-29.9%2011.7-58%2032.8-79.2C198%20155.7%20226.1%20144%20256%20144c6%200%2011.9.5%2017.8%201.4%201.4.2%202.9.5%204.3.8l-27.8%20103.9L146.1%20278c-.2-1.5-.5-3-.7-4.5zm180.3%2070.2C306%20359.4%20281.6%20368%20256%20368c-29.9%200-58-11.7-79.2-32.8-11.1-11.1-19.5-24-25.1-38.2-.4-1.1-.9-2.2-1.2-3.3l103.4-27.5%2074.9%2074.9c-1%20.9-2%201.7-3.1%202.6zm17.2-17.1c-.9%201.1-1.8%202.2-2.8%203.3l-75-75%2028-104.6%203.3%201.2c14.3%205.6%2027.4%2014.1%2038.6%2025.2%2021.3%2021.3%2033%2049.4%2033%2079.3%200%2026-8.8%2050.7-25.1%2070.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cog-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cog-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cog-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cog-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cog-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M296.6%20151.6l-3.3-1.2-28%20104.6%2075%2075c1-1.1%201.9-2.2%202.8-3.3%2016.1-20%2024.9-44.7%2024.9-70.7%200-29.9-11.7-58-32.8-79.2-11.2-11.2-24.3-19.7-38.6-25.2zM278.1%20146.2c-1.4-.3-2.9-.5-4.3-.8-5.8-.9-11.8-1.4-17.8-1.4-29.9%200-58%2011.7-79.2%2032.8C155.7%20198%20144%20226.1%20144%20256c0%205.9.5%2011.8%201.4%2017.5.2%201.5.5%203%20.8%204.4L250.4%20250l27.7-103.8zM150.5%20293.7l1.2%203.3c5.6%2014.1%2014%2027.1%2025.1%2038.2C198%20356.3%20226.1%20368%20256%20368c25.6%200%2050-8.6%2069.7-24.3%201.1-.8%202.1-1.7%203.1-2.6l-74.9-74.9-103.4%2027.5z%22%2F%3E%3Cpath%20d%3D%22M448%20272.8v-32l-33.3-8.7-2.6-13.2%2027.6-20.9-12.2-29.6-34.4%204.8-7.5-10.6%2017.7-29.7-22.6-22.6-30.2%2017.4-10.7-7.3%205.3-35L315.6%2073%20294%20101.3l-12.3-2.6L273%2064h-32l-9.2%2034.9-12.1%202.4-21.5-29-29.6%2012.3%204.8%2035.7-11.7%207.2-31.3-18.7-22.6%2022.6%2018.8%2031.5-6.7%2010.5-35.5-5L72.3%20198l28.9%2021.7-2.4%2012.2-34.8%208.9v32l34.7%208.9%202.4%2012.5-28.4%2021.3L85%20345.1l35-5%207.1%2011.3-17.9%2030.6%2022.6%2022.6%2030.2-18.2%2011.2%207.3-4.5%2034.3%2029.6%2012.2%2020.6-27.8%2013.4%202.5%208.8%2033.1h32l8.3-33.1%2013.6-2.6%2020.7%2027.1%2029.6-12.2-5-33.7%2010.2-7.4%2029%2016.9%2022.6-22.6-16.8-28.9%207.9-11.4%2033.8%204.8%2012.3-29.5-27.3-20.5%202.7-13.5%2033.3-8.6zM256%20384c-70.7%200-128-57.3-128-128s57.3-128%20128-128%20128%2057.3%20128%20128-57.3%20128-128%20128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cog-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cog-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cog($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cog-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-color-fill-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M411.4%20300.3l-183.8-182L171.4%2062c-9.3-9.3-21.6-14-33.9-14-12.3%200-24.6%204.7-33.9%2014-18.7%2018.7-18.7%2049.2%200%2067.9l49.3%2049.3L48%20283.4%20219.3%20448s135.1-130.7%20146.1-141.7c5.8-5.8%2018.2-7.1%2028.6-7.1%209.5%200%2017.4%201.1%2017.4%201.1zM114.8%20118.6c-6-6-9.3-14-9.3-22.6%200-8.6%203.3-16.6%209.3-22.6%206-6%2014-9.3%2022.6-9.3%208.6%200%2016.6%203.3%2022.6%209.3l49.5%2049.5-45.4%2045.1-49.3-49.4zM354%20295c-8.9%208.9-102.3%2099.3-134.8%20130.8L70.9%20283.2l149.9-149.1%20152.6%20151.1c-8.3%201.9-14.7%205.2-19.4%209.8zM416%20336s-48%2053.3-48%2079.9c0%2026.6%2021.5%2048.1%2048%2048.1s48-21.6%2048-48.1c0-26.6-48-79.9-48-79.9zm22.6%20102.6c-6%206.1-14.1%209.4-22.6%209.4-17.6%200-32-14.4-32-32.1%200-1.9%201-12.8%2020.8-40.3%203.9-5.4%207.7-10.4%2011.2-14.7%203.4%204.2%207.2%209.2%2011%2014.5%2020%2027.7%2021%2038.6%2021%2040.5%200%208.6-3.3%2016.6-9.4%2022.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-color-fill-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-color-fill-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-color-fill-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-color-fill-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-color-fill-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M411.4%20300.3l-183.8-182L171.4%2062c-9.3-9.3-21.6-14-33.9-14-12.3%200-24.6%204.7-33.9%2014-18.7%2018.7-18.7%2049.2%200%2067.9l49.3%2049.3L48%20283.4%20219.3%20448s135.1-130.7%20146.1-141.7c5.8-5.8%2018.2-7.1%2028.6-7.1%209.5%200%2017.4%201.1%2017.4%201.1zM114.8%20118.6c-6-6-9.3-14-9.3-22.6%200-8.6%203.3-16.6%209.3-22.6%206-6%2014-9.3%2022.6-9.3%208.6%200%2016.6%203.3%2022.6%209.3l49.5%2049.5-45.4%2045.1-49.3-49.4zM416%20336s-48%2053.3-48%2079.9c0%2026.6%2021.5%2048.1%2048%2048.1s48-21.6%2048-48.1c0-26.6-48-79.9-48-79.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-color-fill-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-color-fill-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-color-fill($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-color-fill-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-color-filter-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M366.195%20212.122A112.58%20112.58%200%200%200%20368%20192c0-61.856-50.144-112-112-112s-112%2050.144-112%20112c0%206.87.62%2013.594%201.805%2020.122C98.615%20225.302%2064%20268.606%2064%20320c0%2061.856%2050.144%20112%20112%20112%2031.342%200%2059.67-12.878%2080-33.626C276.33%20419.122%20304.658%20432%20336%20432c61.856%200%20112-50.144%20112-112%200-51.394-34.616-94.697-81.805-107.878zM160%20192c0-52.935%2043.064-96%2096-96s96%2043.065%2096%2096c0%205.776-.512%2011.435-1.494%2016.933-4.75-.614-9.59-.934-14.506-.934-31.342%200-59.67%2012.878-80%2033.626C235.67%20220.878%20207.342%20208%20176%20208c-4.916%200-9.757.318-14.506.933A96.248%2096.248%200%200%201%20160%20192zm112%20128c0%2019.58-5.895%2037.806-16%2053.006-10.104-15.2-16-33.426-16-53.006%200-5.776.512-11.435%201.494-16.933a113.082%20113.082%200%200%200%2029.012%200A96.248%2096.248%200%200%201%20272%20320zm-16-32a96.29%2096.29%200%200%201-10.314-.555A95.787%2095.787%200%200%201%20256%20266.995a95.74%2095.74%200%200%201%2010.314%2020.45A96.29%2096.29%200%200%201%20256%20288zm-26.21-3.636c-29.755-8.455-53.665-30.937-64.104-59.81%203.39-.364%206.83-.556%2010.314-.556%2027.353%200%2052.07%2011.5%2069.572%2029.917a111.686%20111.686%200%200%200-15.78%2030.45zm36.638-30.447C283.93%20235.5%20308.648%20224%20336%20224c3.484%200%206.925.19%2010.314.555-10.44%2028.873-34.35%2051.354-64.105%2059.81a111.637%20111.637%200%200%200-15.782-30.448zM176%20416c-52.936%200-96-43.064-96-96%200-43.852%2029.554-80.93%2069.79-92.364%2011.733%2034.983%2040.266%2062.257%2076.015%2072.243A112.57%20112.57%200%200%200%20224%20320c0%2024.717%208.012%2047.56%2021.572%2066.084C228.07%20404.5%20203.352%20416%20176%20416zm160%200c-27.354%200-52.07-11.5-69.572-29.917C279.988%20367.56%20288%20344.717%20288%20320c0-6.87-.62-13.594-1.805-20.12%2035.75-9.987%2064.28-37.26%2076.014-72.244C402.445%20239.07%20432%20276.15%20432%20320c0%2052.936-43.064%2096-96%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-color-filter-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-color-filter-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-color-filter-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-color-filter-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-color-filter-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M366.194%20212.122A112.58%20112.58%200%200%200%20368%20192c0-61.856-50.145-112-112-112-61.857%200-112%2050.144-112%20112%200%206.87.62%2013.594%201.805%2020.122C98.618%20225.302%2064%20268.606%2064%20320c0%2061.855%2050.144%20112%20112%20112%2031.34%200%2059.67-12.88%2080-33.627C276.328%20419.12%20304.658%20432%20336%20432c61.854%200%20112-50.145%20112-112%200-51.394-34.62-94.697-81.806-107.878zm-110.196%20183.25c-.484.496-.98.983-1.475%201.47a112.83%20112.83%200%200%201-8.95-10.76C232.01%20367.56%20223.997%20344.718%20223.997%20320c0-6.87.622-13.594%201.807-20.12-35.75-9.987-64.28-37.26-76.014-72.244a111.193%20111.193%200%200%201-3.82-14.66c.94-.29%201.88-.588%202.834-.853-.046-.252-.085-.507-.13-.76a111.516%20111.516%200%200%201%2012.82-2.43c4.75-.614%209.59-.933%2014.506-.933%2031.34%200%2059.67%2012.878%2080%2033.626C276.328%20220.878%20304.658%20208%20336%20208c4.915%200%209.756.32%2014.505.934%204.355.563%208.633%201.38%2012.816%202.43-.042.252-.08.506-.128.76.955.266%201.895.563%202.838.854-.95%205.012-2.23%209.907-3.822%2014.658-11.732%2034.983-40.266%2062.257-76.013%2072.242A112.59%20112.59%200%200%201%20288.002%20320c0%2024.717-8.014%2047.558-21.574%2066.083a112.74%20112.74%200%200%201-8.953%2010.76c-.496-.487-.99-.974-1.477-1.47z%22%2F%3E%3Cpath%20d%3D%22M270.506%20303.067a113.082%20113.082%200%200%201-29.012%200A96.24%2096.24%200%200%200%20239.998%20320c0%2019.58%205.898%2037.806%2016.002%2053.005%2010.104-15.2%2016.002-33.425%2016.002-53.005%200-5.776-.514-11.435-1.496-16.933zM346.313%20224.555A96.564%2096.564%200%200%200%20336%20224c-27.355%200-52.07%2011.5-69.572%2029.916a111.65%20111.65%200%200%201%2015.78%2030.448c29.756-8.455%2053.666-30.936%2064.105-59.81zM266.314%20287.445A95.74%2095.74%200%200%200%20256%20266.995a95.74%2095.74%200%200%200-10.314%2020.45c3.39.364%206.83.556%2010.314.556s6.925-.19%2010.314-.555zM176%20224c-3.484%200-6.925.19-10.314.555%2010.44%2028.873%2034.35%2051.354%2064.106%2059.81a111.594%20111.594%200%200%201%2015.78-30.448C228.07%20235.5%20203.353%20224%20176%20224z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-color-filter-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-color-filter-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-color-filter($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-color-filter-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-color-palette-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M285.4%2080c45.6%200%2087.2%2014.6%20117.2%2041.1%2018.9%2016.8%2029.4%2039%2029.4%2062.6s-10.4%2045.8-29.4%2062.6l-30.3%2026.9c-10.4%209.2-16.1%2021.2-16.1%2033.9%200%2012.6%205.7%2024.6%2016.1%2033.9%209.3%208.2%2016.4%2011.4%2030.6%2013.8l.8.1c5.9%201%2012.6%202.1%2015.5%204.7%202.9%202.7%204.8%208%204.8%2013.1%200%202.7-.7%207.6-4.5%2011-34.6%2030.7-85%2048.4-138.2%2048.4h-1.6c-26.5-.2-52.2-4.6-76.4-13.1-25.1-8.9-47.3-21.7-66-38.2-18.7-16.6-33.2-35.9-43-57.4-9.5-20.8-14.3-42.7-14.3-65.1%200-22.4%204.8-44.2%2014.2-64.9%209.8-21.5%2024.3-40.8%2043-57.4%2040.3-35.6%2094.3-56%20148.2-56m0-16c-55.7%200-113.9%2020.3-158.8%2060.1-83.5%2073.8-83.5%20194.7%200%20268.5%2041.5%2036.7%2097.5%2055%20152.9%2055.4h1.7c55.4%200%20110-17.9%20148.8-52.4%2014.3-12.7%2011.9-36.6%200-47.8-6.6-6.1-16.3-7.6-24.6-9-11.5-1.9-15.9-4-22.6-10-14.3-12.7-14.3-31.1%200-43.8l30.3-26.9c46.4-41%2046.4-108.2%200-149.2-34.1-30-80-44.9-127.7-44.9z%22%2F%3E%3Cpath%20d%3D%22M320%20144c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016-16-7.2-16-16%207.2-16%2016-16m0-16c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32zM224%20133c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016-16-7.2-16-16%207.2-16%2016-16m0-16c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32zM152%20200c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016-16-7.2-16-16%207.2-16%2016-16m0-16c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32zM160%20294c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016-16-7.2-16-16%207.2-16%2016-16m0-16c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32zM296%20400c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048zm0-80c-17.6%200-32%2014.4-32%2032s14.4%2032%2032%2032%2032-14.4%2032-32-14.4-32-32-32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-color-palette-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-color-palette-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-color-palette-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-color-palette-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-color-palette-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M430.1%20347.9c-6.6-6.1-16.3-7.6-24.6-9-11.5-1.9-15.9-4-22.6-10-14.3-12.7-14.3-31.1%200-43.8l30.3-26.9c46.4-41%2046.4-108.2%200-149.2-34.2-30.1-80.1-45-127.8-45-55.7%200-113.9%2020.3-158.8%2060.1-83.5%2073.8-83.5%20194.7%200%20268.5%2041.5%2036.7%2097.5%2055%20152.9%2055.4h1.7c55.4%200%20110-17.9%20148.8-52.4%2014.4-12.7%2012-36.6.1-47.7zM120%20216c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032-14.3%2032-32%2032-32-14.3-32-32zm40%20126c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032-14.3%2032-32%2032zm64-161c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032-14.3%2032-32%2032zm72%20219c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048zm24-208c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032-14.3%2032-32%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-color-palette-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-color-palette-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-color-palette($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-color-palette-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-color-wand-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M192%20149.7l-34%2034%20256.1%20256.1%2033.9-34-256-256.1zm20.6%2066l11.4-11.4%20201.5%20201.5-11.4%2011.4-201.5-201.5zM184%2064h16v40h-16zM184%20268h16v40h-16zM280%20176h40v16h-40zM64%20176h40v16H64zM100.112%20105.59l11.313-11.313%2028.284%2028.284-11.314%2011.314zM128.4%20238.525l11.313%2011.314-28.284%2028.283-11.314-11.314zM272.577%2094.274l11.314%2011.314-28.283%2028.284-11.314-11.314z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-color-wand-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-color-wand-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-color-wand-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-color-wand-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-color-wand-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M183%2062h24v64h-24zM183%20266h24v64h-24zM274%20179h64v24h-64zM297.9%20106.1l-16.6-16.6-45.2%2045.3%2016.6%2016.7zM95.1%20109.1l45.2%2045.4%2016.6-16.7-45.2-45.3zM92.1%20279.1l16.6%2016.7%2045.2-45.3-16.6-16.7zM58%20179h64v24H58z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M192.2%20153.4l-34%2034.2%2043.4%2043.5%2034.1-34.1zM447%20408.8L251.7%20213l-34.1%2034.1L413%20443z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-color-wand-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-color-wand-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-color-wand($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-color-wand-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-compass-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7S446.7%20150.9%20446.7%20256%20361.1%20446.7%20256%20446.7z%22%2F%3E%3Cpath%20d%3D%22M224%20224l-96%20160%20160-96%2096-160-160%2096zm-49.4%20113.4l61-101.7%2040.7%2040.7-101.7%2061z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-compass-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-compass-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-compass-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-compass-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-compass-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M276.3%20276.3l-40.6-40.6-61.1%20101.7z%22%2F%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm32%20240l-160%2096%2096-160%20160-96-96%20160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-compass-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-compass-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-compass($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-compass-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-construct-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M137.3%20426.4c-5.5%205.4-14.4%205.4-19.9%200-5.4-5.5-5.4-14.4%200-19.9%205.5-5.4%2014.4-5.4%2019.9%200%205.4%205.5%205.4%2014.5%200%2019.9zM380.1%2064.1zM213.1%20240.7l25.9-25.9c3.1%203-1-1.1%208.6%208.3%204.2-3.9%208.1-7.6%2011.6-11-19.2-18.9-14.5-14.2-14.5-14.2-1.4-1.4-3.8-2.3-6.3-2.3-1.4%200-2.9.3-4.2%201l-5.7%203c-28.1-27.8-35.4-40.3-34.3-61.8%201.1-22.4%2012.3-37.2%2030.6-52.7%2024.8-21.1%2060.7-15.3%2060.7-15.3%208%200-4.1-8.5-10.4-12.5-9.4-6-23.3-9.6-37.9-9.6-14.3%200-30.4%202.5-46.8%209.3-46.5%2019-74.1%2045.5-81.2%2052.5-7%207-16.8%2018-22.9%2026.7-6.1%208.7%201.9%2021-6.1%2029s-24.8%200-24.8%200c-1.4%200-2.9.5-3.9%201.6l-34.2%2033.9c-2.2%202.2-2.2%205.7%200%207.8l63.6%2063.2c1.1%201.1%202.5%201.6%203.9%201.6s2.9-.5%203.9-1.6l33.2-34.8c2.2-2.2%202.2-5.7%200-7.8%200%200-5.3-5.2-12.1-12s.8-19.4%205.3-23.4c4.5-4.1%2011.6-6.8%2021.2-6.8%204.3%200%207.4.7%2011.4%201.8%2012.2%203.4%2025.8%2015.9%2050.9%2040.8l-3.9%206.5c-2.3%203.8-.9%208.3%201.3%2010.4%200%200-5-4.9%2013.1%2013.2%204-3.7%207.8-7.4%2011.6-11-9-9.3-4.6-4.9-7.6-7.9zm-3.1-22.8l-4-4c-23.9-23.8-38.3-36.6-53.9-40.9-5.1-1.4-9.5-2.4-15.7-2.4-11.5%200-19.7%202.7-28.7%208.7-10.5%207-18.6%2022.1-18.6%2031.5%200%209.5%206.7%2014.5%2012.3%2020.2L82%20250.2l-46-45.6%2019.3-19.1%207.6%201.2c12.9%200%2022.8-3.5%2029.4-10%208.7-8.7%208-20.1%207.5-26.8-.1-1.6-.3-4-.2-5.2%205.5-7.7%2014.5-17.8%2020.7-23.9%2011.5-11.4%2036.7-33%2076-49%2011.5-4.7%2023.5-7.4%2035.7-7.9-6.9%202.2-12.7%205.1-17.3%208.8-23.1%2018.6-35.4%2040.3-36.5%2064.5-1.4%2028.9%2010.3%2045.5%2039%2073.9l1.4%201.4-7.1%207.1-1.5-1.7zM443.2%20404.8l-38.9%2038.6c-16-19.1-61.8-71.5-108.7-120.1-3.6%203.8-7.3%207.7-11%2011.7%2058.6%2060.7%20115.1%20127.8%20115.1%20127.8%201.1%201.1%202.5%201.6%203.9%201.6s2.9-.5%203.9-1.6l55.2-54.8c2.2-2.2%202.2-5.7%200-7.8%200%200-69-57.3-130.4-115.8-3.4%203.6-7.1%207.5-11%2011.6%2049%2046.6%20102.4%2092.7%20121.9%20108.8z%22%2F%3E%3Cpath%20d%3D%22M479.5%20125.1L427%20177.8l-51.2-9.3-9.2-51.2%2052.5-52.7c-11.2-11.2-26.8-16.6-39-16.6-.7%200-1.4%200-2%20.1-12.5.7-39.3%207.7-60%2029.7-20%2021.2-41.1%2060.7-22.5%20104.5%202.2%205.3%204.7%2012.3-2.7%2019.7-1.5%201.4-9.9%209.4-22.5%2021.3-3.6%203.4-7.5%207-11.6%2011-8.1%207.6-17.1%2016.2-26.8%2025.3-3.8%203.6-7.7%207.3-11.6%2011-57.1%2053.9-127.1%20119.7-127.1%20119.7-18%2015.5-16.7%2044.2-.1%2060.9%208.5%208.4%2020%2012.8%2031.3%2012.8%2011.1%200%2021.9-4.2%2029.6-13.1%200%200%2065.6-69.9%20119.4-127.1%203.7-4%207.4-7.9%2011-11.7%209.3-9.9%2018-19.1%2025.8-27.3%203.9-4.2%207.6-8.1%2011-11.6%2011.5-12.2%2019.4-20.4%2021-22%204-3.9%207.7-5.1%2011.1-5.1%203.3%200%206.3%201.2%208.6%202.4%209.9%205.1%2021%207.4%2032.4%207.4%2026.8%200%2055-12.4%2072.2-29.6%2024.4-24.4%2028.9-48%2029.6-60.1.7-11.9-3.4-27.8-16.7-41.1zm.7%2040.2c-.7%2012-5.7%2030.5-25%2049.8-14.9%2014.9-39.3%2024.9-60.8%2024.9-9.5%200-17.9-1.9-25-5.6-3.5-1.8-9-4.2-15.9-4.2-5.6%200-14%201.7-22.3%209.7-9%208.8-181.3%20192.4-188.7%20200.2l-.2.2-.2.2c-5.7%206.6-13.4%207.6-17.5%207.6-7.4%200-14.7-3-20.1-8.2-5.4-5.5-8.5-13.4-8.2-21.2.2-4.6%201.6-11.2%207.5-16.2l.3-.2.3-.2c7.8-7.4%20192.3-181.1%20199.9-188.6%207.9-7.9%209.6-16.2%209.7-21.8%200-6.9-2.4-12.6-3.5-15.4-18.2-42.7%2010.2-77.6%2019.4-87.2%2017.3-18.4%2039.7-24.2%2049.2-24.7h1.2c4%200%209%201%2014%203l-38.8%2039-5.9%205.9%201.5%208.2%209.2%2051.2%202%2010.9%2010.9%202%2051.2%209.3%208.3%201.5%205.9-5.9%2039-39.2c2.8%206.7%202.8%2012.7%202.6%2015z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-construct-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-construct-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-construct-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-construct-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-construct-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M380.1%2064.1zM275.1%2057.3c-9.4-6-23.3-9.6-37.9-9.6-14.3%200-30.4%202.5-46.8%209.3-46.5%2019-74.1%2045.5-81.2%2052.5-7%207-16.8%2018-22.9%2026.7-6.1%208.7%201.9%2021-6.1%2029s-24.8%200-24.8%200c-1.4%200-2.9.5-3.9%201.6l-34.2%2033.9c-2.2%202.2-2.2%205.7%200%207.8l63.6%2063.2c1.1%201.1%202.5%201.6%203.9%201.6s2.9-.5%203.9-1.6l33.2-34.8c2.2-2.2%202.2-5.7%200-7.8%200%200-5.3-5.2-12.1-12s.8-19.4%205.3-23.4c4.5-4.1%2011.6-6.8%2021.2-6.8%204.3%200%207.4.7%2011.4%201.8%2012.2%203.4%2025.8%2015.9%2050.9%2040.8l-3.9%206.5c-2.3%203.8-.9%208.3%201.3%2010.4%200%200-5-4.9%2013.1%2013.2l50.1-47.2c-19.2-18.9-14.5-14.2-14.5-14.2-1.4-1.4-3.8-2.3-6.3-2.3-1.4%200-2.9.3-4.2%201l-5.7%203c-28.1-27.8-35.4-40.3-34.3-61.8%201.1-22.4%2012.3-37.2%2030.6-52.7%2024.8-21.1%2060.7-15.3%2060.7-15.3%208-.3-4.1-8.8-10.4-12.8zM462.7%20400.1s-69-57.3-130.4-115.8L284.5%20335c58.6%2060.7%20115.1%20127.8%20115.1%20127.8%201.1%201.1%202.5%201.6%203.9%201.6s2.9-.5%203.9-1.6l55.2-54.8c2.3-2.2%202.3-5.7.1-7.9z%22%2F%3E%3Cpath%20d%3D%22M479.5%20125.1L427%20177.8l-51.2-9.3-9.2-51.2%2052.5-52.7c-11.2-11.2-26.8-16.6-39-16.6-.7%200-1.4%200-2%20.1-12.5.7-39.3%207.7-60%2029.7-20%2021.2-41.1%2060.7-22.5%20104.5%202.2%205.3%204.7%2012.3-2.7%2019.7-1.5%201.4-9.9%209.4-22.5%2021.3-3.6%203.4-7.5%207-11.6%2011-8.1%207.6-17.1%2016.2-26.8%2025.3-3.8%203.6-7.7%207.3-11.6%2011-57.1%2053.9-127.1%20119.7-127.1%20119.7-18%2015.5-16.7%2044.2-.1%2060.9%208.5%208.4%2020%2012.8%2031.3%2012.8%2011.1%200%2021.9-4.2%2029.6-13.1%200%200%2065.6-69.9%20119.4-127.1%203.7-4%207.4-7.9%2011-11.7%209.3-9.9%2018-19.1%2025.8-27.3%203.9-4.2%207.6-8.1%2011-11.6%2011.5-12.2%2019.4-20.4%2021-22%204-3.9%207.7-5.1%2011.1-5.1%203.3%200%206.3%201.2%208.6%202.4%209.9%205.1%2021%207.4%2032.4%207.4%2026.8%200%2055-12.4%2072.2-29.6%2024.4-24.4%2028.9-48%2029.6-60.1.7-11.9-3.4-27.8-16.7-41.1zM137.3%20426.4c-5.5%205.4-14.4%205.4-19.9%200-5.4-5.5-5.4-14.4%200-19.9%205.5-5.4%2014.4-5.4%2019.9%200%205.4%205.5%205.4%2014.5%200%2019.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-construct-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-construct-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-construct($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-construct-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-contact-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%2017.3c105.1%200%20190.7%2085.5%20190.7%20190.7%200%2046.6-16.8%2089.2-44.6%20122.4l-.1-.1c-20-8.2-65.9-24.1-92.9-32.1-2.4-.7-2.7-.9-2.7-10.7%200-8.1%203.3-16.3%206.6-23.3%203.6-7.5%207.7-20.2%209.2-31.6%204.2-4.9%2010-14.5%2013.6-32.9%203.2-16.2%201.7-22.1-.4-27.6-.2-.6-.5-1.2-.6-1.7-.8-3.8.3-23.5%203.1-38.8%201.9-10.5-.5-32.8-14.9-51.3-9.1-11.7-26.6-26-58.5-28H247c-31.4%202-48.8%2016.3-58%2028-14.5%2018.5-16.9%2040.8-15%2051.3%202.8%2015.3%203.9%2035%203.1%2038.8-.2.7-.4%201.2-.6%201.8-2.1%205.5-3.7%2011.4-.4%2027.6%203.7%2018.4%209.4%2028%2013.6%2032.9%201.5%2011.4%205.7%2024%209.2%2031.6%202.6%205.5%203.8%2013%203.8%2023.6%200%209.9-.4%2010-2.6%2010.7-28%208.3-72.2%2024.2-90.1%2031.9-27.9-33.2-44.7-75.9-44.7-122.5%200-105.1%2085.6-190.7%20190.7-190.7zM121.4%20391c19.9-8%2058.6-21.8%2083.1-29.1h.2c8.4-2.6%2011.6-8.5%2012.8-13%20.9-3.2%201-6.5%201-13%200-13.1-1.7-22.7-5.3-30.4-2.9-6.1-6.6-17.2-7.9-26.9l-.6-4.7-3.1-3.6c-1.9-2.2-6.8-9.2-10.1-25.6-2.6-13-1.4-16-.4-18.7v-.2l.1-.3c.2-.6.6-1.6%201-2.8l.1-.5.1-.5c1.7-8-.6-31.9-3-45-1.1-6.2.3-23.8%2011.8-38.6%207.1-9%2020.8-20.1%2045.9-21.8h16.5c25.6%201.7%2039.4%2012.8%2046.4%2021.9%2011.6%2014.8%2012.9%2032.4%2011.8%2038.6-2.4%2013-4.7%2037-3%2045l.1.3.1.3c.4%201.5.9%202.8%201.2%203.6%201.1%202.8%202.1%205.9-.4%2018.6-3.3%2016.4-8.1%2023.3-10%2025.6l-3.1%203.6-.6%204.8c-1.3%209.7-5%2020.7-7.8%2026.8-4%208.5-8.1%2018.8-8.1%2030.1%200%205.8.1%209.6%201.1%2013.2%201.3%204.4%204.5%2010.2%2012.9%2012.8h.2c23.7%207%2063.9%2020.8%2086%2029.4-34.5%2034.4-82.1%2055.7-134.5%2055.7-52.4.1-99.9-21.2-134.5-55.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-contact-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-contact-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-contact-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-contact-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-contact-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%2017.3c105.1%200%20190.7%2085.5%20190.7%20190.7%200%2046.5-16.7%2089.1-44.4%20122.2-20-8.2-65.9-24.1-92.9-32.1-2.4-.7-2.7-.9-2.7-10.7%200-8.1%203.3-16.3%206.6-23.3%203.6-7.5%207.7-20.2%209.2-31.6%204.2-4.9%2010-14.5%2013.6-32.9%203.2-16.2%201.7-22.1-.4-27.6-.2-.6-.5-1.2-.6-1.7-.8-3.8.3-23.5%203.1-38.8%201.9-10.5-.5-32.8-14.9-51.3-9.1-11.7-26.6-26-58.5-28h-17.5c-31.4%202-48.8%2016.3-58%2028-14.5%2018.5-16.9%2040.8-15%2051.3%202.8%2015.3%203.9%2035%203.1%2038.8-.2.7-.4%201.2-.6%201.8-2.1%205.5-3.7%2011.4-.4%2027.6%203.7%2018.4%209.4%2028%2013.6%2032.9%201.5%2011.4%205.7%2024%209.2%2031.6%202.6%205.5%203.8%2013%203.8%2023.6%200%209.9-.4%2010-2.6%2010.7-28.1%208.3-72.6%2024.3-90.4%2032-27.9-33.2-44.7-75.9-44.7-122.5%200-105.1%2085.6-190.7%20190.7-190.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-contact-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-contact-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-contact($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-contact-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-contacts-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm-.1%20398.6c-52.4.1-99.9-21.2-134.5-55.6L110%20378.5c-3.1-3.7-6-7.4-8.8-11.3%204.7-4%2010.1-7.5%2015.8-9.6%2010.5-4%2022.4-3.8%2033.3-6.6%209-2.3%2020.2-5.9%2027.2-12.4%206.4-6%207.1-15.2%207.7-23.5.5-7%20.4-13.9.4-20.9%200-4.9-5.7-7.7-8.5-11.6-4.5-6.1-4.7-15.2-5.6-22.5-.4-3.2-.5-7.3-3.2-9.5-3-2.4-5.2-3.7-6.7-7.5-2-5.2-2.7-10.8-4.3-16.2-1-3.5%202.5-6.8%203.9-9.7%202.6-5.3-1.9-13.5-2.8-19-2.8-16.4-2.7-34.3%209.1-47.3%2023.7-26.2%2078-17.9%2085.8%2018.9%202.4%2011.5.9%2024.9-2.3%2036.1-1.4%204.8-3%208.3-.2%2013%204.2%206.8%202.4%2011.2.4%2018.8-1.6%206.3-3.6%209.1-8.4%2013-4%203.2-3.4%2011.2-4.1%2015.8-.8%205.6-1.3%2011.5-4.7%2016.2-1.3%201.8-8.4%207.4-8.4%209.3%200%2011-.5%2022.2%201.4%2033.1%202.6%2015.5%2015.6%2019.2%2028.6%2024.5%2013.2%205.1%2028.5%203.2%2041.3%209.5%2013.2%206.5%2025.9%2018.4%2029.7%2033.1%200%200%202.2%2019.1%202.1%2040-22.4%209.2-47%2014.4-72.8%2014.4zm146.2-68.2l-.1-.1-11.6%2012.6c-13.4%2013.3-28.7%2024.7-45.6%2033.6l-.3-16.6c0-29.5-17.8-55.5-45.8-65.2-13.5-4.7-28.1-5-41.6-9.7-4.1-1.4-12.2-3.1-13.9-7.8-1.6-4.6-1.6-10-1.9-14.8-.2-3.8-.3-7.6-.3-11.4%200-2.5%206.4-7.8%207.8-10.1%205.4-9%205.9-21.1%206.9-31.3%208.7%202.4%209.8-13.7%2011.3-18.6%201.1-3.4%205-20.9-2.6-23.6%202.5-4.4%203.5-9.8%204.2-14.7%202-12.8%202.8-26.8-1.1-39.3-8.1-26-33-40.6-59.3-41.4-26.7-.9-53.5%2011.9-63.5%2037.8-4.8%2012.6-4.4%2026.3-2.8%2039.5.7%206%201.7%2012.7%204.7%2018.1-6.4%202.8-4.5%2017.7-3.4%2021.3%201.6%205.1%203%2023.4%2012.1%2020.9.8%208.1%201.7%2016.4%203.9%2024.3%201.5%205.3%204.6%209.8%208.2%2013.9%201.8%202%202.7%202.2%202.6%204.8-.1%207.8.1%2016.2-1.9%2023.8s-18.7%2010.8-25.4%2012.2c-18%203.7-34.6%205.4-49.6%2016.6-.3.2-.5.4-.7.6-17.2-28.6-27.1-62.1-27.1-97.8%200-105.1%2085.6-190.7%20190.7-190.7S446.7%20150.8%20446.7%20256c0%2029.6-6.8%2057.7-18.9%2082.7-4.4-12.8-15.2-22.4-28.5-26.8-8.1-2.6-23.7-3.4-29.5-10.4-2.9-3.5-1-16.6-1-16.6%2025.2-1.4%2031-6.1%2031-6.1%203.9-2.3%202.1-2.7.1-6.1-10.9-18.3-6-41.5-6.5-61.6-.4-16.7-4.8-35-20-44.4-7.6-4.7-19.7-6.9-31.4-6.9-9.5%200-18.7%201.4-25.3%204.1-42.4%2017-17.4%2073.2-31.9%20105.4-2.5%205.4-6.1%207.3.2%2010.5%200%200%207.5%204.4%2028.9%206.3%200%200%20.3%2012.6%200%2013.9-1.1%204.9-11.8%208.3-15.8%209.4-4.1%201.1-15.4%204.6-29.1%2011.3%200%200%2015.2%201.5%2025%204.9%206.8-4.6%2016.9-5.7%2024-8.8%207.1-3.1%2010.3-5.8%2011.6-13.3s-.5-33.2-.5-33.2c-12.2.9-26.9-1.7-26.9-1.7%204.1-13.2%204-27.7%204-41.7%200-12.2-.1-23.8%202.6-32.7%202.4-8%206.4-12.5%2014-15.5%204.4-1.8%2011.8-2.9%2019.2-2.9%2011.6%200%2019.6%202.4%2023%204.5%209.8%206.1%2012.2%2020.3%2012.4%2031.2.1%204.5-.1%209.4-.3%2014.6-.5%2013.3-1.2%2027.9%203.3%2042h-.2s-13.3%201.8-26.3.3l-1.4%2017.3c-.7%207.1-1.9%2017.9%204.8%2026%207.7%209.3%2020.2%2011.9%2030.2%2013.9%202.6.5%205.2%201.1%206.7%201.5%207.6%202.5%2020.7%209.4%2022.4%2031.3-4.3%207-9.2%2013.7-14.5%2020z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-contacts-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-contacts-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-contacts-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-contacts-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-contacts-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm88.5%20360c0-29.5-17.8-55.5-45.8-65.2-13.5-4.7-28.1-5-41.6-9.7-4.1-1.4-12.2-3.1-13.9-7.8-1.6-4.6-1.6-10-1.9-14.8-.2-3.8-.3-7.6-.3-11.4%200-2.5%206.4-7.8%207.8-10.1%205.4-9%205.9-21.1%206.9-31.3%208.7%202.4%209.8-13.7%2011.3-18.6%201.1-3.4%205-20.9-2.6-23.6%202.5-4.4%203.5-9.8%204.2-14.7%202-12.8%202.8-26.8-1.1-39.3-8.1-26-33-40.6-59.3-41.4-26.7-.9-53.5%2011.9-63.5%2037.8-4.8%2012.6-4.4%2026.3-2.8%2039.5.7%206%201.7%2012.7%204.7%2018.1-6.4%202.8-4.5%2017.7-3.4%2021.3%201.6%205.1%203%2023.4%2012.1%2020.9.8%208.1%201.7%2016.4%203.9%2024.3%201.5%205.3%204.6%209.8%208.2%2013.9%201.8%202%202.7%202.2%202.6%204.8-.1%207.8.1%2016.2-1.9%2023.8s-18.7%2010.8-25.4%2012.2c-18%203.7-34.6%205.4-49.6%2016.6-.3.2-.5.4-.7.6-17.2-28.6-27.1-62.1-27.1-97.8C65.3%20151%20150.9%2065.4%20256%2065.4S446.7%20150.8%20446.7%20256c0%2029.6-6.8%2057.7-18.9%2082.7-4.4-12.8-15.2-22.4-28.5-26.8-8.1-2.6-23.7-3.4-29.5-10.4-2.9-3.5-1-16.6-1-16.6%2025.2-1.4%2031-6.1%2031-6.1%203.9-2.3%202.1-2.7.1-6.1-10.9-18.3-6-41.5-6.5-61.6-.4-16.7-4.8-35-20-44.4-7.6-4.7-19.7-6.9-31.4-6.9-9.5%200-18.7%201.4-25.3%204.1-42.4%2017-17.4%2073.2-31.9%20105.4-2.5%205.4-6.1%207.3.2%2010.5%200%200%207.5%204.4%2028.9%206.3%200%200%20.3%2012.6%200%2013.9-1.1%204.9-11.8%208.3-15.8%209.4-4.1%201.1-15.4%204.6-29.1%2011.3%200%200%2015.2%201.5%2025%204.9%200%200%2026.4%206%2046%2025%2018%2017.4%2020.6%2038.7%2021%2064.3-5.2%203.5-10.6%206.7-16.2%209.6l-.3-16.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-contacts-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-contacts-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-contacts($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-contacts-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-contract-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M196%20208H96v16h128V96h-16v100L75.1%2064%2064%2075.1zM316%20208h100v16H288V96h16v100L436.9%2064%20448%2075.1zM196%20304H96v-16h128v128h-16V316L75.1%20448%2064%20436.9zM316%20304h100v-16H288v128h16V316l132.9%20132%2011.1-11.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-contract-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-contract-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-contract($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-contract-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-contrast-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm135.8%20343.8c-17.6%2017.6-38.2%2031.5-61%2041.2-23.7%2010-48.8%2015.1-74.7%2015.1V64c25.9%200%2051.1%205.1%2074.7%2015.1%2022.9%209.7%2043.4%2023.5%2061%2041.2%2017.6%2017.6%2031.5%2038.2%2041.2%2061%2010%2023.7%2015.1%2048.8%2015.1%2074.7s-5.1%2051.1-15.1%2074.7c-9.8%2022.9-23.6%2043.4-41.2%2061.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-contrast-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-contrast-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-contrast($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-contrast-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-copy-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M304%2096h-16v80h80v-16h-64z%22%2F%3E%3Cpath%20d%3D%22M325.3%2064H160v48h-48v336h240v-48h48V139l-74.7-75zM336%20432H128V128h32v272h176v32zm48-48H176V80h142.7l65.3%2065.6V384z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-copy-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-copy-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-copy-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-copy-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-copy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M144%20416V112h-32v336h240v-32H160z%22%2F%3E%3Cpath%20d%3D%22M325.3%2064H160v336h240V139l-74.7-75zM368%20176h-80V96h16v64h64v16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-copy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-copy-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-copy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-copy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-create-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M368%20416H80V144h224.117l16-16H64v304h320V191.883l-16%2016z%22%2F%3E%3Cpath%20d%3D%22M237.623%20284.084l-9.706-9.707L399.24%20103.054%20387.927%2091.74%20208%20271.65V304h32.216L420.26%20124.016l-11.313-11.286zM444.213%2080.312l-12.465-12.466c-2.664-2.38-6.192-3.846-10.002-3.846a14.758%2014.758%200%200%200-9.93%203.85L399.667%2080l.08.08%2011.293%2011.293%2021.02%2021.02%2012.15-12.15c2.382-2.625%203.79-6.117%203.79-9.93%200-3.81-1.408-7.338-3.787-10z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-create-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-create-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-create-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-create-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-create-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20320h-64v-64l128-128H64v304h320V192z%22%2F%3E%3Cpath%20d%3D%22M387.927%2091.74L208%20271.65V304h32.216L420.26%20124.016zM444.213%2080.312l-12.465-12.466c-2.664-2.38-6.192-3.846-10.002-3.846a14.758%2014.758%200%200%200-9.93%203.85L399.667%2080l.08.08%2011.293%2011.293%2021.02%2021.02%2012.15-12.15c2.382-2.625%203.79-6.117%203.79-9.93%200-3.81-1.408-7.338-3.787-10z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-create-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-create-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-create($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-create-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-crop-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%2064h16v48h-16zM144%20368V160h-16v224h224v-16zM400%20368h48v16h-48z%22%2F%3E%3Cpath%20d%3D%22M64%20128v16h304v304h16V128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-crop-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-crop-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-crop-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-crop-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-crop-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%2064h32v48h-32zM160%20352V176h-32v208h208v-32zM400%20352h48v32h-48z%22%2F%3E%3Cpath%20d%3D%22M64%20128v32h288v288h32V128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-crop-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-crop-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-crop($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-crop-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cube-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032L32%20128v224l224%20128%20224-128V128L256%2032zm198%20102.2L256%20246%2059.2%20133.8%20256%2048l198%2086.2zM48%20145.8L248%20260v197L48%20342.7V145.8zM264%20457V260l200-113.1v195.8L264%20457z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cube-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cube-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cube-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cube-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cube-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M470.8%20124.2L256%2032%2041.2%20124.2%20256%20247.1zM264%20476l216-123.6V137.3L264%20260.9zM32%20137.3v215.1L248%20476V260.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cube-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cube-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cube($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cube-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cut-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128.4%20135.7c-11.4-28-14.8-54.9%204.5-71.7l103%20138%2010-13.4L140.9%2048c-8.9%200-14.4.9-18.5%203.9-11.9%208.9-19.1%2025.6-19.3%2043.6-.2%2013.5%203.3%2028.6%2010.4%2046.2%208.5%2021%2042.5%2070.2%2077.9%20118.6.7%201%201.6%201.9%202.5%202.7%202.9-4.7%206-9.5%209-14.1-26.1-35.8-66.2-92.6-74.5-113.2z%22%2F%3E%3Cpath%20d%3D%22M390.4%2054.9c-5.2-4.8-13.5-6.9-20-6.9L255.9%20201.7l-10%2013.4-2.9%203.9-.1.1-14.5%2019.7c-.1.1-.2.3-.3.4-.5.8-7.5%2010.9-15.2%2022.7-3%204.6-6.1%209.5-9%2014.1-3.5%205.6-6.6%2011-8.8%2015.2-3.6%207.1-7.3%2014.4-10.7%2021.5-3.7%207.5-7.2%2014.6-10.4%2020.7-10.2-7.3-22-11.1-34.3-11.1-17.5%200-33.7%207.7-45.8%2021.6C82.4%20357.1%2076%20374.6%2076%20393.1s6.4%2036%2017.9%2049.3c12.1%2013.9%2028.4%2021.6%2045.8%2021.6%2014.4%200%2028-5.2%2039.2-15%2010.5-9.1%2018-21.3%2021.8-35.4%201-3.1%2011.6-34.7%2026.1-57.3%209.2-14.4%2022.2-23.4%2029.6-27.8l13.5-9.7s12.6-8.7%2038.1-41.7%2080.5-111.5%2090.2-135.4c7.2-17.6%2010.6-32.8%2010.4-46.2-.1-17.9-5.9-29.3-18.2-40.6zm-7%2080.8c-11.4%2028-86.8%20131.9-100.4%20147.7s-27.3%2027.4-27.3%2027.4-25.9%2011.1-42.4%2036.9c-16.5%2025.7-27.9%2061.3-27.9%2061.3-5.9%2022.6-24.1%2039.1-45.7%2039.1-26.4%200-47.8-24.6-47.8-54.9s21.4-54.9%2047.8-54.9c10.8%200%2020.7%204.1%2028.7%2011%201.6%201.3%203%202.6%204%203.8l.1.1c.5.5.9%201%201.3%201.5.9.9%201.8%201.3%202.7%201.3%202.4%200%205.2-3.3%209.5-11.2%206.8-12.6%2015.1-30.3%2023.3-46.3%208.2-16%2031.8-50.3%2031.8-50.3l14.5-19.7L378.9%2064c19.3%2016.9%2015.9%2043.7%204.5%2071.7zM372%20322.3c-12.3%200-24.1%203.8-34.3%2011.1-3.2-6.1-6.7-13.2-10.4-20.7-3.4-6.9-6.9-14-10.4-20.8L306%20305.8c7%2013.9%2013.8%2028.3%2019.6%2039%204.3%208%207.1%2011.2%209.5%2011.2.9%200%201.8-.5%202.7-1.3.4-.5.9-1%201.3-1.5l.1-.1c1-1.3%202.3-2.6%204-3.8%208-6.9%2017.9-11%2028.7-11%2026.4%200%2048%2024.6%2048%2054.9S398.4%20448%20372%20448c-21.6%200-39.8-16.5-45.7-39.1%200%200-11.4-35.6-27.9-61.3-4.7-7.4-10.3-13.6-15.7-18.7l-13%209.8c5.2%204.6%2010.7%2010.4%2015.3%2017.5%2014.5%2022.6%2025%2054.2%2026.1%2057.3%203.8%2014.1%2011.3%2026.3%2021.8%2035.4%2011.3%209.8%2024.9%2015%2039.2%2015%2035.3%200%2064-31.8%2064-70.9s-28.8-70.7-64.1-70.7z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M139.9%20421.1c-13.3%200-24-12.6-24-28s10.7-28%2024-28%2024%2012.6%2024%2028-10.8%2028-24%2028z%22%2F%3E%3Ccircle%20cx%3D%22256.1%22%20cy%3D%22272.2%22%20r%3D%2216%22%2F%3E%3Cpath%20d%3D%22M372.1%20421.1c-13.3%200-24-12.6-24-28s10.7-28%2024-28%2024%2012.6%2024%2028-10.7%2028-24%2028z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cut-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cut-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cut-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cut-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-cut-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M308%20277.2c25.5-33%2080.5-111.5%2090.2-135.4%207.2-17.6%2010.6-32.8%2010.4-46.2-.2-17.9-6-29.3-18.3-40.6-5.2-4.8-13.5-6.9-20-6.9L255.9%20201.7l-10%2013.4-2.9%203.9-.1.1-14.5%2019.7c-.1.1-.2.3-.3.4-.5.8-7.5%2010.9-15.2%2022.7-3%204.6-6.1%209.5-9%2014.1-3.5%205.6-6.6%2011-8.8%2015.2-3.6%207.1-7.3%2014.4-10.7%2021.5-3.7%207.5-7.2%2014.6-10.4%2020.7-10.2-7.3-22-11.1-34.3-11.1-17.5%200-33.7%207.7-45.8%2021.6C82.4%20357.1%2076%20374.6%2076%20393.1s6.4%2036%2017.9%2049.3c12.1%2013.9%2028.4%2021.6%2045.8%2021.6%2014.4%200%2028-5.2%2039.2-15%2010.5-9.1%2018-21.3%2021.8-35.4%201-3.1%2011.6-34.7%2026.1-57.3%209.2-14.4%2022.2-23.4%2029.6-27.8l13.5-9.7c0%20.1%2012.7-8.7%2038.1-41.6zM139.9%20421.1c-13.3%200-24-12.6-24-28s10.7-28%2024-28%2024%2012.6%2024%2028-10.8%2028-24%2028zm116.2-132.9c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016z%22%2F%3E%3Cpath%20d%3D%22M191.5%20260.4c.7%201%201.6%201.9%202.5%202.7%201.7-2.8%203.6-5.7%205.4-8.6l46.5-65.8L140.9%2048c-8.9%200-14.4.9-18.5%203.9-11.9%208.9-19.1%2025.6-19.3%2043.6-.2%2013.5%203.3%2028.6%2010.4%2046.2%208.6%2021%2042.6%2070.2%2078%20118.7zM372%20322.3c-12.3%200-24.1%203.8-34.3%2011.1-3.2-6.1-6.7-13.2-10.4-20.7-3.4-6.9-6.9-14-10.4-20.8L306%20305.8l-36.4%2033.1c5.2%204.6%2010.7%2010.4%2015.3%2017.5%2014.5%2022.6%2025%2054.2%2026.1%2057.3%203.8%2014.1%2011.3%2026.3%2021.8%2035.4%2011.3%209.8%2024.9%2015%2039.2%2015%2035.3%200%2064-31.8%2064-70.9s-28.7-70.9-64-70.9zm.1%2098.8c-13.3%200-24-12.6-24-28s10.7-28%2024-28%2024%2012.6%2024%2028-10.7%2028-24%2028z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-cut-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-cut-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-cut($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-cut-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-desktop-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M496%20384V96H16v288h175v16h-64v16h257v-16h-64v-16h176zM32%20112h448v256H32V112z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-desktop-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-desktop-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-desktop-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-desktop-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-desktop-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M496%20384V96H16v288h175v16h-64v16h257v-16h-64v-16h176zM32%20112h448v256H32V112z%22%2F%3E%3Cpath%20d%3D%22M48%20128h416v224H48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-desktop-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-desktop-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-desktop($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-desktop-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-disc-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20181.8c40.9%200%2074.3%2033.3%2074.3%2074.3%200%2040.9-33.3%2074.2-74.3%2074.2-19.9%200-38.5-7.7-52.5-21.7s-21.7-32.6-21.7-52.5c-.1-41%2033.3-74.3%2074.2-74.3m0%20130.5c31.1%200%2056.4-25.3%2056.4-56.4%200-31.1-25.3-56.4-56.4-56.4s-56.4%2025.3-56.4%2056.4c0%2031.1%2025.3%2056.4%2056.4%2056.4m0-146.5c-49.9%200-90.3%2040.4-90.3%2090.3s40.4%2090.2%2090.3%2090.2%2090.3-40.4%2090.3-90.2c0-49.9-40.4-90.3-90.3-90.3zm0%20130.5c-22.3%200-40.4-18.1-40.4-40.4%200-22.3%2018.1-40.4%2040.4-40.4s40.4%2018.1%2040.4%2040.4c0%2022.3-18.1%2040.4-40.4%2040.4z%22%2F%3E%3Cpath%20d%3D%22M256%2064c25.9%200%2051.1%205.1%2074.7%2015.1%2022.9%209.7%2043.4%2023.5%2061%2041.2s31.5%2038.2%2041.2%2061c10%2023.7%2015.1%2048.8%2015.1%2074.7s-5.1%2051.1-15.1%2074.7c-9.7%2022.9-23.5%2043.4-41.2%2061s-38.2%2031.5-61%2041.2C307%20442.9%20281.9%20448%20256%20448s-51.1-5.1-74.7-15.1c-22.9-9.7-43.4-23.5-61-41.2-17.6-17.6-31.5-38.2-41.2-61C69.1%20307.1%2064%20281.9%2064%20256s5.1-51.1%2015.1-74.7c9.7-22.9%2023.5-43.4%2041.2-61%2017.6-17.6%2038.2-31.5%2061-41.2C204.9%2069.1%20230.1%2064%20256%2064m0%20322c34.7%200%2067.4-13.5%2091.9-38.1S386%20290.7%20386%20256s-13.5-67.4-38.1-91.9S290.7%20126%20256%20126s-67.4%2013.5-91.9%2038.1S126%20221.3%20126%20256s13.5%2067.4%2038.1%2091.9S221.3%20386%20256%20386m0-338C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20322c-63%200-114-51.1-114-114s51-114%20114-114%20114%2051%20114%20114-51%20114-114%20114z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-disc-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-disc-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-disc-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-disc-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-disc-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20165.8c-49.9%200-90.3%2040.4-90.3%2090.3s40.4%2090.2%2090.3%2090.2%2090.3-40.4%2090.3-90.2c0-49.9-40.4-90.3-90.3-90.3zm0%20130.6c-22.3%200-40.4-18.1-40.4-40.4s18.1-40.4%2040.4-40.4%2040.4%2018.1%2040.4%2040.4-18.1%2040.4-40.4%2040.4z%22%2F%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20322c-63%200-114-51.1-114-114s51-114%20114-114%20114%2051%20114%20114-51%20114-114%20114z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-disc-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-disc-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-disc($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-disc-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-document-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M272%2064H128v384h256V175.5L272%2064zm0%2022.6l89.8%2089.4H272V86.6zM144%20432V80h112v112h112v240H144z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-document-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-document-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-document-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-document-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-document-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20176v-.5L272%2064v112z%22%2F%3E%3Cpath%20d%3D%22M256%2064H128v384h256V192H256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-document-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-document-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-document($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-document-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-done-all-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M366.9%20182l-114%20117.1-46.1-46.9-17.4%2017.7%2054.6%2055.7c2.4%202.4%205.7%204.5%208.7%204.5%202.9%200%206.2-2%208.6-4.4L384%20200l-17.1-18zM145.4%20252.1L128%20269.8l54.6%2055.7c2.4%202.4%205.7%204.5%208.7%204.5%202.9%200%206.2-2%208.6-4.4l8.7-8.9-63.2-64.6z%22%2F%3E%3Cpath%20d%3D%22M297.6%20190l-62%2063.7%2017.2%2017.5%2061.9-63.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-done-all-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-done-all-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-done-all($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-done-all-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-download-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M288%20144v16h112v272H112V160h112v-16H96v304h320V144z%22%2F%3E%3Cpath%20d%3D%22M193.1%20252.3l-11.6%2011.6%2074.5%2074.5%2074.5-74.5-11.6-11.6-54.7%2054.7V64h-16.4v243z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-download-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-download-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-download-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-download-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-download-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M264%20144v163l54.8-54.7%2011.6%2011.6-74.4%2074.5-74.5-74.5%2011.7-11.6L248%20307V144H96v304h320V144zM248%2064h16v80h-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-download-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-download-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-download($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-download-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-easel-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M464%2096v256H48V96h416m0-16H48c-8.8%200-16%207.2-16%2016v256c0%208.8%206.9%2016%2015.8%2016H464c8.8%200%2016-7.2%2016-16V96c0-8.8-7.2-16-16-16zM384%20384l32%2080h16.6L400%20384zM112.6%20384L80%20464h16.6l32-80zM248%20384h16v48h-16z%22%2F%3E%3Cpath%20d%3D%22M432%20128v192H80V128h352m16-16H64v224h384V112zM256%2048c-8.8%200-16%207.2-16%2016h32c0-8.8-7.2-16-16-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-easel-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-easel-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-easel-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-easel-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-easel-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20384l32%2080h16.6L400%20384zM112.6%20384L80%20464h16.6l32-80zM248%20384h16v48h-16zM80%20128h352v192H80z%22%2F%3E%3Cpath%20d%3D%22M464%2080H48c-8.8%200-16%207.2-16%2016v256c0%208.8%206.9%2016%2015.8%2016H464c8.8%200%2016-7.2%2016-16V96c0-8.8-7.2-16-16-16zm-16%20256H64V112h384v224zM256%2048c-8.8%200-16%207.2-16%2016h32c0-8.8-7.2-16-16-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-easel-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-easel-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-easel($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-easel-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-egg-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048c11.6%200%2026.5%206.8%2042%2019.2%2016.7%2013.4%2033.6%2032.6%2048.6%2055.6%2015.8%2024.1%2029%2051.3%2038.2%2078.8%2010.1%2030.1%2015.2%2059.4%2015.2%2087.2%200%2028.7-3.6%2054.7-10.8%2077.2-6.7%2021.3-16.6%2039.5-29.3%2054.2-12.3%2014.2-27.3%2025.1-44.6%2032.4-17.6%207.4-37.5%2011.2-59.3%2011.2s-41.7-3.8-59.3-11.2c-17.3-7.3-32.3-18.2-44.6-32.4-12.7-14.7-22.6-32.9-29.3-54.2-7.1-22.6-10.8-48.5-10.8-77.2%200-27.8%205.1-57.2%2015.2-87.2%209.2-27.5%2022.4-54.7%2038.2-78.8%2015.1-23%2031.9-42.2%2048.6-55.6C229.5%2054.8%20244.4%2048%20256%2048m0-16C192%2032%2096%20165.2%2096%20288.9S160%20480%20256%20480s160-67.4%20160-191.1S320%2032%20256%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-egg-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-egg-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-egg-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-egg-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-egg-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032C192%2032%2096%20165.2%2096%20288.9S160%20480%20256%20480s160-67.4%20160-191.1S320%2032%20256%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-egg-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-egg-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-egg($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-egg-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-exit-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%20224h16V112h288v288H144V288h-16v128h320V96H128z%22%2F%3E%3Cpath%20d%3D%22M297.9%20193.1l11.6-11.6L384%20256l-74.5%2074.5-11.6-11.6%2054.7-54.7H64v-16.4h288.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-exit-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-exit-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-exit-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-exit-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-exit-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%2096v151.8h224.6l-54.7-54.7%2011.6-11.6L384%20256l-74.5%2074.5-11.6-11.6%2054.7-54.7H128V416h320V96zM64%20247.8h64v16.4H64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-exit-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-exit-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-exit($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-exit-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-expand-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M92%2080h100V64H64v128h16V92l132.9%20132%2011.1-11.1zM420%2080H320V64h128v128h-16V92L299.1%20224%20288%20212.9zM92%20432h100v16H64V320h16v100l132.9-132%2011.1%2011.1zM420%20432H320v16h128V320h-16v100L299.1%20288%20288%20299.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-expand-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-expand-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-expand($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-expand-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-eye-off-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M120.4%2040l257.4%20440%2013.8-8L134.2%2032zM256%20144c-12.3%200-24%201.3-35.5%203.8l6.6%2011.3c9.4-1.8%2019-2.7%2028.9-2.7%2074%200%20131%2051.1%20174%2099.6-26.9%2027.3-59.2%2060.6-99%2080.7l6.3%2010.8c45.8-23.3%2082.4-62.9%20110.7-91.5-44.4-51.4-107.4-112-192-112zM256%20355.6c-76.1%200-121.6-45.8-174-99.6%2035.8-36.3%2067-63.7%2099.2-80.5l-6.3-10.8C138.4%20183.9%20103.3%20215.4%2064%20256c57.8%2059.2%20106.3%20112%20192%20112%2012.3%200%2024.1-1.4%2035.5-3.9l-6.6-11.3c-9.4%201.8-19%202.8-28.9%202.8z%22%2F%3E%3Cpath%20d%3D%22M313%20306c12.3-13.2%2019.8-30.8%2019.8-50%200-41.2-34.4-74.7-76.8-74.7-5.1%200-10.2.5-15%201.4l6.7%2011.5c2.7-.3%205.5-.5%208.3-.5%2035.3%200%2064%2027.9%2064%2062.2%200%2014.5-5.1%2027.9-13.7%2038.5L313%20306zM199%20206c-12.3%2013.2-19.8%2030.8-19.8%2050%200%2041.2%2034.4%2074.7%2076.8%2074.7%205.2%200%2010.2-.5%2015.1-1.4l-6.7-11.5c-2.7.3-5.5.5-8.3.5-35.3%200-64-27.9-64-62.2%200-14.5%205.1-27.9%2013.7-38.5L199%20206z%22%2F%3E%3Cpath%20d%3D%22M216.4%20235.7c-3.3%206.1-5.2%2013-5.2%2020.3%200%2023.3%2018.8%2042.3%2042.5%2043.5l-8.3-14.1c-12.4-4.3-21.4-15.8-21.4-29.3%200-2.1.2-4.2.6-6.2l-8.2-14.2zM295.6%20276.3c3.3-6.1%205.2-13%205.2-20.3H288c0%202.1-.2%204.2-.6%206.2l8.2%2014.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-eye-off-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-eye-off-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-eye-off-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-eye-off-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-eye-off-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M120.4%2040l257.4%20440%2013.8-8L134.2%2032zM256%20144c-12.3%200-24%201.3-35.5%203.8l20.4%2035c4.9-.9%209.9-1.4%2015.1-1.4%2042.4%200%2076.8%2033.5%2076.8%2074.7%200%2019.2-7.5%2036.7-19.8%2050l24.3%2041.5c45.8-23.3%2082.4-62.9%20110.7-91.5C403.6%20204.6%20340.6%20144%20256%20144zM256%20330.7c-42.4%200-76.8-33.5-76.8-74.7%200-19.2%207.5-36.7%2019.8-50l-24.1-41.2C138.4%20183.9%20103.3%20215.4%2064%20256c57.8%2059.2%20106.3%20112%20192%20112%2012.3%200%2024.1-1.4%2035.5-3.9l-20.4-34.9c-4.9%201-9.9%201.5-15.1%201.5z%22%2F%3E%3Cpath%20d%3D%22M300.7%20253.4c-3.9%201.7-8.2%202.6-12.7%202.6-1.5%200-3-.1-4.4-.3l12%2020.6c3.3-6.1%205.2-13%205.2-20.3%200-.9%200-1.8-.1-2.6zM216.4%20235.7c-3.3%206.1-5.2%2013-5.2%2020.3%200%2023.3%2018.8%2042.3%2042.5%2043.5l-37.3-63.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-eye-off-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-eye-off-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-eye-off($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-eye-off-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-eye-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M447.1%20256.2C401.8%20204%20339.2%20144%20256%20144c-33.6%200-64.4%209.5-96.9%2029.8C131.7%20191%20103.6%20215.2%2065%20255l-1%201%206.7%206.9C125.8%20319.3%20173.4%20368%20256%20368c36.5%200%2071.9-11.9%20108.2-36.4%2030.9-20.9%2057.2-47.4%2078.3-68.8l5.5-5.5-.9-1.1zM256%20160c33.1%200%2064.9%209.5%2097.2%2030.6%2023.9%2015.6%2047.4%2036.7%2073.7%2066.1C388.6%20295.4%20331.1%20352%20256%20352c-34.2%200-64.2-8.4-94.2-28.2-27.5-18.1-52.3-43.3-76.2-67.8%2059.1-59.7%20108.4-96%20170.4-96z%22%2F%3E%3Cpath%20d%3D%22M256%20336c44.1%200%2080-35.9%2080-80s-35.9-80-80-80-80%2035.9-80%2080%2035.9%2080%2080%2080zm0-143.7c35.2%200%2064%2028.6%2064%2063.7s-28.8%2063.7-64%2063.7-63.9-28.6-63.9-63.7%2028.7-63.7%2063.9-63.7z%22%2F%3E%3Cpath%20d%3D%22M288%20256c0%2017.5-14.4%2032-31.8%2032S224%20272.8%20224%20255.3s15.8-31.3%2032-31.3v-16c-26.5%200-47.9%2021.6-47.9%2048.2s21.5%2048.1%2047.9%2048.1%2048-21.6%2048-48.1v-.2h-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-eye-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-eye-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-eye-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-eye-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-eye-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M447.1%20256.2C401.8%20204%20339.2%20144%20256%20144c-33.6%200-64.4%209.5-96.9%2029.8C131.7%20191%20103.6%20215.2%2065%20255l-1%201%206.7%206.9C125.8%20319.3%20173.4%20368%20256%20368c36.5%200%2071.9-11.9%20108.2-36.4%2030.9-20.9%2057.2-47.4%2078.3-68.8l5.5-5.5-.9-1.1zM256%20336c-44.1%200-80-35.9-80-80s35.9-80%2080-80%2080%2035.9%2080%2080-35.9%2080-80%2080z%22%2F%3E%3Cpath%20d%3D%22M250.4%20226.8c0-6.9%202-13.4%205.5-18.8-26.5%200-47.9%2021.6-47.9%2048.2s21.5%2048.1%2047.9%2048.1%2048-21.5%2048-48.1c-5.4%203.5-11.9%205.5-18.8%205.5-19.1-.1-34.7-15.7-34.7-34.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-eye-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-eye-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-eye($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-eye-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-fastforward-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M48%20155l183.5%20101L48%20356.9V155m224%20.8L448%20256%20272%20356.4V156m-16-28v123.2L32%20128v256l224-123.2V384l224-128-224-128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-fastforward-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-fastforward-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-fastforward-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-fastforward-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-fastforward-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20128v123.2L32%20128v256l224-123.2V384l224-128-224-128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-fastforward-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-fastforward-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-fastforward($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-fastforward-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-female-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M296%2048c-92.8%200-168%2075.2-168%20168%200%2043.5%2016.5%2083.2%2043.7%20113L112%20388.7l-42.3-42.3c-3.1-3.1-8.2-3.1-11.3%200-3.1%203.1-3.1%208.2%200%2011.3l42.3%2042.3-50.3%2050.3c-3.1%203.1-3.1%208.2%200%2011.3%201.6%201.6%203.6%202.3%205.7%202.3s4.1-.8%205.7-2.3l50.3-50.3%2042.3%2042.3c1.6%201.6%203.6%202.3%205.7%202.3s4.1-.8%205.7-2.3c3.1-3.1%203.1-8.2%200-11.3L123.3%20400l59.7-59.7c29.8%2027.1%2069.5%2043.7%20113%2043.7%2092.8%200%20168-75.2%20168-168S388.8%2048%20296%2048zm107.5%20275.5C374.8%20352.2%20336.6%20368%20296%20368s-78.8-15.8-107.5-44.5S144%20256.6%20144%20216s15.8-78.8%2044.5-107.5S255.4%2064%20296%2064s78.8%2015.8%20107.5%2044.5S448%20175.4%20448%20216s-15.8%2078.8-44.5%20107.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-female-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-female-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-female($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-female-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-filing-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M368.5%20128h-225L80%20224v160h352V224l-63.5-96zm44.9%2096H368v-68l45.4%2068zM160%20144h192v80h-48c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48h-48v-80zm-16%2012v68H98.6l45.4-68zm272%20212H96V240h98c7.1%2027.6%2032.2%2048%2062%2048s54.9-20.4%2062-48h98v128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-filing-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-filing-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-filing-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-filing-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-filing-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20288c-29.8%200-54.9-20.4-62-48H80v144h352V240H318c-7.1%2027.6-32.2%2048-62%2048z%22%2F%3E%3Cpath%20d%3D%22M368.5%20128h-.5v80h-16v-80H160v80h-16v-80h-.5L80%20224h128c0%2026.5%2021.5%2048%2048%2048s48-21.5%2048-48h128l-63.5-96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-filing-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-filing-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-filing($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-filing-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-film-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M56%2088v336h400V88H56zm72%20320H72v-48h56v48zm0-64H72v-48h56v48zm0-64H72v-48h56v48zm0-64H72v-48h56v48zm0-64H72v-48h56v48zm240%20256H144V264h224v144zm0-160H144V104h224v144zm72%20160h-56v-48h56v48zm0-64h-56v-48h56v48zm0-64h-56v-48h56v48zm0-64h-56v-48h56v48zm0-64h-56v-48h56v48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-film-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-film-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-film-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-film-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-film-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M56%2088v336h400V88H56zm72%20320H72v-48h56v48zm0-64H72v-48h56v48zm0-64H72v-48h56v48zm0-64H72v-48h56v48zm0-64H72v-48h56v48zm240%20112H144v-16h224v16zm72%20144h-56v-48h56v48zm0-64h-56v-48h56v48zm0-64h-56v-48h56v48zm0-64h-56v-48h56v48zm0-64h-56v-48h56v48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-film-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-film-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-film($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-film-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-finger-print-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M455.8%20274h-.4c-4.4-.2-7.8-3.9-7.6-8.3.1-2.7.2-7.6.2-10.7%200-42.8-18.4-96.1-41.1-118.8-3.1-3.1-3.1-8.2%200-11.3%203.1-3.1%208.2-3.1%2011.3%200C443.9%20150.6%20464%20207.7%20464%20255c0%203.2-.1%208.3-.2%2011.4-.2%204.3-3.7%207.6-8%207.6zM382%20111.3c-1.8%200-3.6-.6-5.1-1.9C341.2%2079.7%20299.4%2064%20256%2064c-41.3%200-79.9%2012-111.7%2034.8-3.6%202.6-8.6%201.7-11.2-1.8-2.6-3.6-1.7-8.6%201.8-11.2C169.5%2061.1%20211.4%2048%20256%2048c47.2%200%2092.5%2017%20131.1%2049.2%203.4%202.8%203.9%207.9%201%2011.3-1.5%201.8-3.8%202.8-6.1%202.8zM71.2%20351.8c-3.4%200-6.6-2.2-7.7-5.7C54%20314.3%2048%20288%2048%20255c0-50.3%2018.2-98.8%2051.2-136.7%202.9-3.3%208-3.7%2011.3-.8%203.3%202.9%203.7%208%20.8%2011.3C80.8%20163.8%2064%20208.6%2064%20255c0%2031%205.7%2056.1%2014.9%2086.5%201.3%204.2-1.1%208.7-5.3%2010-.8.2-1.6.3-2.4.3z%22%2F%3E%3Cpath%20d%3D%22M122.1%20423.6h-.5c-4.4-.3-7.8-4-7.5-8.5%202.9-49-.7-66.6-5.3-88.9-3.3-16.2-7.1-34.5-9.4-67.8-3.1-43%2010.9-83.4%2039.2-113.9%2029.8-32%2072.6-49.6%20120.6-49.6%2035.5%200%2068.6%2012.4%2095.5%2035.7%2026.2%2022.7%2045.9%2055.2%2057.1%2094%2012.5%2043.1%2016%2097.4%2010.1%20157-.4%204.4-4.4%207.6-8.7%207.2-4.4-.4-7.6-4.3-7.2-8.7%205.6-57.6%202.3-109.9-9.6-151-10.4-35.8-28.4-65.7-52.3-86.4-24-20.8-53.4-31.8-85-31.8-43.5%200-82.1%2015.8-108.8%2044.5-25.3%2027.2-37.8%2063.4-35%20101.9%202.3%2032.2%205.9%2050%209.1%2065.7%204.8%2023.4%208.6%2041.9%205.6%2093-.2%204.4-3.7%207.6-7.9%207.6z%22%2F%3E%3Cpath%20d%3D%22M168.7%20448.3c-.4%200-.7%200-1.1-.1-4.4-.6-7.4-4.7-6.8-9%208-56.4-.4-118.6-9.6-172-5.8-33.6.8-62.9%2019.1-84.7%2019.3-22.9%2051.3-36.5%2085.7-36.5%2028.6%200%2054.5%2011.3%2074.7%2032.8%2020.4%2021.5%2034.3%2052.7%2040.2%2090%205%2031.5%207.5%2057.2%207.6%2078.5.3%2043-5%2077.3-5.2%2078.7-.7%204.4-4.8%207.4-9.1%206.7-4.4-.7-7.4-4.8-6.7-9.1.1-.3%205.3-34.6%205.1-76.2-.1-20.5-2.5-45.4-7.4-76.1C344.5%20203.9%20306.5%20162%20256%20162c-29.8%200-57.2%2011.5-73.5%2030.8-15.4%2018.3-20.7%2042.4-15.6%2071.6%209.4%2054.6%2018%20118.4%209.7%20177-.6%204-4%206.9-7.9%206.9z%22%2F%3E%3Cpath%20d%3D%22M316.3%20453c-.5%200-1%200-1.5-.1-4.3-.8-7.2-5-6.4-9.4%203.5-18.2%202.8-37.1%202.8-37.3-.2-4.4%203.3-8.1%207.7-8.3h.3c4.3%200%207.8%203.4%208%207.7%200%20.8.7%2020.9-3.1%2040.9-.6%203.8-4%206.5-7.8%206.5zM216.1%20461.3c-.3%200-.7%200-1-.1-4.4-.6-7.5-4.6-6.9-9%207.2-56.3%204.4-117.8-8.4-182.7-5.9-29.8%202.2-47.3%209.9-56.7%2010-12.2%2025.7-18.9%2044.3-18.9%2028.9%200%2051%2020.7%2060.7%2056.9%207.6%2028.2%2011.9%2068.4%2012.6%20116.3.1%204.4-3.5%208-7.9%208.1h-.1c-4.4%200-7.9-3.5-8-7.9-.6-46.5-4.8-85.4-12.1-112.3-10.9-40.6-35.2-45-45.2-45-13.7%200-25%204.6-31.9%2013-8%209.7-10.2%2024.7-6.6%2043.4%2013.1%2066.6%2016%20129.8%208.5%20187.8-.5%204.2-3.9%207.1-7.9%207.1z%22%2F%3E%3Cpath%20d%3D%22M266%20464h-.9c-4.4-.5-7.6-4.4-7.1-8.8%207.9-71.3%201.8-165.3-12.9-201.1-1.7-4.1.3-8.8%204.3-10.5%204.1-1.7%208.8.3%2010.5%204.3%2015.9%2038.5%2022.3%20134.1%2014.1%20208.9-.5%204.2-4%207.2-8%207.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-finger-print-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-finger-print-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-finger-print($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-finger-print-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-flag-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M368%20112c-11%201.4-24.9%203.5-39.7%203.5-23.1%200-44-5.7-65.2-10.2-21.5-4.6-43.7-9.3-67.2-9.3-46.9%200-62.8%2010.1-64.4%2011.2l-3.4%202.4V416h16V272.7c6-2.5%2021.8-6.9%2051.9-6.9%2021.8%200%2042.2%208.3%2063.9%2013%2022%204.7%2044.8%209.6%2069.5%209.6%2014.7%200%2027.7-2%2038.7-3.3%206-.7%2011.3-1.4%2016-2.2V109.5c-4.7.9-10.1%201.7-16.1%202.5zm0%20157c-11%201.4-23.9%203.5-38.7%203.5-23.1%200-45-4.7-66.2-9.2-21.5-4.6-43.6-13.3-67.1-13.3-25.7%200-41.9%203-51.9%206V118.7c6-2.5%2021.9-6.8%2051.9-6.8%2021.8%200%2042.2%204.3%2063.9%209%2022%204.7%2043.8%2010.6%2068.5%2010.6%2014.7%200%2028.7-2%2039.7-3.3L368%20269z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-flag-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-flag-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-flag-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-flag-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-flag-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M368%20112c-11%201.4-24.9%203.5-39.7%203.5-23.1%200-44-5.7-65.2-10.2-21.5-4.6-43.7-9.3-67.2-9.3-46.9%200-62.8%2010.1-64.4%2011.2l-3.4%202.4V416h16V272.7c6-2.5%2021.8-6.9%2051.9-6.9%2021.8%200%2042.2%208.3%2063.9%2013%2022%204.7%2044.8%209.6%2069.5%209.6%2014.7%200%2027.7-2%2038.7-3.3%206-.7%2011.3-1.4%2016-2.2V109.5c-4.7.9-10.1%201.7-16.1%202.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-flag-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-flag-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-flag($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-flag-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-flame-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M223.9%2048c25.7%20134.6-96.7%20131.9-95.9%20267.4.7%20111%20105%20148.6%20128.1%20148.6%2023.2%200%20113.9-24.1%20126.9-148.6C393.7%20214%20310.6%20107.4%20223.9%2048zm32.2%20408.6s-40.7-33.3-40.7-74.3S256%20308%20256%20308s40.3%2033.3%2040.3%2074.3-40.2%2074.3-40.2%2074.3zM367.2%20314c-2.8%2026.9-9.7%2050.6-20.5%2070.5-8.7%2016.2-20.1%2029.8-33.7%2040.6-6.5%205.2-13.3%209.4-19.8%2012.8%2010-14.8%2019.1-34.1%2019.1-55.6%200-47.2-43.8-83.9-45.7-85.4l-10.6-8.7-10.6%208.7c-1.9%201.5-46%2038.2-46%2085.4%200%2020.3%208.2%2038.6%2017.6%2053.1-7.4-4-15.2-9.1-23-15.3-14.7-11.8-26.4-25.6-34.7-41.2-10.1-18.8-15.2-40.2-15.4-63.5-.4-59.4%2024.1-88.9%2050-120.1%2024.6-29.6%2049.8-60.1%2049.5-113.4%2032.5%2026.8%2061.3%2058.5%2082.8%2091.8%2031.4%2048.3%2045.5%2096.8%2041%20140.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-flame-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-flame-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-flame-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-flame-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-flame-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M223.9%2048c25.7%20134.6-96.7%20131.9-95.9%20267.4.7%20111%20105%20148.6%20128.1%20148.6%2023.2%200%20113.9-24.1%20126.9-148.6C393.7%20214%20310.6%20107.4%20223.9%2048zm32.2%20408.6s-40.7-33.3-40.7-74.3S256%20308%20256%20308s40.3%2033.3%2040.3%2074.3-40.2%2074.3-40.2%2074.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-flame-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-flame-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-flame($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-flame-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-flash-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M273.9%20132l-16.5%2089.1L254%20240h84l-99.8%20140%2016.5-89.1L258%20272h-83.9l99.8-140m28.8-68L143%20288h95.8l-29.5%20160L369%20224h-95.8l29.5-160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-flash-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-flash-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-flash-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-flash-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-flash-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M302.7%2064L143%20288h95.8l-29.5%20160L369%20224h-95.8l29.5-160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-flash-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-flash-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-flash($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-flash-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-flask-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M436.9%20354.4L320%20159V64h16V48h-32v115.4l2.5%203.8L423.1%20362c6.8%2012.8%209.3%2026%209%2038-.2%209.3-2%2017.9-6.5%2025.6-8.5%2014.1-23.2%2022.4-40.6%2022.4H129.1c-17.5%200-32.5-8.4-41-22.7-11.9-19.8-10.9-38.1%202.3-63.1L181.8%20208H240v-16h-48.7l14.7-24.8%202-3.8V160h48v-16h-48v-32h32V96h-32V64h80V48H176v16h16v95L76.1%20354.4C67.7%20370.3%2063.6%20385.8%2064%20400c1.1%2036.5%2028.7%2064%2065.1%2064H385c36.3%200%2062.1-27.6%2063-64%20.3-14.2-2.6-29.7-11.1-45.6z%22%2F%3E%3Cpath%20d%3D%22M108.3%20358.6c-6.9%2010.5-10.9%2024.1-10.9%2033.5%200%2027.6%2015.8%2039.8%2045.7%2039.8H369c29.8%200%2045-15.7%2045.7-40%20.3-9.5-3.1-22.7-10.1-33.3L332.7%20240H179.5l-71.2%20118.6zM323.7%20256l67.2%20110.9.2.1.2.2c5.4%208.2%207.6%2018.3%207.5%2024.2-.2%207.8-2.5%2014-6.7%2017.8-4.8%204.3-12.7%206.8-23%206.8H143c-11.1%200-19.3-2.2-23.7-6-1.5-1.2-6-5.1-6-18.1%200-5.9%202.9-16.4%208.3-24.7l.2-.3h.2L188.6%20256h135.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-flask-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-flask-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-flask-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-flask-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-flask-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M391%20367l-.2-.1L323.7%20256H188.6L122%20366.9h-.2l-.2.3c-5.5%208.3-8.3%2018.8-8.3%2024.7%200%2012.9%204.5%2016.8%206%2018.1%204.5%203.8%2012.7%206%2023.7%206h226c10.3%200%2018.2-2.5%2023-6.8%204.2-3.8%206.5-10%206.7-17.8.2-5.9-2.1-16-7.5-24.2l-.2-.2z%22%2F%3E%3Cpath%20d%3D%22M436.9%20354.4L320%20159V64h16V48H176v16h16v95L76.1%20354.4C67.7%20370.3%2063.6%20385.8%2064%20400c1.1%2036.5%2028.7%2064%2065.1%2064H385c36.3%200%2062.1-27.6%2063-64%20.3-14.2-2.6-29.7-11.1-45.6zM216%2096h24v16h-24V96zm0%2048h40v16h-40v-16zm-16.7%2048H240v16h-50.2l9.5-16zm215.3%20200c-.7%2024.2-15.9%2040-45.7%2040H143c-29.9%200-45.7-12.2-45.7-39.8%200-9.5%204-23%2010.9-33.5L179.5%20240h153.2l71.8%20118.7c7%2010.6%2010.4%2023.9%2010.1%2033.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-flask-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-flask-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-flask($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-flask-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-flower-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M385.1%20230.2c-26.7%200-60.1%206.9-86.3%2013.5-.9-3.2-2.1-6.2-3.7-9.1%2023.2-13.8%2051.7-32.5%2070.5-51.4%2036.7-36.7%2048.3-63.6%2037.6-74.3-2.6-2.6-6-3.8-10.3-3.8-13.8%200-36%2013.4-64%2041.4-18.8%2018.8-37.6%2047.2-51.4%2070.4-2.8-1.6-5.9-2.8-9.1-3.8%206.7-26.2%2013.5-59.5%2013.5-86.1%200-51.9-10.8-79.1-26-79.1s-26%2027.2-26%2079.1c0%2026.6%206.8%2060%2013.5%2086.1-3.2.9-6.2%202.2-9.1%203.8-13.8-23.2-32.5-51.6-51.4-70.4-28-28-50.3-41.4-64-41.4-4.3%200-7.7%201.3-10.3%203.8-10.8%2010.8.8%2037.6%2037.6%2074.3%2018.9%2018.9%2047.3%2037.6%2070.5%2051.4-1.5%202.8-2.8%205.9-3.7%209.1-26.2-6.7-59.6-13.5-86.3-13.5-51.8%200-78.7%2010.6-78.7%2025.8s26.9%2026.2%2078.9%2026.2c26.7%200%2060.2-6.9%2086.4-13.6.9%203.1%202.2%206.2%203.8%209-23.3%2013.8-51.8%2032.6-70.7%2051.5-36.7%2036.7-48.3%2063.6-37.6%2074.3%202.6%202.6%206%203.8%2010.3%203.8%2013.8%200%2036-13.4%2064-41.4%2018.9-18.9%2037.8-47.5%2051.6-70.8%202.8%201.5%205.8%202.8%209%203.7-6.7%2026.2-13.6%2059.8-13.6%2086.5%200%2051.9%2010.8%2078.6%2026%2078.6s26-26.7%2026-78.6c0-26.8-6.9-60.3-13.6-86.5%203.1-.9%206.1-2.1%209-3.7%2013.8%2023.3%2032.6%2051.9%2051.6%2070.8%2028%2028%2050.3%2041.4%2064%2041.4%204.3%200%207.7-1.3%2010.3-3.8%2010.8-10.8-.8-37.6-37.6-74.3-18.9-18.9-47.5-37.7-70.7-51.5%201.6-2.8%202.8-5.8%203.8-9%2026.2%206.7%2059.7%2013.6%2086.4%2013.6%2051.9%200%2078.9-10.8%2078.9-26s-27.1-26-79.1-26zM339.4%20157c32.9-32.9%2048.9-36.6%2052.8-37-.2%202.1-1.2%206.8-5.9%2014.8-6.3%2010.8-17%2023.9-31.1%2037.9-12.6%2012.6-31.8%2027-56.2%2042.2l-1.8-1.8c15.2-24.2%2029.7-43.5%2042.2-56.1zm-89.7-78.7c2.4-9%204.9-13.1%206.3-14.7%201.4%201.7%203.9%205.7%206.3%2014.7%203.2%2012.1%204.9%2028.9%204.9%2048.8%200%2017.8-3.4%2041.6-9.9%2069.5h-2.6c-6.5-27.9-9.9-51.7-9.9-69.5.1-19.8%201.7-36.7%204.9-48.8zM213%20215c-24.3-15.2-43.6-29.6-56.2-42.2-14-14-24.7-27.1-31.1-37.9-4.7-8-5.8-12.7-5.9-14.8%203.8.4%2019.9%204.1%2052.8%2037%2012.6%2012.6%2027%2031.8%2042.2%2056.2-.6.5-1.2%201.1-1.8%201.7zm-86.1%2052.4c-19.8%200-36.7-1.7-48.7-5-9-2.4-13-5-14.6-6.4%201.6-1.3%205.6-3.9%2014.7-6.2%2012-3.1%2028.8-4.7%2048.6-4.7%2017.8%200%2041.7%203.4%2069.7%209.9v2.4c-28%206.6-51.9%2010-69.7%2010zm45.7%2088c-32.9%2032.9-48.9%2036.6-52.8%2037%20.2-2.1%201.2-6.8%205.9-14.8%206.3-10.8%2017-23.9%2031.1-37.9%2012.6-12.6%2032-27.1%2056.5-42.4.5.6%201.1%201.1%201.7%201.7-15.3%2024.4-29.8%2043.8-42.4%2056.4zm89.7%2078.5c-2.4%209-5%2013-6.3%2014.5-1.3-1.6-3.9-5.5-6.3-14.5-3.2-12-4.8-28.8-4.8-48.6%200-17.9%203.4-41.8%2010-69.9h2.4c6.5%2028.1%2010%2052.1%2010%2069.9-.2%2019.9-1.8%2036.6-5%2048.6zM256%20288c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032-14.3%2032-32%2032zm42.7%209.3c24.5%2015.2%2043.9%2029.7%2056.5%2042.4%2014%2014%2024.8%2027.1%2031.1%2037.9%204.7%208%205.8%2012.7%205.9%2014.8-3.8-.4-19.9-4.1-52.8-37-12.6-12.6-27.1-32-42.4-56.5.6-.5%201.2-1%201.7-1.6zm135.1-34.8c-12%203.2-28.9%204.8-48.7%204.8-17.8%200-41.7-3.4-69.7-9.9V256v-1c28-6.5%2051.9-9.9%2069.7-9.9%2019.8%200%2036.6%201.7%2048.7%204.8%209%202.4%2013%204.9%2014.6%206.3-1.6%201.4-5.6%204-14.6%206.3z%22%2F%3E%3Cpath%20d%3D%22M318.4%20376.4c-8.5-8.5-16.9-18.7-24.8-29.5%202%2013.2%203.3%2026.4%203.3%2038.4%200%2011.7-.5%2022.5-1.6%2032.1%2012.3%2021.8%2024.3%2032.7%2034%2032.7%201.6%200%203.2-.3%204.7-.9%2011-4.5%2013.3-23.3%204.5-54.3-6.4-5.3-13.1-11.5-20.1-18.5zm9.8%2058.4c-2.5-1.4-8.7-5.9-17.6-20.7.6-7.3%201-15.2%201.1-23.5%204.7%204.5%209.2%208.8%2013.7%2012.6%204.7%2018.5%203.9%2028.1%202.8%2031.6zM193.8%20136.1c8.4%208.4%2016.7%2018.5%2024.6%2029.2-2-13.2-3.2-26.3-3.2-38.2%200-11.7.5-22.5%201.6-32.1-12.3-21.8-24.3-32.7-34-32.7-1.6%200-3.2.3-4.7.9-11%204.5-13.3%2023.3-4.5%2054.3%206.4%205.4%2013.2%2011.6%2020.2%2018.6zm-10-58.4c2.5%201.4%208.7%205.9%2017.6%2020.7-.6%207.3-1%2015.1-1.1%2023.4-4.6-4.5-9.2-8.7-13.7-12.6-4.7-18.4-3.9-28-2.8-31.5zM135.8%20318.6c8.5-8.5%2018.7-16.9%2029.5-24.8-13.2%202-26.4%203.3-38.4%203.3-11.7%200-22.5-.5-32.1-1.6-25.5%2014.4-36.1%2028.2-31.8%2038.7%202.6%206.4%2010.1%209.9%2022.1%209.9%208.5%200%2019.3-1.7%2032.2-5.4%205.4-6.4%2011.5-13.1%2018.5-20.1zm-50.7%2010.7c-3.8%200-6.3-.5-7.6-.9%201.4-2.6%205.9-8.7%2020.7-17.6%207.3.6%2015.2%201%2023.5%201.1-4.5%204.6-8.7%209.2-12.6%2013.7-9.5%202.4-17.7%203.7-24%203.7zM376.2%20193.8c-8.5%208.5-18.7%2016.9-29.5%2024.8%2013.2-2%2026.4-3.3%2038.4-3.3%2011.7%200%2022.5.5%2032.1%201.6%2025.5-14.4%2036.1-28.2%2031.8-38.7-2.6-6.4-10.1-9.9-22.1-9.9-8.5%200-19.3%201.7-32.2%205.4-5.4%206.5-11.5%2013.2-18.5%2020.1zm50.7-10.6c3.8%200%206.3.5%207.6.9-1.4%202.6-6%208.7-20.7%2017.6-7.3-.6-15.2-1-23.5-1.1%204.5-4.6%208.7-9.2%2012.6-13.7%209.5-2.5%2017.7-3.7%2024-3.7zM193.6%20376.4c-8.3%208.3-16.3%2015.6-23.8%2021.6-7.8%2028.2-5.5%2045.4%204.9%2049.9%201.6.7%203.2%201%204.9%201%2010.3%200%2023.2-12%2036.7-36.2-.7-8.4-1.1-17.5-1.1-27.3%200-12%201.3-25.2%203.3-38.4-8%2010.7-16.4%2020.9-24.9%2029.4zm-12.8%2057.1c-.8-2.8-2-10.4%202.1-27.1%205.6-4.7%2011.4-10%2017.4-15.8.1%206.5.3%2012.7.8%2018.6-9.7%2016.4-17%2022.7-20.3%2024.3zM318.4%20136.2c8.3-8.3%2016.2-15.5%2023.7-21.5%207.9-28.4%205.7-45.8-4.8-50.2-1.6-.7-3.2-1-4.9-1-10.3%200-23.2%2012-36.7%2036.2.7%208.4%201.1%2017.5%201.1%2027.3%200%2012.1-1.3%2025.3-3.3%2038.7%208-10.7%2016.4-21%2024.9-29.5zm12.8-57.3c.8%202.8%202%2010.4-2.2%2027.4-5.6%204.7-11.4%2010-17.3%2015.7-.1-6.6-.3-12.9-.8-18.8%209.7-16.4%2017-22.6%2020.3-24.3zM99.6%20216.5c8.4-.7%2017.5-1.1%2027.3-1.1%2012%200%2025.1%201.3%2038.3%203.3-10.7-7.9-20.9-16.3-29.4-24.8-8.3-8.3-15.6-16.3-21.7-23.9-11.3-3.1-20.9-4.6-28.6-4.6-11.4%200-18.6%203.3-21.2%209.5-4.6%2010.9%207.1%2025.9%2035.3%2041.6zm-14-36.3c5.4%200%2012.3%201%2020.1%202.9%204.7%205.6%2010%2011.4%2015.8%2017.4-6.5.1-12.7.3-18.6.8-16.4-9.7-22.6-17-24.3-20.3%201.4-.4%203.6-.8%207-.8zM412.4%20296c-8.4.7-17.5%201.1-27.3%201.1-12%200-25.2-1.3-38.4-3.3%2010.8%207.9%2021%2016.4%2029.5%2024.8%208.3%208.3%2015.5%2016.3%2021.6%2023.8%2011.4%203.2%2020.9%204.7%2028.6%204.7%2011.4%200%2018.6-3.3%2021.2-9.5%204.7-11-7-25.9-35.2-41.6zm14%2036.3c-5.4%200-12.3-1-20.2-3-4.7-5.6-10-11.4-15.8-17.4%206.5-.1%2012.7-.3%2018.6-.8%2016.4%209.7%2022.6%2017%2024.3%2020.3-1.3.5-3.5.9-6.9.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-flower-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-flower-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-flower-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-flower-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-flower-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M385.1%20230.2c-26.7%200-60.1%206.9-86.3%2013.5-.9-3.2-2.1-6.2-3.7-9.1%2023.2-13.8%2051.7-32.5%2070.5-51.4%2036.7-36.7%2048.3-63.6%2037.6-74.3-2.6-2.6-6-3.8-10.3-3.8-13.8%200-36%2013.4-64%2041.4-18.8%2018.8-37.6%2047.2-51.4%2070.4-2.8-1.6-5.9-2.8-9.1-3.8%206.7-26.2%2013.5-59.5%2013.5-86.1%200-51.9-10.8-79.1-26-79.1s-26%2027.2-26%2079.1c0%2026.6%206.8%2060%2013.5%2086.1-3.2.9-6.2%202.2-9.1%203.8-13.8-23.2-32.5-51.6-51.4-70.4-28-28-50.3-41.4-64-41.4-4.3%200-7.7%201.3-10.3%203.8-10.8%2010.8.8%2037.6%2037.6%2074.3%2018.9%2018.9%2047.3%2037.6%2070.5%2051.4-1.5%202.8-2.8%205.9-3.7%209.1-26.2-6.7-59.6-13.5-86.3-13.5-51.8%200-78.7%2010.6-78.7%2025.8s26.9%2026.2%2078.9%2026.2c26.7%200%2060.2-6.9%2086.4-13.6.9%203.1%202.2%206.2%203.8%209-23.3%2013.8-51.8%2032.6-70.7%2051.5-36.7%2036.7-48.3%2063.6-37.6%2074.3%202.6%202.6%206%203.8%2010.3%203.8%2013.8%200%2036-13.4%2064-41.4%2018.9-18.9%2037.8-47.5%2051.6-70.8%202.8%201.5%205.8%202.8%209%203.7-6.7%2026.2-13.6%2059.8-13.6%2086.5%200%2051.9%2010.8%2078.6%2026%2078.6s26-26.7%2026-78.6c0-26.8-6.9-60.3-13.6-86.5%203.1-.9%206.1-2.1%209-3.7%2013.8%2023.3%2032.6%2051.9%2051.6%2070.8%2028%2028%2050.3%2041.4%2064%2041.4%204.3%200%207.7-1.3%2010.3-3.8%2010.8-10.8-.8-37.6-37.6-74.3-18.9-18.9-47.5-37.7-70.7-51.5%201.6-2.8%202.8-5.8%203.8-9%2026.2%206.7%2059.7%2013.6%2086.4%2013.6%2051.9%200%2078.9-10.8%2078.9-26s-27.1-26-79.1-26zM256%20272c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016z%22%2F%3E%3Cpath%20d%3D%22M318.4%20376.4c-8.5-8.5-16.9-18.7-24.8-29.5%202%2013.2%203.3%2026.4%203.3%2038.4%200%2011.7-.5%2022.5-1.6%2032.1%2012.3%2021.8%2024.3%2032.7%2034%2032.7%201.6%200%203.2-.3%204.7-.9%2011-4.5%2013.3-23.3%204.5-54.3-6.4-5.3-13.1-11.5-20.1-18.5zM193.8%20136.1c8.4%208.4%2016.7%2018.5%2024.6%2029.2-2-13.2-3.2-26.3-3.2-38.2%200-11.7.5-22.5%201.6-32.1-12.3-21.8-24.3-32.7-34-32.7-1.6%200-3.2.3-4.7.9-11%204.5-13.3%2023.3-4.5%2054.3%206.4%205.4%2013.2%2011.6%2020.2%2018.6zM135.8%20318.6c8.5-8.5%2018.7-16.9%2029.5-24.8-13.2%202-26.4%203.3-38.4%203.3-11.7%200-22.5-.5-32.1-1.6-25.5%2014.4-36.1%2028.2-31.8%2038.7%202.6%206.4%2010.1%209.9%2022.1%209.9%208.5%200%2019.3-1.7%2032.2-5.4%205.4-6.4%2011.5-13.1%2018.5-20.1zM376.2%20193.8c-8.5%208.5-18.7%2016.9-29.5%2024.8%2013.2-2%2026.4-3.3%2038.4-3.3%2011.7%200%2022.5.5%2032.1%201.6%2025.5-14.4%2036.1-28.2%2031.8-38.7-2.6-6.4-10.1-9.9-22.1-9.9-8.5%200-19.3%201.7-32.2%205.4-5.4%206.5-11.5%2013.2-18.5%2020.1zM193.6%20376.4c-8.3%208.3-16.3%2015.6-23.8%2021.6-7.8%2028.2-5.5%2045.4%204.9%2049.9%201.6.7%203.2%201%204.9%201%2010.3%200%2023.2-12%2036.7-36.2-.7-8.4-1.1-17.5-1.1-27.3%200-12%201.3-25.2%203.3-38.4-8%2010.7-16.4%2020.9-24.9%2029.4zM318.4%20136.2c8.3-8.3%2016.2-15.5%2023.7-21.5%207.9-28.4%205.7-45.8-4.8-50.2-1.6-.7-3.2-1-4.9-1-10.3%200-23.2%2012-36.7%2036.2.7%208.4%201.1%2017.5%201.1%2027.3%200%2012.1-1.3%2025.3-3.3%2038.7%208-10.7%2016.4-21%2024.9-29.5zM99.6%20216.5c8.4-.7%2017.5-1.1%2027.3-1.1%2012%200%2025.1%201.3%2038.3%203.3-10.7-7.9-20.9-16.3-29.4-24.8-8.3-8.3-15.6-16.3-21.7-23.9-11.3-3.1-20.9-4.6-28.6-4.6-11.4%200-18.6%203.3-21.2%209.5-4.6%2010.9%207.1%2025.9%2035.3%2041.6zM412.4%20296c-8.4.7-17.5%201.1-27.3%201.1-12%200-25.2-1.3-38.4-3.3%2010.8%207.9%2021%2016.4%2029.5%2024.8%208.3%208.3%2015.5%2016.3%2021.6%2023.8%2011.4%203.2%2020.9%204.7%2028.6%204.7%2011.4%200%2018.6-3.3%2021.2-9.5%204.7-11-7-25.9-35.2-41.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-flower-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-flower-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-flower($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-flower-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-folder-open-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M456.3%20160H448v-41c0-13.3-9.4-23-22.8-23H230.9c-2.8%200-4.3-.6-6.1-2.4l-22.5-22.5-.2-.2c-4.9-4.6-8.9-6.9-17.3-6.9H88.7C74.9%2064%2064%2074.3%2064%2087v73h-8.3c-12.8%200-25.3%205.1-23.5%2024.3C34%20203.5%2055.7%20423%2055.7%20423c2.7%2017.8%2011.7%2025%2025%2025h352.5c12.7%200%2021-7.8%2023-25%200%200%2022.2-212.9%2023.6-233.5s-8.9-29.5-23.5-29.5zM80%2087c0-4.3%204.4-7%208.7-7h96.1c3.5%200%203.7.2%206.2%202.5l22.5%2022.4c4.8%204.8%2010.4%207.1%2017.4%207.1h194.3c4.5%200%206.8%202.6%206.8%207v41H80V87zm360.2%20336c-.8%204.7-3.7%209-8%209H82c-4.5%200-9.5-3.5-10.3-9l-24-239c0-4.4%203.6-8%208-8h400.6c4.4%200%208%203.6%208%208l-24.1%20239z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-folder-open-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-folder-open-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-folder-open-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-folder-open-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-folder-open-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20119c0-13.3-9.4-23-22.8-23H230.9c-2.8%200-4.3-.6-6.1-2.4l-22.5-22.5-.2-.2c-4.9-4.6-8.9-6.9-17.3-6.9H88.7C74.9%2064%2064%2074.3%2064%2087v57h384v-25zM64%20160h-8.3c-12.8%200-25.3%205.1-23.5%2024.3S55.7%20423%2055.7%20423c2.7%2017.8%2011.7%2025%2025%2025h352.5c12.7%200%2021-7.8%2023-25%200%200%2022.2-212.9%2023.6-233.5%201.4-20.5-8.9-29.5-23.6-29.5H64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-folder-open-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-folder-open-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-folder-open($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-folder-open-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-folder-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M457%2096H215c-2.79%200-4.27-.585-6.094-2.408l-22.5-22.5-.17-.163C181.367%2066.332%20177.362%2064%20169%2064H57c-13.785%200-25%2010.317-25%2023v336c0%2013.317%2011.683%2025%2025%2025h400c12.683%200%2023-11.215%2023-25V119c0-13.327-9.673-23-23-23zM57%2080h112c3.497%200%203.737.19%206.175%202.488l22.417%2022.418c4.84%204.84%2010.372%207.094%2017.408%207.094h242c4.448%200%207%202.552%207%207v42.376a23.885%2023.885%200%200%200-8-1.376H56c-2.805%200-5.496.488-8%201.376V87c0-4.323%204.672-7%209-7zm407%20343c0%204.328-2.677%209-7%209H57c-4.458%200-9-4.542-9-9V184c0-4.41%203.59-8%208-8h400c4.41%200%208%203.59%208%208v239z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-folder-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-folder-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-folder-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-folder-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-folder-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M472%20176H40c-4.41%200-8%203.59-8%208v239c0%2013.317%2011.683%2025%2025%2025h400c12.683%200%2023-11.215%2023-25V184c0-4.41-3.59-8-8-8zM457%2096H215c-2.79%200-4.27-.585-6.094-2.408l-22.5-22.5-.17-.163C181.367%2066.332%20177.362%2064%20169%2064H57c-13.785%200-25%2010.317-25%2023v74.376A23.885%2023.885%200%200%201%2040%20160h432c2.805%200%205.496.488%208%201.376V119c0-13.327-9.673-23-23-23z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-folder-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-folder-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-folder($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-folder-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-football-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.137%2048%2048%20141.136%2048%20256s93.137%20208%20208%20208c114.872%200%20208-93.138%20208-208S370.87%2048%20256%2048zm41.15%20394.18c-13.513%202.656-30.326%204.186-44%204.45a190.525%20190.525%200%200%201-38.5-4.494%20978.146%20978.146%200%200%201-6.804-1.777l-24.417-65.436L203.073%20336h105.854l.57%201.076%2019.34%2038.852-23.618%2064.282c-2.667.714-5.358%201.37-8.07%201.97zM89.318%20163.52l18.188%2052.284.175.504-42.304%2036.61c.516-32.385%209.144-62.832%2023.94-89.398zm100.26-86.242L247%20116.576v58.147l-70.997%2060.067-49.403-22.51-4.167-1.9-22.332-64.018c22.01-31.204%2053.14-55.532%2089.478-69.082zm135.448%20169.926l.92.765L307.57%20320H204.43l-18.484-72.453.445-.376%2068.874-58.27%2069.76%2058.306zm121.6%205.715l-42.453-36.737.127-.364%2018.297-52.452c14.85%2026.604%2023.512%2057.105%2024.03%2089.553zm-35.06-106.853L389.13%20210.55l-53.992%2024.388L264%20174.723v-58.147l57.596-39.415c36.362%2013.484%2067.905%2037.753%2089.968%2068.907zM66.144%20273.414l53.755-46.518%2049.54%2022.6.558.254%2019.718%2077.287-20.433%2038.53-69.86-.916c-18.348-26.36-30.214-57.545-33.28-91.236zm276.574%2092.15l-20.435-38.528%2019.752-77.416%2049.997-22.78%2053.822%2046.574c-3.065%2033.69-14.932%2064.877-33.277%2091.236l-69.86.915zM255.256%20102.67L209.13%2071.172A190.3%20190.3%200%200%201%20256%2065.337c15.96%200%2031.466%201.982%2046.293%205.694l-47.036%2031.64zm-88.834%20278.86l.848%202.51%2019.947%2049.78c-29.24-11.35-55.01-29.703-75.232-53.005l54.438.714zm158.14%2052.374l17.934-48.608%201.627-3.748%2055.892-.732c-20.272%2023.36-46.123%2041.746-75.453%2053.088z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-football-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-football-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-football-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-football-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-football-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.137%2048%2048%20141.136%2048%20256s93.137%20208%20208%20208c114.872%200%20208-93.138%20208-208S370.87%2048%20256%2048zm41.15%20394.18c-13.513%202.656-30.326%204.186-44%204.45a190.525%20190.525%200%200%201-38.5-4.494%20978.146%20978.146%200%200%201-6.804-1.777l-24.417-65.436L203.073%20336h105.854l.57%201.076%2019.34%2038.852-23.618%2064.282c-2.667.714-5.358%201.37-8.07%201.97zM189.58%2077.28L247%20116.576v58.147l-70.997%2060.067-49.403-22.51-4.167-1.9-22.332-64.018c22.01-31.204%2053.14-55.532%2089.478-69.082zm221.986%2068.787l-22.432%2064.483-53.992%2024.388L264%20174.723v-58.147l57.596-39.415c36.362%2013.484%2067.905%2037.753%2089.968%2068.907zM66.144%20273.414l53.756-46.518%2049.54%2022.6.558.254%2019.718%2077.287-20.433%2038.53-69.86-.916c-18.348-26.36-30.214-57.545-33.28-91.236zm276.575%2092.15l-20.435-38.528%2019.752-77.416%2049.997-22.78%2053.822%2046.574c-3.065%2033.69-14.932%2064.877-33.277%2091.236l-69.86.915z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-football-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-football-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-football($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-football-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-funnel-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%2064v32l176%20192v128l96%2032V288L480%2096V64H32zm432%2026L288%20282v143.8l-64-21.3V282L48%2090V80h416v10z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-funnel-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-funnel-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-funnel-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-funnel-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-funnel-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%2064v32l176%20192v128l96%2032V288L480%2096V64H32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-funnel-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-funnel-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-funnel($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-funnel-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-game-controller-a-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M194.822%20240H160v-34.762c0-2.817-2.604-5.238-5.303-5.238h-22.145c-2.698%200-4.552%202.372-4.552%205.178V240H92.533c-2.615%200-4.533%202.143-4.533%204.77V266.2c0%202.698%202.03%205.803%204.86%205.803H128v35.468c0%202.615%202.143%204.533%204.77%204.533H154.2c2.698%200%205.803-2.03%205.803-4.86V272h34.763c2.817%200%205.238-2.604%205.238-5.303v-22.145c0-2.698-2.372-4.552-5.178-4.552zM362.314%20279.063c-10.736%200-19.45%208.515-19.45%2019.153%200%2010.555%208.714%2019.084%2019.45%2019.084%2010.783%200%2019.498-8.53%2019.498-19.084%200-10.638-8.714-19.153-19.498-19.153zM319.766%20237.165c-10.736%200-19.45%208.603-19.45%2019.168%200%2010.566%208.714%2019.153%2019.45%2019.153%2010.783%200%2019.498-8.587%2019.498-19.153%200-10.565-8.715-19.168-19.498-19.168zM404.862%20237.165c-10.73%200-19.442%208.603-19.442%2019.168%200%2010.566%208.714%2019.153%2019.442%2019.153%2010.737%200%2019.452-8.587%2019.452-19.153%200-10.565-8.714-19.168-19.452-19.168zM362.314%20195.3c-10.736%200-19.45%208.603-19.45%2019.17%200%2010.566%208.714%2019.146%2019.45%2019.146%2010.783%200%2019.498-8.58%2019.498-19.146%200-10.568-8.714-19.17-19.498-19.17z%22%2F%3E%3Cpath%20d%3D%22M369.27%20162c25.837%200%2049.703%209.314%2067.203%2026.23C454.225%20205.385%20464%20229.246%20464%20255.417c0%2026.303-9.806%2050.405-27.61%2067.87C418.825%20340.512%20394.99%20350%20369.27%20350H142.74c-25.713%200-49.55-9.487-67.118-26.715C57.81%20305.818%2048%20281.717%2048%20255.418c0-26.167%209.78-50.028%2027.54-67.188%2017.503-16.915%2041.37-26.23%2067.2-26.23h226.53m0-16H142.74C81.54%20146%2032%20191.458%2032%20255.418%2032%20319.418%2081.54%20366%20142.74%20366h226.528C430.49%20366%20480%20319.42%20480%20255.418%20480%20191.458%20430.49%20146%20369.27%20146z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-game-controller-a-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-game-controller-a-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-game-controller-a-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-game-controller-a-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-game-controller-a-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M369.27%20146H142.74C81.54%20146%2032%20191.458%2032%20255.418%2032%20319.418%2081.54%20366%20142.74%20366h226.528C430.49%20366%20480%20319.42%20480%20255.418%20480%20191.458%20430.49%20146%20369.27%20146zM200%20266.697c0%202.698-2.42%205.303-5.238%205.303H160v35.14c0%202.83-3.104%204.86-5.803%204.86H132.77c-2.628%200-4.77-1.918-4.77-4.533V272H92.86c-2.83%200-4.86-3.104-4.86-5.803V244.77c0-2.628%201.918-4.77%204.533-4.77H128v-34.823c0-2.806%201.854-5.178%204.553-5.178h22.145c2.698%200%205.303%202.42%205.303%205.237V240h34.823c2.806%200%205.178%201.854%205.178%204.553v22.144zm119.766%208.79c-10.736%200-19.45-8.588-19.45-19.154%200-10.565%208.714-19.168%2019.45-19.168%2010.783%200%2019.498%208.603%2019.498%2019.168%200%2010.566-8.715%2019.153-19.498%2019.153zm42.548%2041.814c-10.736%200-19.45-8.528-19.45-19.083%200-10.64%208.714-19.153%2019.45-19.153%2010.783%200%2019.498%208.515%2019.498%2019.153%200%2010.554-8.714%2019.084-19.498%2019.084zm0-83.685c-10.736%200-19.45-8.58-19.45-19.146%200-10.568%208.714-19.17%2019.45-19.17%2010.783%200%2019.498%208.602%2019.498%2019.17%200%2010.566-8.714%2019.145-19.498%2019.145zm42.548%2041.87c-10.73%200-19.442-8.586-19.442-19.152%200-10.565%208.714-19.168%2019.442-19.168%2010.737%200%2019.452%208.603%2019.452%2019.168%200%2010.566-8.714%2019.153-19.452%2019.153z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-game-controller-a-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-game-controller-a-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-game-controller-a($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-game-controller-a-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-game-controller-b-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M308.076%20203.93c-11.058%200-20.076%209.013-20.076%2020.103%200%2011.09%209.02%2020.107%2020.076%2020.107%2011.13%200%2020.148-9.02%2020.148-20.107%200-11.09-9.017-20.104-20.148-20.104zM351.988%20247.878c-11.058%200-20.053%208.95-20.053%2020.106%200%2011.064%208.995%2020.016%2020.053%2020.016%2011.146%200%2020.148-8.95%2020.148-20.016%200-11.157-9.002-20.106-20.148-20.106zM135.234%20184.367C113.594%20184.367%2096%20202.17%2096%20224.01c0%2021.865%2017.594%2039.623%2039.234%2039.623%2021.655%200%2039.25-17.758%2039.25-39.623%200-21.84-17.594-39.643-39.25-39.643zm-.11%2059.09c-10.69%200-19.344-8.72-19.344-19.447%200-10.725%208.655-19.44%2019.343-19.44%2010.64%200%2019.297%208.716%2019.297%2019.44%200%2010.726-8.656%2019.447-19.297%2019.447zM351.988%20160c-11.058%200-20.053%209.014-20.053%2020.107%200%2011.09%208.995%2020.083%2020.053%2020.083%2011.146%200%2020.148-8.993%2020.148-20.083%200-11.093-9.002-20.107-20.148-20.107zM395.947%20203.93c-11.105%200-20.1%209.013-20.1%2020.103%200%2011.09%208.994%2020.107%2020.1%2020.107%2011.06%200%2020.053-9.02%2020.053-20.107%200-11.09-8.994-20.104-20.053-20.104z%22%2F%3E%3Cpath%20d%3D%22M466.28%20248.866c-21.158-88.47-43.632-135.49-88.455-148.83-9.765-2.9-18.077-4.036-25.75-4.036-27.597%200-46.937%2014.683-96.08%2014.683-49.173%200-68.5-14.68-96.06-14.683-7.666%200-15.964%201.135-25.722%204.036-44.87%2013.34-67.342%2060.36-88.46%20148.83C24.57%20337.34%2028.417%20401.23%2053.43%20413.156%2057.503%20415.1%2061.663%20416%2065.886%20416c21.694%200%2045.14-23.838%2067.66-52.047C159.197%20331.848%20165.657%20331%20243.82%20331h24.343c78.147%200%2084.628.846%20110.282%2032.953%2022.526%2028.207%2045.97%2052.004%2067.665%2052.004%204.226%200%208.384-.88%2012.457-2.823%2025.004-11.926%2028.85-75.795%207.71-164.268zm-14.603%20149.85c-1.835.876-3.604%201.284-5.564%201.284-6.022%200-14.077-4.05-23.295-11.708-9.18-7.63-19.307-18.51-31.87-34.24-12.96-16.22-23.667-28.228-43.528-33.948-16.647-4.793-38.624-5.104-79.254-5.104h-24.343c-40.633%200-62.61.31-79.26%205.105-19.852%205.72-30.56%2017.685-43.522%2033.908-12.555%2015.727-22.68%2026.627-31.86%2034.258-9.217%207.66-17.27%2011.72-23.294%2011.72-1.932%200-3.75-.416-5.568-1.283-9.556-4.557-22.572-47.673.998-146.13%2021.387-89.59%2042.38-126.776%2077.46-137.206%207.632-2.27%2014.553-3.37%2021.158-3.37%209.742%200%2018.6%202.316%2029.812%205.248%2016.07%204.203%2036.072%209.435%2066.252%209.435%2030.148%200%2050.146-5.228%2066.215-9.43%2011.23-2.935%2020.1-5.253%2029.865-5.253%206.618%200%2013.55%201.104%2021.185%203.37%2035.037%2010.43%2056.03%2047.618%2077.456%20137.215%2023.524%2098.456%2010.51%20141.575.957%20146.13z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-game-controller-b-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-game-controller-b-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-game-controller-b-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-game-controller-b-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-game-controller-b-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M135.123%20204.568c-10.688%200-19.343%208.717-19.343%2019.44%200%2010.728%208.655%2019.448%2019.343%2019.448%2010.64%200%2019.297-8.72%2019.297-19.447%200-10.725-8.656-19.442-19.297-19.442z%22%2F%3E%3Cpath%20d%3D%22M466.28%20248.866c-21.158-88.47-43.632-135.49-88.455-148.83-9.765-2.9-18.077-4.036-25.75-4.036-27.597%200-46.937%2014.683-96.08%2014.683-49.173%200-68.5-14.68-96.06-14.683-7.666%200-15.964%201.135-25.722%204.036-44.87%2013.34-67.342%2060.36-88.46%20148.83C24.57%20337.34%2028.417%20401.23%2053.43%20413.156%2057.503%20415.1%2061.663%20416%2065.886%20416c21.694%200%2045.14-23.838%2067.66-52.047C159.197%20331.848%20165.657%20331%20243.82%20331h24.343c78.147%200%2084.628.846%20110.282%2032.953%2022.526%2028.207%2045.97%2052.004%2067.665%2052.004%204.226%200%208.384-.88%2012.457-2.823%2025.004-11.926%2028.85-75.795%207.71-164.268zm-331.046%2014.767c-21.64%200-39.234-17.758-39.234-39.623%200-21.84%2017.594-39.643%2039.234-39.643%2021.655%200%2039.25%2017.803%2039.25%2039.643%200%2021.865-17.594%2039.623-39.25%2039.623zm172.842-19.493c-11.058%200-20.076-9.02-20.076-20.107%200-11.09%209.02-20.104%2020.076-20.104%2011.13%200%2020.148%209.013%2020.148%2020.103%200%2011.088-9.017%2020.107-20.148%2020.107zM351.988%20288c-11.058%200-20.053-8.95-20.053-20.016%200-11.157%208.995-20.106%2020.053-20.106%2011.146%200%2020.148%208.95%2020.148%2020.106%200%2011.065-9.002%2020.016-20.148%2020.016zm0-87.81c-11.058%200-20.053-8.993-20.053-20.083%200-11.094%208.995-20.107%2020.053-20.107%2011.146%200%2020.148%209.014%2020.148%2020.107%200%2011.09-9.002%2020.083-20.148%2020.083zm43.96%2043.95c-11.106%200-20.102-9.02-20.102-20.107%200-11.09%208.995-20.104%2020.1-20.104%2011.06%200%2020.054%209.013%2020.054%2020.103%200%2011.088-8.994%2020.107-20.053%2020.107z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-game-controller-b-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-game-controller-b-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-game-controller-b($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-game-controller-b-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-git-branch-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20160c0-35.3-28.7-64-64-64s-64%2028.7-64%2064c0%2032.6%2024.4%2059.5%2056%2063.5v.5c0%2023-9.9%2042.4-29.5%2057.5-21.3%2016.5-48.7%2024.1-67.9%2027.5-43.2%207.8-64.1%2033.3-71.6%2044.7-2.6-.6-5.3-1.1-8-1.4V159.6c32.1-3.5%2057-30.6%2057-63.6%200-35.3-28.7-64-64-64S96%2060.7%2096%2096c0%2032.3%2023.9%2059%2055%2063.4v193.3c-31.1%204.4-55%2031.1-55%2063.4%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-24.3-13.6-45.5-33.6-56.3%207.3-10.1%2025.1-28.7%2059-34.9%2021-3.8%2051-12.2%2074.8-30.6%2023.4-18.1%2035.7-42.3%2035.7-70.2v-.5c31.7-4.1%2056.1-31%2056.1-63.6zM112%2096c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048-21.5%2048-48%2048-48-21.5-48-48zm96%20320c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48%2021.5-48%2048-48%2048%2021.5%2048%2048zm144-208c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-git-branch-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-git-branch-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-git-branch($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-git-branch-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-git-commit-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M472%20248h-88.3C379.6%20181%20324%20128%20256%20128s-123.6%2053-127.7%20120H40c-4.4%200-8%203.6-8%208s3.6%208%208%208h88.3c4.1%2067%2059.7%20120%20127.7%20120s123.6-53%20127.7-120H472c4.4%200%208-3.6%208-8s-3.6-8-8-8zm-136.8%2087.2C314%20356.4%20285.9%20368%20256%20368s-58-11.6-79.2-32.8C155.7%20314%20144%20285.9%20144%20256s11.7-58%2032.8-79.2C198%20155.7%20226.1%20144%20256%20144s58%2011.7%2079.2%2032.8C356.3%20198%20368%20226.1%20368%20256s-11.7%2058-32.8%2079.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-git-commit-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-git-commit-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-git-commit($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-git-commit-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-git-compare-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M223.7%20346.3c-3.1-3.1-8.2-3.1-11.3%200-3.1%203.1-3.1%208.2%200%2011.3L264%20408H160c-49.2%200-57-42.3-57-88V159.6c32.1-3.5%2057-30.6%2057-63.6%200-35.3-28.7-64-64-64S32%2060.7%2032%2096c0%2032.3%2023.9%2059%2055%2063.4V320c0%2014.3%200%2040.9%209%2063%2011%2027.2%2033.3%2041%2064%2041h104l-49.7%2050.4c-3.1%203.1-3.1%208.2%200%2011.3%201.6%201.5%203.6%202.3%205.7%202.3s4.1-.7%205.7-2.3l57.6-57.4c6.3-6.3%206.3-16.4%200-22.6l-59.6-59.4zM48%2096c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048-21.5%2048-48%2048-48-21.5-48-48zM425%20352.6V192c0-14.3%200-40.9-9-63-11-27.2-33.3-41-64-41H248l49.7-50.4c3.1-3.1%203.1-8.2%200-11.3-1.6-1.5-3.6-2.3-5.7-2.3s-4.1.7-5.7%202.3l-57.6%2057.4c-6.3%206.3-6.3%2016.4%200%2022.6l59.6%2059.4c3.1%203.1%208.2%203.1%2011.3%200%203.1-3.1%203.1-8.2%200-11.3L248%20104h104c49.2%200%2057%2042.3%2057%2088v160.4c-32.1%203.5-57%2030.6-57%2063.6%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-32.3-23.9-59-55-63.4zM416%20464c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-git-compare-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-git-compare-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-git-compare($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-git-compare-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-git-merge-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20224c-32.7%200-59.7%2024.6-63.5%2056.2-9.1%200-29.6-1.3-55.5-11.3-32.6-12.7-79.9-42.2-121.5-110.8C171.3%20151.2%20192%20126%20192%2096c0-35.3-28.7-64-64-64S64%2060.7%2064%2096c0%2032.3%2023.9%2059%2055%2063.4v193.3c-31.1%204.3-55%2031-55%2063.3%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-33-24.9-60.1-57-63.6V174.8c42.7%2066.5%2090.6%2095.9%20124.2%20109%2027.8%2010.8%2050.1%2012.4%2061%2012.4h.4c4%2031.4%2030.9%2055.8%2063.5%2055.8%2035.3%200%2064-28.7%2064-64s-28.8-64-64.1-64zM80%2096c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048-21.5%2048-48%2048-48-21.5-48-48zm96%20320c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48%2021.5-48%2048-48%2048%2021.5%2048%2048zm208-80c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-git-merge-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-git-merge-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-git-merge($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-git-merge-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-git-network-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%2096c0-35.3-28.7-64-64-64s-64%2028.7-64%2064c0%2032.3%2023.9%2059%2055%2063.4h1V219l-120%2059.1L136%20219v-59.5c31.6-3.9%2056-30.8%2056-63.5%200-35.3-28.7-64-64-64S64%2060.7%2064%2096c0%2032.3%2023.9%2059%2055%2063.4h1V229l128%2063v60.3c-31.6%203.9-56%2030.8-56%2063.5%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-32.3-23.9-59-55-63.4h-1V292l128-63v-69.5c31.6-4%2056-30.9%2056-63.5zM80%2096c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048-21.5%2048-48%2048-48-21.5-48-48zm224%20319.8c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48%2021.5-48%2048-48%2048%2021.5%2048%2048zM384%20144c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-git-network-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-git-network-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-git-network($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-git-network-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-git-pull-request-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M192%2096c0-35.3-28.7-64-64-64S64%2060.7%2064%2096c0%2032.3%2023.9%2059%2055%2063.4v193.3c-31.1%204.3-55%2031-55%2063.3%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-33-24.9-60.1-57-63.6V159.6c32.1-3.5%2057-30.6%2057-63.6zM80%2096c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048-21.5%2048-48%2048-48-21.5-48-48zm96%20320c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48%2021.5-48%2048-48%2048%2021.5%2048%2048z%22%2F%3E%3Cpath%20d%3D%22M393%20352.6V192c0-14.3%200-40.9-9-63-11-27.2-33.3-41-64-41H216l49.7-50.4c3.1-3.1%203.1-8.2%200-11.3-1.6-1.5-3.6-2.3-5.7-2.3s-4.1.7-5.7%202.3l-57.6%2057.4c-6.3%206.3-6.3%2016.4%200%2022.6l59.6%2059.4c3.1%203.1%208.2%203.1%2011.3%200%203.1-3.1%203.1-8.2%200-11.3L216%20104h104c49.2%200%2057%2042.3%2057%2088v160.4c-32.1%203.5-57%2030.6-57%2063.6%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-32.3-23.9-59-55-63.4zM384%20464c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-git-pull-request-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-git-pull-request-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-git-pull-request($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-git-pull-request-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-glasses-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M465.4%20247c-2.2-22-12.4-43-28.9-58.4-17.1-15.9-39.3-24.7-62.7-24.7-41.5%200-77.3%2027.4-88.5%2067-7-7-18.5-11.7-29.3-11.7s-22.3%204.7-29.3%2011.7c-11.2-39.6-47-67-88.5-67-23.3%200-45.6%208.7-62.7%2024.6C59%20204%2048.8%20225%2046.6%20247H32v18h14.6c2.2%2022%2012.4%2043%2028.9%2058.4%2017.1%2015.9%2039.3%2024.7%2062.7%2024.7%2050.8%200%2092.1-41.2%2092.1-92v-.1c0-9.9%2011.5-21.6%2025.7-21.6s25.7%2011.7%2025.7%2021.6v.1c0%2050.8%2041.3%2092%2092.1%2092%2023.3%200%2045.6-8.7%2062.7-24.7%2016.5-15.4%2026.7-36.5%2028.9-58.5H480v-18h-14.6zm-91.6%2086c-42.5%200-77-34.6-77-77%200-42.5%2034.6-77%2077-77%2042.5%200%2077%2034.6%2077%2077%200%2042.5-34.5%2077-77%2077zm-235.6%200c-42.5%200-77-34.6-77-77%200-42.5%2034.6-77%2077-77%2042.5%200%2077%2034.6%2077%2077%200%2042.5-34.5%2077-77%2077z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-glasses-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-glasses-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-glasses-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-glasses-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-glasses-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M465.4%20247c-2.2-22-12.4-43-28.9-58.4-17.1-15.9-39.3-24.7-62.7-24.7-41.5%200-77.3%2027.4-88.5%2067-7-7-18.5-11.7-29.3-11.7s-22.3%204.7-29.3%2011.7c-11.2-39.6-47-67-88.5-67-23.3%200-45.6%208.7-62.7%2024.6C59%20204%2048.8%20225%2046.6%20247H32v18h14.6c2.2%2022%2012.4%2043%2028.9%2058.4%2017.1%2015.9%2039.3%2024.7%2062.7%2024.7%2050.8%200%2092.1-41.2%2092.1-92v-.1c0-9.9%2011.5-21.6%2025.7-21.6s25.7%2011.7%2025.7%2021.6v.1c0%2050.8%2041.3%2092%2092.1%2092%2023.3%200%2045.6-8.7%2062.7-24.7%2016.5-15.4%2026.7-36.5%2028.9-58.5H480v-18h-14.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-glasses-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-glasses-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-glasses($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-glasses-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-globe-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048h-.2H255.5C140.8%2048.3%2048%20141.3%2048%20256s92.8%20207.7%20207.5%20208h.5c114.9%200%20208-93.1%20208-208S370.9%2048%20256%2048zm8.3%20124.5c22.1-.6%2043.5-3.5%2064.2-8.5%206.2%2024.5%2010.1%2052.8%2010.7%2083.8h-74.9v-75.3zm0-16.7V66c22.4%206.2%2045.2%2036.1%2059.6%2082-19.2%204.6-39.1%207.2-59.6%207.8zm-16.6-90v90.1c-20.7-.6-40.8-3.3-60.1-8%2014.6-46.2%2037.5-76.3%2060.1-82.1zm0%20106.7v75.2h-75.4c.6-31%204.5-59.3%2010.7-83.8%2020.8%205%2042.5%208%2064.7%208.6zm-92.2%2075.2H64.9c1.8-42.8%2017.8-82%2043.3-113%2018.5%2010.2%2038.2%2018.6%2058.8%2024.8-6.8%2026.5-10.8%2056.4-11.5%2088.2zm0%2016.6c.6%2031.7%204.6%2061.7%2011.4%2088.2-20.6%206.3-40.2%2014.6-58.8%2024.8-25.5-31-41.4-70.2-43.3-113h90.7zm16.8%200h75.4v75.1c-22.2.6-43.9%203.6-64.7%208.7-6.2-24.5-10.1-52.8-10.7-83.8zm75.4%2091.8v90.2c-22.6-5.9-45.5-35.9-60.1-82.1%2019.3-4.8%2039.4-7.5%2060.1-8.1zm16.6%2089.9v-90c20.5.6%2040.4%203.3%2059.7%207.9-14.5%2046-37.2%2075.9-59.7%2082.1zm0-106.6v-75.1h74.9c-.6%2030.9-4.5%2059.2-10.7%2083.7-20.7-5-42.1-8-64.2-8.6zm91.6-75.1h91.2c-1.8%2042.8-17.8%2081.9-43.3%20113-18.7-10.3-38.5-18.7-59.3-25%206.8-26.5%2010.8-56.3%2011.4-88zm0-16.6c-.6-31.7-4.6-61.6-11.3-88.1%2020.8-6.3%2040.6-14.7%2059.2-24.9%2025.5%2031%2041.5%2070.2%2043.3%20113.1h-91.2zm36.5-125.8c-16.6%208.8-34%2016.1-52.3%2021.6-9.7-31.3-23.4-56.8-39.5-73.6%2035.4%208.5%2067%2026.9%2091.8%2052zM210.8%2070.1c-16.1%2016.7-29.7%2042.2-39.3%2073.3-18.1-5.5-35.4-12.7-51.8-21.5%2024.5-25%2055.9-43.3%2091.1-51.8zM119.6%20390c16.4-8.8%2033.8-16%2051.8-21.5%209.7%2031.2%2023.3%2056.6%2039.4%2073.4-35.2-8.5-66.6-26.8-91.2-51.9zm181%2052.1c16.2-16.8%2029.8-42.3%2039.6-73.7%2018.3%205.5%2035.7%2012.8%2052.3%2021.6-24.8%2025.2-56.5%2043.6-91.9%2052.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-globe-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-globe-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-globe-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-globe-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-globe-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048h-.2H255.5C140.8%2048.3%2048%20141.3%2048%20256s92.8%20207.7%20207.5%20208h.5c114.9%200%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20399.4h-.2H255.5C150.1%20447.1%2064.6%20361.5%2064.6%20256S150%2064.9%20255.5%2064.7h.5c105.7%200%20191.4%2085.7%20191.4%20191.4%200%20105.6-85.7%20191.3-191.4%20191.3z%22%2F%3E%3Cpath%20d%3D%22M322.3%20171.8c-18.7%204.5-38%207.2-57.9%207.8v68.1H332c-.6-28.1-4.1-53.6-9.7-75.9zM264.3%2082.5v81.9c18.5-.6%2036.5-3%2053.8-7.2-13.1-41.4-33.5-68.6-53.8-74.7zM193.4%20157.1c17.5%204.2%2035.6%206.7%2054.2%207.3V82.3c-20.3%205.9-41%2033.1-54.2%2074.8zM380.6%20133.4c-22.6-23-51.5-39.8-83.9-47.5%2014.8%2015.3%2027.2%2038.7%2036.1%2067.3%2016.7-5.1%2032.7-11.7%2047.8-19.8zM347.3%20247.7h83.3c-1.8-38.8-16.3-74.4-39.5-102.6-17.1%209.4-35.2%2017.1-54.1%2022.8%206.1%2024%209.7%2051.1%2010.3%2079.8zM179.5%20247.7h68.2v-68.1c-20.1-.6-39.6-3.3-58.4-7.9-5.7%2022.3-9.2%2047.9-9.8%2076zM332%20264.3h-67.7v68c19.9.6%2039.3%203.2%2058%207.8%205.6-22.2%209.1-47.8%209.7-75.8zM189.3%20340.2c18.8-4.6%2038.3-7.3%2058.4-7.9v-68h-68.2c.6%2028.1%204.1%2053.7%209.8%2075.9zM247.7%20429.6v-82.1c-18.6.6-36.8%203.1-54.3%207.3%2013.2%2041.7%2033.9%2069%2054.3%2074.8zM296.7%20426.1c32.4-7.8%2061.3-24.5%2084-47.6-15.1-8.1-31.1-14.7-47.8-19.8-8.9%2028.7-21.4%2052-36.2%2067.4zM214.7%2086.1c-32.1%207.8-60.8%2024.5-83.3%2047.4%2015%208%2030.8%2014.6%2047.3%2019.6%208.9-28.5%2021.3-51.7%2036-67zM337%20344.1c19%205.7%2037.1%2013.4%2054.2%2022.8%2023.2-28.2%2037.7-63.8%2039.5-102.6h-83.3c-.7%2028.7-4.3%2055.7-10.4%2079.8zM264.3%20347.5v82c20.3-6.1%2040.7-33.3%2053.8-74.8-17.3-4.2-35.3-6.6-53.8-7.2zM174.6%20167.8c-18.8-5.7-36.8-13.3-53.7-22.7-23.2%2028.2-37.7%2063.8-39.5%20102.6h82.9c.5-28.8%204.2-55.9%2010.3-79.9zM164.2%20264.3H81.3c1.8%2038.8%2016.3%2074.4%2039.5%20102.6%2016.9-9.3%2034.9-17%2053.7-22.7-6-24-9.7-51.1-10.3-79.9zM131.3%20378.5c22.5%2022.9%2051.2%2039.6%2083.4%2047.4-14.7-15.3-27.1-38.6-36-67.1-16.5%205.1-32.4%2011.7-47.4%2019.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-globe-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-globe-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-globe($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-globe-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-grid-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20192v-16H336V64h-16v112H192V64h-16v112H64v16h112v128H64v16h112v112h16V336h128v112h16V336h112v-16H336V192h112zM320%20320H192V192h128v128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-grid-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-grid-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-grid-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-grid-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-grid-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M192%20192h128v128H192z%22%2F%3E%3Cpath%20d%3D%22M64%2064v384h384V64H64zm352%20128h-80v128h80v16h-80v80h-16v-80H192v80h-16v-80H96v-16h80V192H96v-16h80V96h16v80h128V96h16v80h80v16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-grid-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-grid-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-grid($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-grid-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-hammer-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M462.4%20216.9L428.2%20183c-1.1-1.1-2.5-1.6-3.9-1.6s-2.9.5-3.9%201.6l-3.7%203.7c-5.3%200-13.6-.7-18.1-5.2-6.9-6.8%201.1-20.3-5.1-29-6.1-8.7-15.9-19.7-22.9-26.7-7-7-34.6-33.4-81.2-52.5-16.4-6.7-32.5-9.3-46.8-9.3-26.3%200-46.9%208.5-54.2%2015.2-5.4%205-11.1%2014-3.1%2014%20.7%200%201.5-.1%202.4-.2%204.4-.7%2013.2-1.5%2023.2-1.5%2015.6%200%2034.2%202.1%2044.1%2010%2016.2%2013%2029.5%2030.3%2030.6%2052.7%201.1%2021.5-6.2%2034-34.3%2061.8l-5.7-3c-1.3-.7-2.8-1-4.2-1-2.5%200-4.9.9-6.3%202.3%200%200-4.4%204.1-46.4%2045.8-62.3%2061.6-139.1%20123.7-139.1%20123.7-2.2%202.2-2.2%205.7%200%207.8l55.2%2054.8c1.1%201.1%202.5%201.6%203.9%201.6s2.9-.5%203.9-1.6c0%200%2062.6-76.2%20124.7-137.8%2042-41.7%2046.1-46%2046.1-46%202.2-2.2%203.6-6.6%201.3-10.4l-3.9-6.5c25.1-24.9%2035.2-35.5%2047.5-38.9%204-1.1%208.3-1.5%2012.7-1.5%209.6%200%2019%202.2%2023.3%204.5%205.1%202.7%209.7%2011.3%2010.2%2018.6l-9.5%209.5c-2.2%202.2-2.2%205.7%200%207.8l34.2%2033.9c1.1%201.1%202.5%201.6%203.9%201.6s2.9-.5%203.9-1.6l55.2-54.8c2.3-2.2%202.3-5.8.2-7.9zm-236.2%2080.3c-49.4%2049-99.4%20107.5-118.2%20129.8l-38.9-38.6c22.6-18.7%2081.5-68.2%20130.7-117.1%2023.4-23.2%2035.1-34.7%2040.8-40.3l25.9%2025.9c-5.7%205.9-17.3%2017.5-40.3%2040.3zm177-36.3l-19.3-19.2%202-2%203.2-5.2%201.5-7.3c-.8-11.2-7.5-25.6-18.6-31.5-7.3-3.9-19.4-6.4-30.9-6.4-6.1%200-11.8.7-17%202.1-15.6%204.3-26.5%2015.2-50.4%2038.9l-4%204-1.7%201.6-7.1-7.1%201.4-1.4c28.7-28.4%2040.4-45%2039-73.9-1.1-24.1-13.4-45.8-36.5-64.5-4.6-3.7-10.4-6.6-17.3-8.8%2012.2.6%2024.2%203.2%2035.7%207.9%2039.3%2016.1%2064.5%2037.6%2076%2049%206.2%206.1%2015.1%2016.2%2020.7%2023.9.1%201.2-.1%203.5-.2%205.2-.5%206.7-1.2%2018.2%207.5%2026.8%206.6%206.5%2016.5%2010%2029.4%2010l7.6-1.2%2019.3%2019.1-40.3%2040z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-hammer-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-hammer-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-hammer-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-hammer-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-hammer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M245.5%20213c-1.3-.7-2.8-1-4.2-1-2.5%200-4.9.9-6.3%202.3%200%200-4.4%204.1-46.4%2045.8-62.2%2061.6-139%20123.7-139%20123.7-2.2%202.2-2.2%205.7%200%207.8l55.2%2054.8c1.1%201.1%202.5%201.6%203.9%201.6s2.9-.5%203.9-1.6c0%200%2062.6-76.2%20124.7-137.8%2042-41.7%2046.1-46%2046.1-46%202.2-2.2%203.6-6.6%201.3-10.4l-3.9-6.4-29.7-29.8-5.6-3zM462.4%20216.9L428.2%20183c-1.1-1.1-2.5-1.6-3.9-1.6s-2.9.5-3.9%201.6l-3.7%203.7c-5.3%200-13.6-.7-18.1-5.2-6.9-6.8%201.1-20.3-5.1-29-6.1-8.7-15.9-19.7-22.9-26.7-7-7-34.6-33.4-81.2-52.5-16.4-6.7-32.5-9.3-46.8-9.3-26.3%200-46.9%208.5-54.2%2015.2-5.4%205-11.1%2014-3.1%2014%20.7%200%201.5-.1%202.4-.2%204.4-.7%2013.2-1.5%2023.2-1.5%2015.6%200%2034.2%202.1%2044.1%2010%2016.2%2013%2029.5%2030.3%2030.6%2052.7.9%2018.4-4.3%2030.2-23.4%2050.7l29.9%2029.9c17.5-17.2%2026.3-25.2%2036.5-28%204-1.1%208.3-1.5%2012.7-1.5%209.6%200%2019%202.2%2023.3%204.5%205.1%202.7%209.7%2011.3%2010.2%2018.6l-9.5%209.5c-2.2%202.2-2.2%205.7%200%207.8l34.2%2033.9c1.1%201.1%202.5%201.6%203.9%201.6s2.9-.5%203.9-1.6l55.2-54.8c2-2.2%202-5.8-.1-7.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-hammer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-hammer-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-hammer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-hammer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-hand-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M273%2063.9c10.5%200%2019%208.5%2019%2018.9v132.6c0%204.4%203.6%208%208%208s8-3.6%208-8V98.8c0-10.4%208.5-18.9%2019-18.9s19%208.5%2019%2018.9v148.5c0%204.4%203.6%208%208%208s8-3.6%208-8V146.7c0-10.4%208.5-18.9%2019-18.9s19%208.5%2019%2018.9V361c0%2050.8-28.6%2087-70.2%2087h-51.5c-21.5%200-36.6-11.1-36.6-11.1-38.9-23.4-84.8-88.6-102-108.4-17.9-20.5-35.1-38.2-24.2-49%205.6-5.3%2011.7-7.8%2018.1-7.8%2012.2%200%2026.2%208.5%2041.5%2022.2l24.9%2021.7V114.8c0-10.4%208.5-18.9%2019-18.9s19%208.5%2019%2018.9v116.6c0%204.4%203.6%208%208%208s8-3.6%208-8V82.9c0-10.4%208.5-19%2019-19m-.1-15.9C253.6%2048%20238%2063.6%20238%2082.9v2.6c-5-3.5-12-5.6-19-5.6-19.3%200-35%2015.7-35%2034.9v165.5c-19-16.9-35.2-24.5-50.3-24.5-10.9%200-20.8%204.1-29.3%2012.1l-.2.1-.2.1c-5.7%205.7-13.7%2018.2-2.5%2038.1%205.1%208.9%2013.2%2018.2%2021.8%2028%201.3%201.5%202.7%203.1%204.1%204.6%203.5%204%208.6%2010.5%2014.6%2018%2023.1%2029.2%2058.1%2073.6%2090.9%2093.5%203.8%202.6%2021.1%2013.7%2045.3%2013.7h51.5c25%200%2047.4-11%2063.1-30.4C408%20415.1%20416%20389.7%20416%20361V146.7c0-19.2-15.7-34.9-35-34.9-7%200-13%202.1-19%205.6V98.8c0-19.2-15.8-34.9-35.1-34.9-7.9%200-15.2%202.6-21.1%207.1-4.9-13.4-17.8-23-32.9-23z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-hand-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-hand-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-hand-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-hand-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-hand-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M395%20117c-11.6%200-21%209.2-21%2020.5v109c0%204.8-4.6%208.6-9.5%208.6s-9.5-3.9-9.5-8.6V85.8c0-11.3-9.4-20.5-21-20.5s-21%209.2-21%2020.5V212c0%204.8-3.6%208.6-8.5%208.6s-8.5-3.9-8.5-8.6V68.5c0-11.3-9.4-20.5-21-20.5s-21%209.2-21%2020.5v160.8c0%204.8-4.1%208.6-9%208.6s-9-3.9-9-8.6V103c0-11.3-10.4-20.5-22-20.5s-22%209.2-22%2020.5v217.4l-25.9-23.6c-26.1-22.6-48.3-32.3-66.3-15.6-12.1%2011.7%206.9%2030.8%2026.7%2053%2019.2%2021.4%2070%2092.3%20113.2%20117.6%200%200%2016.7%2012.2%2040.6%2012.2h57.2c46.1%200%2078.4-39.5%2078.4-94.5v-232c.1-11.2-9.3-20.5-20.9-20.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-hand-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-hand-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-hand($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-hand-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-happy-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064c25.9%200%2051.1%205.1%2074.7%2015.1%2022.9%209.7%2043.4%2023.5%2061%2041.2%2017.6%2017.6%2031.5%2038.2%2041.2%2061%2010%2023.7%2015.1%2048.8%2015.1%2074.7s-5.1%2051.1-15.1%2074.7c-9.7%2022.9-23.5%2043.4-41.2%2061-17.6%2017.6-38.2%2031.5-61%2041.2-23.7%2010-48.8%2015.1-74.7%2015.1s-51.1-5.1-74.7-15.1c-22.9-9.7-43.4-23.5-61-41.2-17.6-17.6-31.5-38.2-41.2-61C69.1%20307.1%2064%20281.9%2064%20256s5.1-51.1%2015.1-74.7c9.7-22.9%2023.5-43.4%2041.2-61%2017.6-17.6%2038.2-31.5%2061-41.2C204.9%2069.1%20230.1%2064%20256%2064m0-16C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048z%22%2F%3E%3Ccircle%20cx%3D%22328%22%20cy%3D%22224%22%20r%3D%2224%22%2F%3E%3Ccircle%20cx%3D%22184%22%20cy%3D%22224%22%20r%3D%2224%22%2F%3E%3Cpath%20d%3D%22M256%20369c48.3%200%2088.5-35%2096.5-81h-193c8%2046%2048.2%2081%2096.5%2081z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-happy-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-happy-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-happy-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-happy-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-happy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm72%20152c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024-24-10.7-24-24%2010.7-24%2024-24zm-144%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024-24-10.7-24-24%2010.7-24%2024-24zm72%20169c-48.3%200-88.5-35-96.5-81h193.1c-8.1%2046-48.3%2081-96.6%2081z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-happy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-happy-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-happy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-happy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-headset-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M344%20211.8c-4.4%200-8-3.6-8-8%200-40-38.7-72-80-72s-80%2032-80%2072c0%204.4-3.6%208-8%208s-8-3.6-8-8c0-25%2011.8-44.3%2029.6-61.6%2017.6-17.1%2041.2-26.4%2066.4-26.4s48.8%209.4%2066.4%2026.4c17.8%2017.2%2029.6%2036.5%2029.6%2061.6%200%204.4-3.6%208-8%208z%22%2F%3E%3Cpath%20d%3D%22M408%20260h-24v-47.8c0-70.4-57.6-128-128-128s-128%2057.6-128%20128V260h-24c-39.6%200-72%2032.4-72%2072v15.8c0%2039.6%2032.4%2072.2%2072%2072.2h24c0%204%203.6%207.9%208%207.9s8-3.7%208-8.1V212.2c0-29.8%2011.7-57.9%2032.9-79.1%2021.2-21.2%2049.3-32.9%2079.1-32.9%2030%200%2057.9%2011.7%2079.1%2032.9%2021.2%2021.2%2032.9%2049.3%2032.9%2079.1v207.6c0%204.4%203.6%208.1%208%208.1s8-3.9%208-7.9h24c39.6%200%2072-32.6%2072-72.2V332c0-39.6-32.4-72-72-72zM128%20404h-24c-14.9%200-28.9-5.9-39.5-16.6S48%20362.7%2048%20347.8V332c0-14.9%205.8-28.9%2016.5-39.5S89.1%20276%20104%20276h24v128zm336-56.2c0%2014.9-5.8%2029-16.5%2039.6S422.9%20404%20408%20404h-24V276h24c14.9%200%2028.9%205.8%2039.5%2016.5S464%20317.1%20464%20332v15.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-headset-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-headset-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-headset-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-headset-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-headset-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M408%20260h-24v-47.8c0-70.4-57.6-128-128-128s-128%2057.6-128%20128V260h-24c-39.6%200-72%2032.4-72%2072v15.8c0%2039.6%2032.4%2072.2%2072%2072.2h24c0%204%203.6%207.9%208%207.9s8-3.7%208-8.1V213h24c4.4%200%208-4%208-8.4%200-40%2038.7-72.4%2080-72.4s80%2032.3%2080%2072.3c0%204.4%203.6%208.6%208%208.6h24v206.8c0%204.4%203.6%208.1%208%208.1s8-3.9%208-7.9h24c39.6%200%2072-32.6%2072-72.2V332c0-39.6-32.4-72-72-72z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-headset-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-headset-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-headset($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-headset-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-heart-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M359.385%2080C319.965%2080%20277.17%2097.6%20256%20132.8%20234.83%2097.6%20192.034%2080%20152.615%2080%2083.647%2080%2032%20123.238%2032%20195.78c0%2031.287%2012.562%2071.923%2040.923%20105.656%2028.36%2033.735%2045.23%2051.7%20100.153%2088C228%20425.738%20256%20432%20256%20432s28-6.262%2082.924-42.564c54.923-36.3%2071.794-54.265%20100.153-88C467.437%20267.703%20480%20227.066%20480%20195.78%20480%20123.237%20428.353%2080%20359.385%2080zm67.445%20211.14c-26.852%2031.94-42.18%2048.896-96.73%2084.948-40.236%2026.596-65.25%2036.3-74.1%2039.233-8.85-2.932-33.865-12.638-74.103-39.232-54.548-36.052-69.876-53.006-96.73-84.948-12.064-14.35-21.856-31.274-28.315-48.943C51.062%20226.355%2048%20210.304%2048%20195.78c0-30.285%2010.13-55.644%2029.297-73.336%209.14-8.437%2020.158-14.992%2032.752-19.484%2012.944-4.62%2027.265-6.96%2042.565-6.96%2038.018%200%2073.217%2017.682%2089.674%2045.046L256%20163.844l13.71-22.798C286.17%20113.682%20321.37%2096%20359.386%2096c15.3%200%2029.62%202.34%2042.566%206.96%2012.595%204.492%2023.613%2011.047%2032.753%2019.483C453.87%20140.136%20464%20165.495%20464%20195.78c0%2014.524-3.062%2030.575-8.854%2046.417-6.458%2017.668-16.25%2034.592-28.316%2048.944z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-heart-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-heart-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-heart-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-heart-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-heart-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M359.385%2080C319.965%2080%20277.17%2097.6%20256%20132.8%20234.83%2097.6%20192.034%2080%20152.615%2080%2083.647%2080%2032%20123.238%2032%20195.78c0%2031.287%2012.562%2071.923%2040.923%20105.656%2028.36%2033.735%2045.23%2051.7%20100.153%2088C228%20425.738%20256%20432%20256%20432s28-6.262%2082.924-42.564c54.923-36.3%2071.794-54.265%20100.153-88C467.437%20267.703%20480%20227.066%20480%20195.78%20480%20123.237%20428.353%2080%20359.385%2080z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-heart-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-heart-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-heart($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-heart-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-help-buoy-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm135.8%2072.2c17.6%2017.6%2031.5%2038.2%2041.2%2061%202.7%206.3%205%2012.8%207%2019.4l-101.1%206.8c-8.2-14-19.9-25.7-33.9-34l6.5-101.3c6.5%202%2013%204.3%2019.3%207%2022.8%209.7%2043.3%2023.5%2061%2041.1zM448%20256c0%2013.5-1.4%2026.7-4.1%2039.6l-97.6-7c3.7-10.2%205.7-21.2%205.7-32.7%200-11.4-2-22.4-5.7-32.6l97.6-7c2.7%2013%204.1%2026.2%204.1%2039.7zm-192%2080c-44.1%200-80-35.9-80-80s35.9-80%2080-80%2080%2035.9%2080%2080-35.9%2080-80%2080zM64%20256c0-13.5%201.4-26.7%204.1-39.6l97.6%207c-3.7%2010.2-5.7%2021.1-5.7%2032.6%200%2011.4%202%2022.4%205.7%2032.6l-97.6%207.1c-2.7-13-4.1-26.2-4.1-39.7zM295.6%2068.1l-6.8%2097.7c-10.2-3.7-21.3-5.8-32.8-5.8-11.5%200-22.5%202-32.8%205.7l-6.9-97.6c12.9-2.7%2026.2-4.1%2039.6-4.1%2013.6%200%2026.8%201.4%2039.7%204.1zm-175.4%2052.1c17.6-17.6%2038.2-31.5%2061-41.2%206.3-2.7%2012.8-5%2019.3-7l6.5%20101.3c-13.9%208.3-25.6%2020-33.9%2033.9L72%20200.5c2-6.5%204.3-13%207-19.3%209.8-22.8%2023.6-43.3%2041.2-61zm0%20271.6c-17.6-17.6-31.5-38.2-41.2-61-2.7-6.3-5-12.8-7-19.3l101.3-6.5c8.2%2013.9%2019.9%2025.5%2033.8%2033.8L200.5%20440c-6.5-2-13-4.3-19.3-7-22.8-9.8-43.3-23.6-61-41.2zm96.2%2052.1l7-97.6c10.2%203.7%2021.2%205.7%2032.6%205.7%2011.5%200%2022.6-2%2032.9-5.8l6.8%2097.7c-12.9%202.7-26.2%204.1-39.6%204.1-13.6%200-26.8-1.4-39.7-4.1zm175.4-52.1c-17.6%2017.6-38.2%2031.5-61%2041.2-6.3%202.7-12.8%205-19.3%207l-6.7-101.1c14.1-8.3%2025.8-20.1%2034.1-34.2l101.1%206.8c-2%206.5-4.3%2013-7%2019.4-9.8%2022.7-23.6%2043.2-41.2%2060.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-help-buoy-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-help-buoy-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-help-buoy-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-help-buoy-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-help-buoy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm135.8%2072.2c17.6%2017.6%2031.5%2038.2%2041.2%2061%202.7%206.3%205%2012.8%207%2019.4l-101.1%206.8c-8.2-14-19.9-25.7-33.9-34l6.5-101.3c6.5%202%2013%204.3%2019.3%207%2022.8%209.7%2043.3%2023.5%2061%2041.1zM256%20336c-44.1%200-80-35.9-80-80s35.9-80%2080-80%2080%2035.9%2080%2080-35.9%2080-80%2080zM120.2%20120.2c17.6-17.6%2038.2-31.5%2061-41.2%206.3-2.7%2012.8-5%2019.3-7l6.5%20101.3c-13.9%208.3-25.6%2020-33.9%2033.9L72%20200.5c2-6.5%204.3-13%207-19.3%209.8-22.8%2023.6-43.3%2041.2-61zm0%20271.6c-17.6-17.6-31.5-38.2-41.2-61-2.7-6.3-5-12.8-7-19.3l101.3-6.5c8.2%2013.9%2019.9%2025.5%2033.8%2033.8L200.5%20440c-6.5-2-13-4.3-19.3-7-22.8-9.8-43.3-23.6-61-41.2zm271.6%200c-17.6%2017.6-38.2%2031.5-61%2041.2-6.3%202.7-12.8%205-19.3%207l-6.7-101.1c14.1-8.3%2025.8-20.1%2034.1-34.2l101.1%206.8c-2%206.5-4.3%2013-7%2019.4-9.8%2022.7-23.6%2043.2-41.2%2060.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-help-buoy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-help-buoy-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-help-buoy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-help-buoy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-help-circle-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cpath%20d%3D%22M259.6%20146c-43.2%200-67.3%2020.3-67.6%2062.2h18.8c-.6-30.4%2015.5-46.5%2047.9-46.5%2023.2%200%2042.6%2016.2%2042.6%2039.8%200%2015.3-8.3%2027.7-19.4%2038.1-22.6%2020.8-29%2036-30.1%2064.5h19c1.1-25.8.5-30.7%2023.3-53.3%2015.2-14.2%2025.9-28.3%2025.9-50.2%200-34.2-27.4-54.6-60.4-54.6zM260.3%20332.3c-9.4%200-17%207.5-17%2016.8s7.6%2016.9%2017%2016.9%2017-7.5%2017-16.9c0-9.3-7.6-16.8-17-16.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-help-circle-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-help-circle-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-help-circle-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-help-circle-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-help-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm4.3%20318c-9.4%200-17-7.5-17-16.9%200-9.3%207.6-16.8%2017-16.8s17%207.5%2017%2016.8c0%209.4-7.6%2016.9-17%2016.9zm33.8-115.3c-22.8%2022.5-22.2%2027.4-23.3%2053.3h-19c1.1-28.5%207.5-43.7%2030.1-64.5%2011-10.3%2019.4-22.7%2019.4-38.1%200-23.6-19.4-39.9-42.6-39.9-32.4%200-48.5%2016.4-47.9%2046.4H192c.3-42%2024.4-62.1%2067.6-62.1%2033%200%2060.4%2020.4%2060.4%2054.6%200%2021.9-10.7%2036.2-25.9%2050.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-help-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-help-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-help-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-help-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-help-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M260.3%20366c-9.4%200-17-7.5-17-16.9%200-9.3%207.6-16.8%2017-16.8s17%207.5%2017%2016.8c0%209.4-7.6%2016.9-17%2016.9zm33.8-115.3c-22.8%2022.5-22.2%2027.4-23.3%2053.3h-19c1.1-28.5%207.5-43.7%2030.1-64.5%2011-10.3%2019.4-22.7%2019.4-38.1%200-23.6-19.4-39.9-42.6-39.9-32.4%200-48.5%2016.4-47.9%2046.4H192c.3-42%2024.4-62.1%2067.6-62.1%2033%200%2060.4%2020.4%2060.4%2054.6%200%2021.9-10.7%2036.2-25.9%2050.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-help-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-help-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-help($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-help-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-home-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20112L96%20240v208h112V320h96v128h112V240L256%20112zm144%20320h-80V304H192v128h-80V247.69l144-115.2%20144%20115.2V432z%22%2F%3E%3Cpath%20d%3D%22M256%2064l-96%2076.8V96H96v96l-32%2025.498%2011.51%2011.384L256%2084.49l180.49%20144.393L448%20217.498%20256%2064zm-112%2089.6l-32%2025.6V112h32v41.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-home-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-home-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-home-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-home-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-home-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20112L96%20240v208h112V320h96v128h112V240L256%20112z%22%2F%3E%3Cpath%20d%3D%22M256%2064l-96%2076.8V96H96v96l-32%2025.498%2011.51%2011.384L256%2084.49l180.49%20144.393L448%20217.498%20256%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-home-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-home-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-home($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-home-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-ice-cream-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M380.4%20163.6C374%20160.5%20368%20159%20368%20159c0-61.9-50.1-113-112-113S144%2097.2%20144%20159.1c0%200-5.7.9-12.4%204.4-12.2%206.4-19.7%2019.8-19.7%2034.5%200%2022.1%2017.9%2040%2040%2040%2012.5%200%2031.7-5.8%2039.1-14.8%2015.3%2015.1%2037.8%2022.8%2064.9%2022.8%2027.1%200%2049.7-7.7%2064.9-22.8%207.3%209%2026.5%2014.8%2039.1%2014.8%2022.1%200%2040-17.9%2040-40%20.1-14.6-8.7-29.1-19.5-34.4zM360%20222c-4.5%200-10.7-1.2-16.2-3.1-6.4-2.3-10.5-5.8-10.5-5.8-5.2-3.4-11.1-13.7-11.1-13.7l-12.5%2012.4c-12%2011.9-30.5%2018.2-53.7%2018.2-23.1%200-41.7-6.3-53.7-18.2l-12.5-12.4s-4.6%208.9-11.1%2013.7c-2%201.5-4.1%203.5-10.5%205.8-5.4%201.9-11.6%203.1-16.2%203.1-13.3%200-24-10.8-24-24%200-8.2%204-15.6%2010.7-20%200%200%204.1-2.5%208.1-3.9%204.6-1.5%208.4-2%208.4-2%2010.1%207.8%2021.4%2010.5%2021.4%2010.5-8.7-6-16.4-21.7-16.4-21.7V159c0-25.8%2010-50.1%2028.2-68.5C206.4%2072.2%20230.5%2062%20256%2062c25.5%200%2049.6%2010.1%2067.8%2028.5C342%20108.9%20352%20133.3%20352%20159v2.1s-7%2015.6-15.6%2021.6c0%200%2011.2-2.7%2021.3-10.4%200%200%203.5-.2%207.5%201.3s8.1%204.5%208.1%204.5c6.7%204.5%2010.7%2011.8%2010.7%2020%200%2013.1-10.8%2023.9-24%2023.9z%22%2F%3E%3Cpath%20d%3D%22M191.1%20240.2l-.3.3.3-.3c.1.1%200%200%200%200zM321%20240.2c-15.3%2015.1-37.9%2022.8-65%2022.8-27%200-49.6-7.6-64.8-22.7l-.4.2c-4%204.7-11.2%208.5-18.9%2011L226.8%20439c.9%202.6%209.5%2027%2029.3%2027%209.1%200%2017.5-5.9%2023.7-14.7%203.7-5.3%205.6-11.4%205.9-12.4l55.3-187c-8.2-2.7-16-6.7-20-11.7zm-64.9%2043.5l35.8%2024.6-35.8%2024.6-35.8-24.6%2035.8-24.6zm-58.3%209.1L187.1%20258l5-3c9.5%2010.4%2036.1%2018.1%2051.8%2020.2l.5.3-35.8%2024.6-7.1%204.9-3.7-12.2zm7.5%2025.8l3.2-2.2%2035.8%2024.6-27.1%2018.6-11.9-41zm27.8%2095.7l-5.6-19.3%2016.8%2011.6-11.2%207.7zm23%2038.7c-11.3%200-17.1-18.4-17.1-18.4l-1-3.8%2018.1-13.1%2018.2%2013.2-.9%203.6c0%20.1-5.7%2018.5-17.3%2018.5zm23.2-38.6l-11.4-7.8%2017.1-11.8-5.7%2019.6zm11.6-39.9l-34.8%2024-34.5-23.7-.4-1.5%2035-24%2035.2%2024.2-.5%201zm4.3-14.7L267.9%20341l35.8-24.6%203.5%202.4-12%2041zm19.6-67.3l-3.7%2012.7-7.4-5.1-35.8-24.6.5-.3c15.6-2.1%2037-8.2%2051.7-18.8l4%202.6-9.3%2033.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-ice-cream-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-ice-cream-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-ice-cream-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-ice-cream-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-ice-cream-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M219.2%20400.9l7.2%2022.4%2014.4-9zM285.9%20423.4l7.3-22.8-22%2013.7zM240.8%20261.9l-.6-.4c-20.1-2.5-36.9-9.8-49.1-21.9-4.1%205-11.8%209-20%2011.6L181%20282l4.6%2014.2%209.2-5.7%2046-28.6zM194.7%20309.5l-4.1%202.5%2015.4%2047.8%2034.8-21.7zM256%20347.6l-45%2027.9-1.1.7%201.7%201.1%2044.4%2027.6%2044.8-27.9%201.3-.8-.8-.5zM302.1%20300L256%20271.4%20209.9%20300l46.1%2028.7zM320.9%20239.7c-12.2%2012.1-29%2019.4-49.1%2021.9l-.6.4%2046.1%2028.7%209.5%205.9%204.8-14.8%209.8-30.3c-8.4-2.7-16.3-6.7-20.5-11.8zM231.4%20439l2.6%208s7.5%2019%2022%2019c15%200%2022.2-19%2022.2-19l2.5-7.8-24.7-15.5-24.6%2015.3zM271.2%20338.1l35.1%2021.9%2015.5-47.8-4.5-2.7z%22%2F%3E%3Cpath%20d%3D%22M380.4%20163.9c-11%2012.7-28.1%2016.8-28.1%2016.8%208.7-6%2015.6-21.6%2015.6-21.6v-.8C368%2096.3%20317.9%2046%20256%2046S144%2096.7%20144%20158.7v1.3h.3s7%2015.1%2015.6%2021.1c0%200-17.2-4.3-28.2-17.1-11.8%207-19.8%2019.7-19.8%2034.5%200%2022.1%2017.9%2040%2040%2040%2012.5%200%2031.7-5.8%2039.1-14.9%2015.3%2015.2%2037.8%2022.8%2064.9%2022.8s49.7-7.7%2064.9-22.9c7.3%209.1%2026.5%2014.8%2039.1%2014.8%2022.1%200%2040-18%2040-40.1.1-14.5-7.8-27.3-19.5-34.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-ice-cream-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-ice-cream-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-ice-cream($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-ice-cream-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-image-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2064v384h384V64H64zm368%20368H79V80h353v352z%22%2F%3E%3Ccircle%20cx%3D%22304%22%20cy%3D%22176%22%20r%3D%2216%22%2F%3E%3Cpath%20d%3D%22M96%2096v256h320V96H96zm198.6%20240H153.4L224%20235.8%20294.6%20336zm-6.2-36.6l22.3-31.6%2048%2068.2h-44.6l-25.7-36.6zM400%20336h-21.7l-67.6-96-32.1%2045.5L224%20208l-90.1%20128H112V112h288v224z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-image-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-image-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-image-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-image-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-image-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M447.8%2064.2L64%2064v384h384V64l-.2.2zM432%20432H80V80h352v352z%22%2F%3E%3Cpath%20d%3D%22M416%2096H96v256h320V96zm-111.8%2063.8c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016-16-7.2-16-16c0-8.9%207.2-16%2016-16zM153.5%20336l70.7-100.5L295%20336H153.5zm161.1.1l-25.9-36.9%2022.3-31.6%2048.2%2068.5h-44.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-image-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-image-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-image($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-image-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-images-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M390.4%20121.9L384%2032%2032%2056l23.3%20319.9%2022.2-1.6-5.5%2078.9L456%20480l24-352-89.6-6.1zm-321.2%20237L49.1%2071.6l320.2-22.4%205%2071.6-16.1-1.1-3.7-53.5L67.1%2086.4l15.3%20218.2-3.8%2053.6-9.4.7zM96.6%20102l-6.2%2087.9-6.2-88.7%20255.4-17.9%202.5%2035.3L96.6%20102zm344%20360.9L88.1%20438.3%20110.4%20119l352.5%2024.6-22.3%20319.3z%22%2F%3E%3Cellipse%20transform%3D%22rotate(94.004%20361.466%20216.762)%20scale(1.00004)%22%20cx%3D%22361.5%22%20cy%3D%22216.8%22%20rx%3D%2216%22%20ry%3D%2216%22%2F%3E%3Cpath%20d%3D%22M126.3%20136.2l-15.6%20223.5L430.2%20382l15.6-223.5-319.5-22.3zm42.8%20211.5l77.5-95.1L310%20357.5l-140.9-9.8zm160.5%2011.2l-23.2-38.3%2024.5-30%2043.2%2071.4-44.5-3.1zm85.7%206l-21.7-1.5-60.8-100.5-35.2%2043.2-49.1-81.2-98.9%20121.4-21.8-1.5%2013.4-191.6%20287.6%2020.1-13.5%20191.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-images-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-images-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-images-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-images-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-images-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M390.4%20121.9L384%2032%2032%2056l23.3%20319.9%2022.2-1.6-5.5%2078.9L456%20480l24-352-89.6-6.1zm-321.2%20237L49.1%2071.6l320.2-22.4%205%2071.6-16.1-1.1-3.7-53.5L67.1%2086.4l15.3%20218.2-3.8%2053.6-9.4.7zm371.4%20104L88.1%20438.3%20110.4%20119l352.5%2024.6-22.3%20319.3z%22%2F%3E%3Cpath%20d%3D%22M126.3%20136.2l-15.6%20223.5L430.2%20382l15.6-223.5-319.5-22.3zm42.8%20211.5l77.5-95.1L310%20357.5l-140.9-9.8zm160.5%2011.2l-23.2-38.3%2024.5-30%2043.2%2071.4-44.5-3.1zm47.8-141c-.6%208.8-8.3%2015.5-17.1%2014.8s-15.5-8.3-14.9-17.1c.6-8.8%208.3-15.5%2017.1-14.8%208.9.6%2015.6%208.3%2014.9%2017.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-images-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-images-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-images($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-images-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-infinite-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M451.23%20188.098C432.68%20169.968%20407.95%20160%20381.584%20160c-26.363%200-51.095%209.967-69.642%2028.098l-42.23%2041.187%2013.65%2013.447%2042.23-41.306c14.932-14.53%2034.763-22.573%2055.877-22.573%2021.113%200%2040.946%208.044%2055.878%2022.573%2030.797%2030.14%2030.797%2079.13%200%20109.148-14.932%2014.53-34.765%2022.573-55.878%2022.573-21.114%200-40.945-8.044-55.878-22.573l-125.52-122.476C181.405%20169.968%20156.674%20160%20130.426%20160c-26.363%200-51.095%209.967-69.643%2028.098C41.614%20206.808%2032.02%20231.44%2032%20256c-.02%2024.61%209.573%2049.15%2028.784%2067.902C79.332%20342.032%20104.064%20352%20130.427%20352c26.365%200%2051.095-9.968%2069.645-28.098l42.11-41.186-13.646-13.33-42.23%2041.188c-14.93%2014.53-34.763%2022.573-55.878%2022.573-21.113%200-40.944-8.044-55.876-22.573-30.8-30.14-30.8-79.13%200-109.148%2014.932-14.53%2034.763-22.573%2055.876-22.573%2021.115%200%2040.947%208.044%2055.88%2022.573l125.52%20122.477C330.49%20342.033%20355.22%20352%20381.47%20352c26.363%200%2051.095-9.968%2069.643-28.098C470.36%20305.23%20479.985%20280.6%20480%20256c.015-24.6-9.58-49.17-28.77-67.902z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-infinite-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-infinite-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-infinite-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-infinite-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-infinite-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M456.82%20182.377C436.783%20162.787%20410.063%20152%20381.586%20152c-28.477%200-55.195%2010.788-75.21%2030.354L267.27%20220.24l25.06%2024.688%2038.842-37.77c13.458-13.094%2031.32-20.306%2050.3-20.306%2018.978%200%2036.84%207.212%2050.28%2020.29%2013.364%2013.078%2020.713%2030.47%2020.694%2048.97-.02%2018.444-7.363%2035.75-20.677%2048.73-13.46%2013.094-31.32%2020.306-50.3%2020.306-18.978%200-36.84-7.212-50.29-20.3L205.645%20182.36C185.49%20162.783%20158.778%20152%20130.426%20152c-28.476%200-55.194%2010.788-75.23%2030.373-20.093%2019.613-31.173%2045.76-31.196%2073.62-.024%2027.822%2011.055%2053.973%2031.192%2073.63%2020.04%2019.59%2046.76%2030.377%2075.235%2030.377s55.194-10.788%2075.223-30.363l38.994-37.91-25.088-24.5-38.83%2037.614c-13.457%2013.096-31.32%2020.308-50.3%2020.308-18.976%200-36.838-7.212-50.28-20.29-13.363-13.078-20.713-30.47-20.693-48.972.02-18.443%207.363-35.75%2020.678-48.727%2013.46-13.096%2031.32-20.308%2050.298-20.308%2018.98%200%2036.842%207.212%2050.292%2020.3L306.252%20329.64C326.406%20349.218%20353.12%20360%20381.47%20360c28.476%200%2055.194-10.788%2075.213-30.355%2020.18-19.573%2031.3-45.727%2031.317-73.64.017-27.838-11.058-53.987-31.18-73.628z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-infinite-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-infinite-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-infinite($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-infinite-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-information-circle-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22251.5%22%20cy%3D%22172%22%20r%3D%2220%22%2F%3E%3Cpath%20d%3D%22M272%20344V216h-48v8h16v120h-16v8h64v-8z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-information-circle-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-information-circle-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-information-circle-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-information-circle-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-information-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm-4.5%20104c11.1%200%2020%209%2020%2020s-9%2020-20%2020-20-9-20-20%208.9-20%2020-20zM288%20352h-64v-8h16V224h-16v-8h48v128h16v8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-information-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-information-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-information-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-information-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-information-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22251.5%22%20cy%3D%22172%22%20r%3D%2220%22%2F%3E%3Cpath%20d%3D%22M272%20344V216h-48v8h16v120h-16v8h64v-8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-information-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-information-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-information($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-information-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-ionic-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M425.5%20134.8c4.7-5.9%207.5-13.5%207.5-21.6%200-19.2-15.6-34.9-34.8-34.9-8.2%200-15.7%202.8-21.6%207.5-34-24.2-75-37.8-119.9-37.8C141.8%2048%2048%20140.5%2048%20255.6S141.7%20464%20256.6%20464C371.5%20464%20464%20370.7%20464%20255.6c0-45-14.3-86.7-38.5-120.8zM398%2091.3c12.2%200%2022%209.9%2022%2022%200%2012.2-9.9%2022-22%2022-12.2%200-22-9.9-22-22s9.8-22%2022-22zm-6.2%20300.4c-17.6%2017.6-38.2%2031.6-61.1%2041.3-23.7%2010-48.2%2015.2-74.2%2015.2-25.9%200-51.7-5.1-75.4-15.2-22.9-9.7-43.4-23.5-61.1-41.3-17.6-17.6-31.5-38.3-41.2-61.2-10-23.7-15.1-48.9-15.1-74.9%200-25.9%205.1-51.2%2015.1-74.9%209.7-22.9%2023.5-43.5%2041.2-61.2s38.2-31.6%2061.1-41.3c23.7-10%2049.4-14.1%2075.4-14.1%2025.9%200%2050.5%204%2074.2%2014.1%2012.7%205.4%2024.7%2012.1%2035.9%2020-2.1%204.5-3.3%209.5-3.3%2014.9%200%2019.2%2015.6%2034.9%2034.8%2034.9%205.3%200%2010.3-1.2%2014.9-3.3%207.9%2011.2%2014.6%2023.2%2020%2036%2010%2023.7%2015.1%2048.9%2015.1%2074.9%200%2025.9-5.1%2051.2-15.1%2074.9-9.7%2022.9-23.5%2043.5-41.2%2061.2z%22%2F%3E%3Cpath%20d%3D%22M256.5%20160.1c-53%200-96%2042.8-96%2095.9s42.9%2096.1%2096%2096.1c53%200%2096-43%2096-96.1s-43-95.9-96-95.9zm0%20175.7c-44.1%200-79.7-35.8-79.7-79.8%200-44.1%2035.6-79.6%2079.7-79.6s79.7%2035.6%2079.7%2079.6c0%2044.1-35.7%2079.8-79.7%2079.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-ionic-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-ionic-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-ionic-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-ionic-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-ionic-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M425.5%20134.8c4.7-5.9%207.5-13.5%207.5-21.6%200-19.2-15.6-34.9-34.8-34.9-8.2%200-15.7%202.8-21.6%207.5-34-24.2-75-37.8-119.9-37.8C141.8%2048%2048%20140.5%2048%20255.6S141.7%20464%20256.6%20464%20464%20370.7%20464%20255.6c0-45-14.3-86.7-38.5-120.8zm-33.7%20256.9c-17.6%2017.6-38.2%2031.6-61.1%2041.3-23.7%2010-48.2%2015.2-74.2%2015.2-25.9%200-51.7-5.1-75.4-15.2-22.9-9.7-43.4-23.5-61.1-41.3-17.6-17.6-31.5-38.3-41.2-61.2-10-23.7-15.1-48.9-15.1-74.9%200-25.9%205.1-51.2%2015.1-74.9%209.7-22.9%2023.5-43.5%2041.2-61.2s38.2-31.6%2061.1-41.3c23.7-10%2049.4-14.1%2075.4-14.1%2025.9%200%2050.5%204%2074.2%2014.1%2012.7%205.4%2024.7%2012.1%2035.9%2020-2.1%204.5-3.3%209.5-3.3%2014.9%200%2019.2%2015.6%2034.9%2034.8%2034.9%205.3%200%2010.3-1.2%2014.9-3.3%207.9%2011.2%2014.6%2023.2%2020%2036%2010%2023.7%2015.1%2048.9%2015.1%2074.9%200%2025.9-5.1%2051.2-15.1%2074.9-9.7%2022.9-23.5%2043.5-41.2%2061.2z%22%2F%3E%3Cpath%20d%3D%22M256.5%20160.1c-53%200-96%2042.8-96%2095.9s42.9%2096.1%2096%2096.1c53%200%2096-43%2096-96.1s-43-95.9-96-95.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-ionic-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-ionic-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-ionic($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-ionic-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-ionitron-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M467.7%20269.2c-4.3-30.9-14.4-57.3-33.8-57.3l-7.6.1c-30.6-62-94.2-103.5-166.6-103.5-3.5%200-7%20.1-10.5.3-85.8%204.8-154.7%2066.7-171.7%20146.8l-11.4%201.6c-17.2%202.4-26.9%2034.8-21.6%2072.5%205%2036.2%2022.1%2064%2038.6%2064%20.7%200%201.4%200%202-.1l15.7-2.2c32.9%2053.5%2092.1%2088.7%20158.5%2088.7%203.5%200%207-.1%2010.5-.3%2085.2-4.7%20153.8-65.9%20171.4-145.2l7.4-.4c15.2-2.5%2023.8-31.4%2019.1-65zM106.2%20374.4l-23.1%203.2c-1.1-.3-5.6-3-10.8-12.2-5.7-10-9.9-23.5-11.9-38s-1.6-28.6%201.1-39.8c2.5-10.2%206.1-14%207.1-14.7l21.6-3c7.2%2012.9%2013.6%2030%2016.5%2049.3%203%2020.9%204%2040.7-.5%2055.2zm344.9-69.1c-1.8%208-4.3%2011.8-5.5%2013l-17.5%201-2.6%2011.8c-4%2017.9-10.8%2034.9-20.3%2050.7-9.4%2015.5-21.1%2029.4-34.9%2041.2-28.6%2024.6-63.7%2038.7-101.4%2040.8-3.2.2-6.4.3-9.6.3-29.4%200-58.4-7.7-83.9-22.2-24.9-14.2-46-34.5-60.9-58.9l-5.1-8.3c8-11.9%2012.8-31.6%209.6-57.5-2.8-22.6-15.4-40.5-27.4-50.8l1.6-7.4c7.6-35.8%2027.1-68.7%2054.9-92.9%2028.7-24.9%2064.1-39.1%20102.1-41.2%203.2-.2%206.8-.3%209.8-.3%2032.2%200%2063.2%209%2090.3%2026a168.5%20168.5%200%200%201%2061.7%2068.5l3.6%207.5c8.1%2019%2012.5%2037.1%2013.9%2057.5%201.5-25.3-2.1-42.7-7.1-56l11.5-.1c3.4%200%206.9%205.9%208.3%208.5%204.2%208%207.5%2020.1%209.6%2035.1%201.7%2012.1%201.5%2024.1-.7%2033.7z%22%2F%3E%3Cellipse%20transform%3D%22rotate(-93.182%20272.86%20364.837)%20scale(1.00004)%22%20cx%3D%22272.9%22%20cy%3D%22364.8%22%20rx%3D%2215.4%22%20ry%3D%2215.4%22%2F%3E%3Cpath%20d%3D%22M352.8%20344.8c-8.5.5-15%207.7-14.5%2016.2s7.7%2015%2016.2%2014.5%2015-7.7%2014.5-16.2c-.4-8.5-7.7-15-16.2-14.5zM168%2073.6c2.1%201.4%205%202.4%208.6%203%202.5.4%205.3.6%208.3.6%201.2%200%202.4%200%203.6-.1%201%200%201.9-.1%202.9-.2-.4-.4-.8-.9-1.2-1.3h-2.5c-3.8%200-7.4-.3-10.4-.9-3.5-.7-6.7-2.1-8.4-3.4-1.6-1.4-1.3-3.7-1.3-3.7.3-2.6%202.4-4.8%205.4-7.4%202.7-2.3%206.4-4.7%2010.8-7l3.1-1.5c-.8%203.3-.9%206.9-.2%2010.5%202.1%2010.9%2010.9%2018.9%2021.4%2020.4l4.7%2023.1%2015.8-3.2-4.6-22.8c9.4-5.1%2014.8-15.8%2012.8-26.9-.7-3.5-2-6.7-3.9-9.5-1.8-.3-4.3-.5-7.2-.5-5.6%200-13.1.6-22%202.6%201.1-.3%202.1-.7%203.2-1%207.6-2.1%2014.5-3.5%2021.5-4.2%208.6-1%2015-.3%2016.6-.1s3%20.5%204.3.9c-.8%201.2-1.2%202.7-1.2%204.2%200%203.3%202.1%206.2%205%207.4-.2.3-.5.6-.7.9-.8.9-1.8%201.9-2.9%202.8-1.1.9-2.2%201.8-3.5%202.7l-6.5%203.8-.3%201.5c.1%200%20.2-.1.2-.1l8.3-4.7c1.2-.8%202.4-1.6%203.4-2.4%201.2-.9%202.2-1.8%203.1-2.8l1-1h.9c4.4%200%208-3.6%208-8s-3.6-8-8-8c-1.6%200-3.1.5-4.4%201.3-1.8-.8-3.6-1.3-6.4-1.8-2.8-.5-11.8-1.2-19.6-.3-3.1-2.3-8.9-4.2-13.9-4.2-1.6%200-3.1.1-4.7.4-7.9%201.5-14.2%206.5-17.7%2013%200%200-11.7%204.5-19.6%2011.7-3.2%202.9-5%206.4-5.3%208.3-.7%202.9.3%205.8%203.5%207.9zm43.6-27.3c5.8%200%2010.5%204.7%2010.5%2010.5s-4.7%2010.5-10.5%2010.5-10.5-4.7-10.5-10.5%204.7-10.5%2010.5-10.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-ionitron-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-ionitron-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-ionitron-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-ionitron-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-ionitron-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M467.7%20269.2c-4.5-32-15.2-59.2-35.9-57.3%206.4%2014.6%2013.5%2035.2%2011.7%2072-1.4-25.9-6.3-50.2-17.1-72-32-64.6-100.5-107.4-177.2-103.1-85.8%204.8-154.7%2066.7-171.7%20146.8l-11.4%201.6c-17.2%202.4-26.9%2034.9-21.6%2072.5%205.3%2037.7%2023.5%2066.2%2040.7%2063.8l15.7-2.2c34.6%2056.3%2098.3%2092.3%20169%2088.4%2085.2-4.7%20153.8-65.9%20171.4-145.2l7.4-.4c15.1-2.5%2023.7-31.4%2019-64.9zM90.2%20264c10.7%208.2%2022.3%2028.3%2026.1%2055.1%203.9%2027.7-1.8%2054.1-10.4%2064.3%206-14.8%208-37.3%204.7-61.9-3.3-24-11-44.7-20.4-57.5zm183.6%20116.2c-8.5.5-15.8-6-16.2-14.5-.5-8.5%206-15.7%2014.5-16.2s15.8%206%2016.2%2014.5c.5%208.5-6%2015.7-14.5%2016.2zm80.8-4.7c-8.5.5-15.8-6-16.2-14.5-.5-8.5%206-15.7%2014.5-16.2s15.8%206%2016.2%2014.5c.5%208.5-6%2015.8-14.5%2016.2zM165.3%2070s0%20.1%200%200c.1.1.1.2.1.2.1.2.2.3.3.5v.1c.4%201%201.1%201.9%202.3%202.7%202%201.5%205%202.4%208.6%203%203.4.5%207.5.7%2011.9.5%201%200%201.9-.1%202.9-.2-.4-.4-.8-.9-1.2-1.3h-1.3c-4.3.1-8.2-.2-11.6-.9-3.5-.7-6.4-1.8-8.4-3.4-.6-.5-1-.9-1.3-1.4-.2-.7-.2-1.5%200-2.3.5-2.3%202.4-4.8%205.4-7.4%202.7-2.3%206.4-4.7%2010.8-7%20.8-.4%201.7-.9%202.6-1.3.1-.1.3-.1.5-.2-.8%203.3-.9%206.9-.2%2010.5%202.3%2011.9%2012.5%2020.3%2024.2%2020.6l5%2026.3%2010.7-2-5-26.3c10.8-4.6%2017.3-16.1%2015-28-.7-3.5-2-6.7-3.9-9.5-5.3-.8-15.6-.8-29.2%202.1%201.1-.3%202.1-.7%203.2-1%207.6-2.1%2014.9-3.5%2021.5-4.2.6-.1%201.2-.1%201.8-.2%201.2-.1%202.3-.2%203.5-.3h.6c4-.2%207.7-.1%2010.8.3%202.4.3%204.4.8%206.1%201.4-.6.9-.9%202-.9%203.2%200%202.7%201.8%205%204.3%205.8-.6.9-1.3%201.9-2.1%202.8-.8.9-1.8%201.9-2.9%202.8-1.1.9-2.2%201.8-3.5%202.7l-6.5%203.8-.3%201.5c.1%200%20.2-.1.2-.1l8.3-4.7c1.2-.8%202.4-1.6%203.4-2.4%201.2-.9%202.2-1.8%203.1-2.8.9-.9%201.7-1.9%202.4-2.8l.3-.6c3-.4%205.4-2.9%205.4-6%200-3.4-2.7-6.1-6.1-6.1-1%200-1.9.3-2.7.7-2-1.2-4.8-2.1-8.2-2.7-4.3-.8-9.5-1-15.5-.6-.7%200-1.4.1-2.1.2-.7.1-1.3.2-2%20.2-5.3-3.5-11.9-5-18.6-3.7-7.9%201.5-14.2%206.5-17.7%2013-1.3.5-2.6%201.1-3.8%201.7-.7.3-1.3.6-2%20.9-5.9%202.9-10.6%206.1-13.9%209.1-3.1%202.9-4.9%205.7-5.3%208.3-.2%201.4%200%202.8.7%204%20.1.1.2.3.3.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-ionitron-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-ionitron-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-ionitron($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-ionitron-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-jet-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23010101%22%20d%3D%22M464%2048s-19.8%201.4-53.1%2027.2c-15.5%2012-162.2%20120.6-162.2%20120.6L89%20187.9l-41%2036.5%20102%2051.2-8%2010.1-81.6%204.1-6.7%2033.6%2060.6%2047.2-26.7%2053.6%2053.7-26.5%2047.3%2060.6%2033.6-6.7%204.1-81.6%2010.1-7.9L287.6%20464l36.5-40.9-7.9-159.7s108.6-146.7%20120.6-162C462.7%2067.8%20464%2048%20464%2048zm-39.7%2043.6L300.1%20258.5l7.8%20158.8-16.5%2018.5-40.7-80.9-8.8-17.4-31.3%2024.5-3.9%2076.4-11.7%202.3-49.2-63.1-22.8%2011.2%2011.4-22.8-63.1-49.2%202.3-11.7%2076.4-3.9%2024.8-31.1-17.6-8.8-80.9-40.7%2018.5-16.5%20158.9%207.8%20167-124.1c4.5-3.5%208.7-6.5%2012.6-9-2.5%203.9-5.5%208.2-9%2012.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-jet-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-jet-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-jet-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-jet-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-jet-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23010101%22%20d%3D%22M464%2048s-19.8%201.4-53.1%2027.2c-15.5%2012-162.2%20120.6-162.2%20120.6L89%20187.9l-41%2036.5%20102%2051.2-8%2010.1-81.6%204.1-6.7%2033.6%2060.6%2047.2-26.7%2053.6%2053.7-26.5%2047.3%2060.6%2033.6-6.7%204.1-81.6%2010.1-7.9L287.6%20464l36.5-40.9-7.9-159.7s108.6-146.7%20120.6-162C462.7%2067.8%20464%2048%20464%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-jet-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-jet-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-jet($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-jet-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-key-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M342.6%20218.1c-13.3%200-26.1%200-38.1%204.1-51.6-43.1-187.8-156.9-198.2-167.5C101.5%2049.8%2096.2%2048%2091%2048c-8.7%200-17%205.2-21.7%209.6-7%206.6-25.6%2026.8-20.5%2032%2015.3%2015.4%2027.4%2026.5%2033.7%2032.8%204.8%204.8%2013.4-.8%2019.6%203.3%205.5%203.6%2010%209.9%2014.6%2014.5%205.3%205.4%209%207.8%208.9%2015.7-.1%208.3.5%2013.8%206.3%2020%204.7%205%209.1%207.6%2015.9%207.7%209.2.2%2014.9%202.4%2020.9%209.9%205.7%207.1%202.1%2014.2%204.9%2022%201.8%205.1%2016%2018.1%2018%2020.1s11%200%2013.3%202.3%2017.2%2015.8%2018.2%2020.4-3%209-2%2013.6c1.2%205.6%207.2%2012.1%2010.6%2017.4-6.8%2015.5-10.6%2032.6-10.6%2050.7%200%2068.5%2054.4%20124%20121.4%20124S464%20408.5%20464%20340s-54.4-121.9-121.4-121.9zm0%20229.9c-58.2%200-105.5-48.5-105.5-108%200-15.4%203.1-30.3%209.2-44.2l3.5-7.9s-7.7-13.4-10.4-16.2c-2.7-2.7%202.2-13.1-.6-16.6-2.9-3.5-19.6-25.2-24.7-30.3-5.1-5.1-14-1.8-16.7-4.5-2.7-2.7-7.3-7.9-8.7-10.4-.2-.8-.2-2.4-.3-3.8-.1-5.2-.3-14-7.1-22.4-8.6-10.8-18.5-15.5-32.9-15.9-1.6%200-2.2-.1-4.7-2.7-1.6-1.7-2-2.2-2-8.9.1-13.7-6.7-20.4-11.6-25.2L111%20112.4c-7.7-5.1-15.1-5.2-19.9-5.2-1.3%200-2.6%200-3.4-.2L65.9%2084.3c1-3%207.7-8.9%2010.6-11.5%201.4-1.2%202.6-2.4%203.9-3.5%202.8-2.6%207.4-5.3%2010.8-5.3%201%200%202.1.1%203.9%201.9%2010.4%2010.6%20129.4%20110.2%20199.4%20168.6l6.8%205.7%208.4-2.8c9.6-3.2%2020.9-3.2%2033-3.2%2028.3%200%2054.8%2010.9%2074.6%2030.6%2019.9%2019.8%2030.8%2046.6%2030.8%2075.3%200%2059.4-47.3%20107.9-105.5%20107.9z%22%2F%3E%3Cpath%20d%3D%22M384%20352c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32zm0%2048c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-key-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-key-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-key-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-key-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-key-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20368c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016%2016-7.2%2016-16-7.2-16-16-16z%22%2F%3E%3Cpath%20d%3D%22M342.6%20218.1c-13.3%200-26.1%200-38.1%204.1-51.6-43.1-187.8-156.9-198.2-167.5C101.5%2049.8%2096.2%2048%2091%2048c-8.7%200-17%205.2-21.7%209.6-7%206.6-25.6%2026.8-20.5%2032%2015.3%2015.4%2027.4%2026.5%2033.7%2032.8%204.8%204.8%2013.4-.8%2019.6%203.3%205.5%203.6%2010%209.9%2014.6%2014.5%205.3%205.4%209%207.8%208.9%2015.7-.1%208.3.5%2013.8%206.3%2020%204.7%205%209.1%207.6%2015.9%207.7%209.2.2%2014.9%202.4%2020.9%209.9%205.7%207.1%202.1%2014.2%204.9%2022%201.8%205.1%2016%2018.1%2018%2020.1s11%200%2013.3%202.3%2017.2%2015.8%2018.2%2020.4-3%209-2%2013.6c1.2%205.6%207.2%2012.1%2010.6%2017.4-6.8%2015.5-10.6%2032.6-10.6%2050.7%200%2068.5%2054.4%20124%20121.4%20124S464%20408.5%20464%20340s-54.4-121.9-121.4-121.9zM384%20416c-17.7%200-32-14.3-32-32s14.3-32%2032-32%2032%2014.3%2032%2032-14.3%2032-32%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-key-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-key-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-key($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-key-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-keypad-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M394.6%20341.2c-29.5%200-53.4%2023.9-53.4%2053.4s23.9%2053.4%2053.4%2053.4%2053.4-23.9%2053.4-53.4-23.9-53.4-53.4-53.4zm0%2090.8c-20.6%200-37.4-16.8-37.4-37.4%200-20.6%2016.8-37.4%2037.4-37.4S432%20374%20432%20394.6c0%2020.6-16.8%2037.4-37.4%2037.4zM256%20341.2c-29.5%200-53.4%2023.9-53.4%2053.4S226.5%20448%20256%20448s53.4-23.9%2053.4-53.4-23.9-53.4-53.4-53.4zm0%2090.8c-20.6%200-37.4-16.8-37.4-37.4%200-20.6%2016.8-37.4%2037.4-37.4s37.4%2016.8%2037.4%2037.4c0%2020.6-16.8%2037.4-37.4%2037.4zM117.4%20341.2c-29.5%200-53.4%2023.9-53.4%2053.4S87.9%20448%20117.4%20448s53.4-23.9%2053.4-53.4-23.9-53.4-53.4-53.4zm0%2090.8C96.8%20432%2080%20415.2%2080%20394.6c0-20.6%2016.8-37.4%2037.4-37.4s37.4%2016.8%2037.4%2037.4c0%2020.6-16.7%2037.4-37.4%2037.4zM394.6%20202.6c-29.5%200-53.4%2023.9-53.4%2053.4s23.9%2053.4%2053.4%2053.4S448%20285.5%20448%20256s-23.9-53.4-53.4-53.4zm0%2090.8c-20.6%200-37.4-16.8-37.4-37.4%200-20.6%2016.8-37.4%2037.4-37.4S432%20235.4%20432%20256c0%2020.6-16.8%2037.4-37.4%2037.4zM256%20202.6c-29.5%200-53.4%2023.9-53.4%2053.4s23.9%2053.4%2053.4%2053.4%2053.4-23.9%2053.4-53.4-23.9-53.4-53.4-53.4zm0%2090.8c-20.6%200-37.4-16.8-37.4-37.4%200-20.6%2016.8-37.4%2037.4-37.4s37.4%2016.8%2037.4%2037.4c0%2020.6-16.8%2037.4-37.4%2037.4zM117.4%20202.6C87.9%20202.6%2064%20226.5%2064%20256s23.9%2053.4%2053.4%2053.4%2053.4-23.9%2053.4-53.4-23.9-53.4-53.4-53.4zm0%2090.8C96.8%20293.4%2080%20276.6%2080%20256c0-20.6%2016.8-37.4%2037.4-37.4s37.4%2016.8%2037.4%2037.4c0%2020.6-16.7%2037.4-37.4%2037.4zM394.6%20170.8c29.5%200%2053.4-23.9%2053.4-53.4S424.1%2064%20394.6%2064s-53.4%2023.9-53.4%2053.4%2023.9%2053.4%2053.4%2053.4zm0-90.8c20.6%200%2037.4%2016.8%2037.4%2037.4%200%2020.6-16.8%2037.4-37.4%2037.4s-37.4-16.8-37.4-37.4c0-20.6%2016.7-37.4%2037.4-37.4zM256%2064c-29.5%200-53.4%2023.9-53.4%2053.4s23.9%2053.4%2053.4%2053.4%2053.4-23.9%2053.4-53.4S285.5%2064%20256%2064zm0%2090.8c-20.6%200-37.4-16.8-37.4-37.4%200-20.6%2016.8-37.4%2037.4-37.4s37.4%2016.8%2037.4%2037.4c0%2020.6-16.8%2037.4-37.4%2037.4zM117.4%2064C87.9%2064%2064%2087.9%2064%20117.4s23.9%2053.4%2053.4%2053.4%2053.4-23.9%2053.4-53.4S146.9%2064%20117.4%2064zm0%2090.8C96.8%20154.8%2080%20138%2080%20117.4%2080%2096.8%2096.8%2080%20117.4%2080s37.4%2016.8%2037.4%2037.4c0%2020.6-16.7%2037.4-37.4%2037.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-keypad-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-keypad-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-keypad-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-keypad-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-keypad-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M394.6%20341.2c-29.5%200-53.4%2023.9-53.4%2053.4s23.9%2053.4%2053.4%2053.4%2053.4-23.9%2053.4-53.4-23.9-53.4-53.4-53.4zM256%20341.2c-29.5%200-53.4%2023.9-53.4%2053.4S226.5%20448%20256%20448s53.4-23.9%2053.4-53.4-23.9-53.4-53.4-53.4zM117.4%20341.2c-29.5%200-53.4%2023.9-53.4%2053.4S87.9%20448%20117.4%20448s53.4-23.9%2053.4-53.4-23.9-53.4-53.4-53.4zM394.6%20202.6c-29.5%200-53.4%2023.9-53.4%2053.4s23.9%2053.4%2053.4%2053.4S448%20285.5%20448%20256s-23.9-53.4-53.4-53.4zM256%20202.6c-29.5%200-53.4%2023.9-53.4%2053.4s23.9%2053.4%2053.4%2053.4%2053.4-23.9%2053.4-53.4-23.9-53.4-53.4-53.4zM117.4%20202.6C87.9%20202.6%2064%20226.5%2064%20256s23.9%2053.4%2053.4%2053.4%2053.4-23.9%2053.4-53.4-23.9-53.4-53.4-53.4zM394.6%20170.8c29.5%200%2053.4-23.9%2053.4-53.4S424.1%2064%20394.6%2064s-53.4%2023.9-53.4%2053.4%2023.9%2053.4%2053.4%2053.4zM256%2064c-29.5%200-53.4%2023.9-53.4%2053.4s23.9%2053.4%2053.4%2053.4%2053.4-23.9%2053.4-53.4S285.5%2064%20256%2064zM117.4%2064C87.9%2064%2064%2087.9%2064%20117.4s23.9%2053.4%2053.4%2053.4%2053.4-23.9%2053.4-53.4S146.9%2064%20117.4%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-keypad-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-keypad-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-keypad($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-keypad-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-laptop-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20367.5V129.1c0-9.4-7.9-17.1-17.2-17.1H81.2c-9.3%200-17.2%207.6-17.2%2017.1v238.4H15.9v15.6c0%203.1%2031%2016.9%2052.1%2016.9h376c24.3%200%2052-14.1%2052.1-16.5v-16H448zM256%20120c2.2%200%204%201.8%204%204s-1.8%204-4%204-4-1.8-4-4%201.8-4%204-4zM80%20136.2h352v215.3H80V136.2zm218.3%20239.3h-84.6c-5.3%200-9.7-6-9.7-7.5h104c0%201.5-3%207.5-9.7%207.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-laptop-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-laptop-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-laptop($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-laptop-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-leaf-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M453.9%20382.7c-51.8-8-54.9-12.7-54.9-12.7%2015.6-74-23.2-154.1-77.1-198.6C250.1%20112.2%20141%20155.2%2056%2065.2c-.8-.8-1.5-1.2-2.2-1.2-16.6%200-2%20240.5%20100.3%20333.9C196.9%20437.1%20244%20448%20281.8%20448c30.8%200%2055.5-7.3%2066.8-12.5%2022.8-10.6%2038.7-33.9%2038.7-33.9%2037%2011.6%2057.3%2012.2%2061.3%2012.2h.7c.4.1.8.1%201.2.1%2013.8%200%2020.3-28.6%203.4-31.2zm-112%2038.3c-8.9%204.1-31.5%2011-60%2011-19.6%200-38.7-3.2-56.7-9.5-21.9-7.6-42.1-19.9-60.2-36.4-20.4-18.6-38.6-45.2-54-79-13.3-29-24.3-62.5-32.6-99.5-6.8-30-11.5-61.8-13.4-89.4-.6-9.5-.9-17.3-.9-23.6%2046.4%2038.2%2097.8%2046.4%20143.8%2053.8%2038.9%206.2%2075.6%2012.1%20103.9%2035.4%2025.5%2021.1%2046.7%2049.7%2059.6%2080.6%2014%2033.4%2015.9%2066.9%2012.7%20100.7-180-63-264.5-170.5-264.5-170.5s72.5%20125.2%20252.3%20200.8c-5.1%206.5-13.3%2017.8-30%2025.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-leaf-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-leaf-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-leaf-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-leaf-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-leaf-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M453.9%20382.7c-51.8-8-55.7-15.7-55.7-15.7%2015.6-74-22.4-151.1-76.3-195.6C250.1%20112.2%20141%20155.2%2056%2065.2c-19.8-21-8.3%20235.5%2098.1%20332.7%2077.8%2071%20169.4%2049.2%20194.5%2037.6%2022.8-10.6%2038.7-33.9%2038.7-33.9%2041.5%2013%2062%2012.2%2062%2012.2%2014.6%201.8%2022-28.4%204.6-31.1zm-91.8%203.4c-136.2-40.9-241.6-187.5-241.6-187.5s92.9%20110.7%20251.4%20163.2c.1%208.1-4.6%2019.7-9.8%2024.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-leaf-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-leaf-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-leaf($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-leaf-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-link-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M278.6%20346.5l-67.9%2067.9c-15%2015-35.1%2023.3-56.6%2023.3s-41.5-8.3-56.6-23.3c-15-15-23.3-35.1-23.3-56.6s8.3-41.5%2023.3-56.6l67.9-67.9c3.9-3.9%208.1-7.3%2012.5-10.2%205.1-3.4%2010.6-6.1%2016.3-8.2%205.3-1.9%2010.8-3.3%2016.5-4.1%203.7-.5%207.4-.8%2011.2-.8%201.7%200%203.4.1%205.1.2%2019.5%201.2%2037.6%209.3%2051.5%2023.1%2013.8%2013.8%2021.9%2032%2023.1%2051.5%205.4-1%2010.7-2.7%2015.6-5-2.2-21.1-11.4-41.7-27.5-57.8-16.1-16.1-36.6-25.3-57.8-27.5-5.7-.6-11.5-.7-17.2-.3-6%20.4-11.9%201.4-17.7%203-6.1%201.6-12.1%203.8-17.8%206.7-9.1%204.5-17.7%2010.5-25.3%2018.1L86%20289.9c-37.3%2037.3-37.3%2098.4%200%20135.8%2037.3%2037.3%2098.4%2037.3%20135.8%200l67.9-67.9c7.6-7.6%2013.6-16.1%2018.1-25.3-6.4%201-12.8%201.5-19.2%201.5-2.7%204.5-6.1%208.7-10%2012.5z%22%2F%3E%3Cpath%20d%3D%22M425.7%2086.3c-37.3-37.3-98.4-37.3-135.8%200L222%20154.2c-7.6%207.6-13.6%2016.1-18.1%2025.3%206.4-1%2012.8-1.5%2019.2-1.5%202.9-4.5%206.3-8.7%2010.2-12.5l67.9-67.9c15-15%2035.1-23.3%2056.6-23.3s41.5%208.3%2056.6%2023.3c15%2015%2023.3%2035.1%2023.3%2056.6%200%2021.4-8.3%2041.5-23.3%2056.6l-67.9%2067.9c-3.9%203.9-8.1%207.3-12.5%2010.2-5.1%203.4-10.6%206.1-16.3%208.2-5.3%201.9-10.8%203.3-16.5%204.1-3.7.5-7.4.8-11.2.8-1.7%200-3.4-.1-5.1-.2-19.5-1.2-37.6-9.3-51.5-23.1-13.8-13.8-21.9-32-23.1-51.5-5.4%201-10.7%202.7-15.6%205%202.2%2021.1%2011.4%2041.7%2027.5%2057.8%2016.1%2016.1%2036.6%2025.3%2057.8%2027.5%205.7.6%2011.5.7%2017.2.3%206-.4%2011.9-1.4%2017.7-3%206.1-1.6%2012.1-3.8%2017.8-6.7%209.1-4.5%2017.7-10.5%2025.3-18.1l67.9-67.9c37.1-37.4%2037.1-98.5-.2-135.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-link-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-link-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-link-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-link-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-link-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M273%20340.9l-67.9%2067.9c-13.5%2013.5-31.6%2021-50.9%2021-19.3%200-37.4-7.4-50.9-21-13.5-13.5-21-31.6-21-50.9%200-19.3%207.4-37.4%2021-50.9l67.9-67.9c3.4-3.4%207.2-6.5%2011.3-9.2%204.6-3%209.5-5.5%2014.7-7.4%204.8-1.8%209.8-3%2014.9-3.7%203.4-.5%206.8-.7%2010.1-.7%201.4%200%202.8.1%204.6.2%2017.5%201.1%2034%208.5%2046.3%2020.8%2010.8%2010.8%2017.8%2024.8%2020.1%2039.8%202.3-.1%208.2-.5%2016.2-2.9s13.4-6.3%2013.4-6.3c-3.3-21.2-11.6-37.8-27.1-53.2-15.4-15.4-35.5-25.6-57-29-1.9-.3-3.7-.6-5.6-.8a99.994%2099.994%200%200%200-18.7-.3c-5.4.4-10.7%201.2-16%202.4-1.1.2-2.1.5-3.2.8-6.7%201.8-13.2%204.2-19.3%207.2-10.1%205-19.4%2011.6-27.4%2019.6l-67.9%2067.9C61%20303.9%2050.3%20330%2050.3%20357.8s10.8%2054%2030.3%2073.5c19.6%2019.6%2045.7%2030.3%2073.5%2030.3%2027.9%200%2054-10.8%2073.5-30.3l67.9-67.9c7.2-7.2%2013.2-15.4%2018-24.3%200%200-11.2%202.7-23.6%202.7s-16.9-.9-16.9-.9z%22%2F%3E%3Cpath%20d%3D%22M431.4%2080.6c-19.6-19.6-45.7-30.3-73.5-30.3s-54%2010.8-73.5%2030.3l-67.9%2067.9c-7.2%207.2-13.2%2015.4-18%2024.3%205.2-1.2%2015.3-2.4%2024-2.4s16.2%201.1%2016.2%201.1l68.3-68.1c13.5-13.5%2031.6-21%2050.9-21s37.4%207.4%2050.9%2021c13.5%2013.5%2021%2031.6%2021%2050.9%200%2019.3-7.4%2037.4-21%2050.9L340.9%20273c-3.4%203.4-7.2%206.5-11.3%209.2-4.6%203-9.5%205.5-14.7%207.4-4.8%201.7-9.8%203-14.9%203.7-3.4.5-6.8.7-10.1.7-1.4%200-2.8-.1-4.6-.2-17.5-1.1-34-8.5-46.3-20.8a71.194%2071.194%200%200%201-19.9-38.8s-6.6-.5-15.7%202.3c-5.7%201.7-11.6%204.2-14.2%205.5%203%2021.5%2011.4%2037.7%2027.1%2053.5l.2.2c16.7%2016.7%2039%2027.3%2062.6%2029.8a99.994%2099.994%200%200%200%2018.7.3c6.4-.5%2012.9-1.5%2019.1-3.2%206.7-1.8%2013.2-4.2%2019.3-7.2%2010.1-5%2019.4-11.6%2027.4-19.6l67.9-67.9c19.6-19.6%2030.3-45.7%2030.3-73.5s-10.9-54.2-30.4-73.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-link-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-link-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-link($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-link-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-list-box-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M432%2080v352H80V80h352m16-16H64v384h384V64z%22%2F%3E%3Cpath%20d%3D%22M192%20152h192v16H192zM192%20248h192v16H192zM192%20344h192v16H192z%22%2F%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%22160%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%22256%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%22352%22%20r%3D%2216%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-list-box-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-list-box-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-list-box-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-list-box-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-list-box-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2064v384h384V64H64zm80%20304c-8.836%200-16-7.164-16-16s7.164-16%2016-16%2016%207.164%2016%2016-7.164%2016-16%2016zm0-96c-8.836%200-16-7.164-16-16s7.164-16%2016-16%2016%207.164%2016%2016-7.164%2016-16%2016zm0-96c-8.836%200-16-7.164-16-16s7.164-16%2016-16%2016%207.164%2016%2016-7.164%2016-16%2016zm240%20184H192v-16h192v16zm0-96H192v-16h192v16zm0-96H192v-16h192v16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-list-box-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-list-box-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-list-box($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-list-box-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-list-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M192%20152h192v16H192zM192%20248h192v16H192zM192%20344h192v16H192z%22%2F%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%22160%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%22256%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22144%22%20cy%3D%22352%22%20r%3D%2216%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-list-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-list-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-list($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-list-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-locate-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%2264%22%2F%3E%3Cpath%20d%3D%22M472%20248h-24.2C443.7%20148.3%20363.7%2068.3%20264%2064.2V40c0-4.4-3.6-8-8-8s-8%203.6-8%208v24.2C148.3%2068.3%2068.3%20148.3%2064.2%20248H40c-4.4%200-8%203.6-8%208s3.6%208%208%208h24.2c4.1%2099.7%2084.2%20179.7%20183.8%20183.8V472c0%204.4%203.6%208%208%208s8-3.6%208-8v-24.2c99.7-4.1%20179.7-84.2%20183.8-183.8H472c4.4%200%208-3.6%208-8s-3.6-8-8-8zm-91.6%20132.4C349%20411.8%20308%20429.8%20264%20431.8V392c0-4.4-3.6-8-8-8s-8%203.6-8%208v39.8c-44-2-85.1-20-116.4-51.4C100.2%20349.1%2082.1%20308%2080.2%20264H120c4.4%200%208-3.6%208-8s-3.6-8-8-8H80.2c2-44%2020-85.1%2051.4-116.4S204%2082.1%20248%2080.2V120c0%204.4%203.6%208%208%208s8-3.6%208-8V80.2c44%202%2085.1%2020%20116.4%2051.4S429.9%20204%20431.8%20248H392c-4.4%200-8%203.6-8%208s3.6%208%208%208h39.8c-1.9%2044-20%2085.1-51.4%20116.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-locate-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-locate-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-locate-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-locate-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-locate-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20256c0-4.4%203.6-8%208-8h55.8C443.7%20148.3%20363.7%2068.3%20264%2064.2V120c0%204.4-3.6%208-8%208s-8-3.6-8-8V64.2C148.3%2068.3%2068.3%20148.3%2064.2%20248H120c4.4%200%208%203.6%208%208s-3.6%208-8%208H64.2c4.1%2099.7%2084.2%20179.7%20183.8%20183.8V392c0-4.4%203.6-8%208-8s8%203.6%208%208v55.8c99.7-4.1%20179.7-84.2%20183.8-183.8H392c-4.4%200-8-3.6-8-8zm-128%2064c-35.3%200-64-28.7-64-64s28.7-64%2064-64%2064%2028.7%2064%2064-28.7%2064-64%2064zM472%20248h-24.2c.1%202.7.2%205.3.2%208s-.1%205.3-.2%208H472c4.4%200%208-3.6%208-8s-3.6-8-8-8zM64.2%20248H40c-4.4%200-8%203.6-8%208s3.6%208%208%208h24.2c-.1-2.7-.2-5.3-.2-8s.1-5.3.2-8zM248%20447.8V472c0%204.4%203.6%208%208%208s8-3.6%208-8v-24.2c-2.7.1-5.3.2-8%20.2s-5.3-.1-8-.2zM264%2064.2V40c0-4.4-3.6-8-8-8s-8%203.6-8%208v24.2c2.7-.1%205.3-.2%208-.2s5.3.1%208%20.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-locate-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-locate-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-locate($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-locate-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-lock-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M360%20224v-72c0-57.43-46.562-104-103.984-104C198.562%2048%20152%2094.57%20152%20152v72H96v240h320V224h-56zm-192-72c0-48.523%2039.484-88%2088.016-88C304.53%2064%20344%20103.477%20344%20152v72H168v-72zm232%20296H112V240h288v208z%22%2F%3E%3Cpath%20d%3D%22M256%20288c-17.673%200-32%2014.327-32%2032%200%2014.91%2010.198%2027.44%2024%2030.992V384h16v-33.008c13.802-3.553%2024-16.082%2024-30.992%200-17.673-14.327-32-32-32zm0%2048c-8.822%200-16-7.178-16-16s7.178-16%2016-16%2016%207.178%2016%2016-7.178%2016-16%2016z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-lock-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-lock-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-lock-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-lock-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-lock-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M360%20224v-72c0-57.43-46.562-104-103.984-104C198.562%2048%20152%2094.57%20152%20152v72H96v240h320V224h-56zm-96%20126.992V384h-16v-33.008c-13.802-3.553-24-16.082-24-30.992%200-17.673%2014.327-32%2032-32s32%2014.327%2032%2032c0%2014.91-10.198%2027.44-24%2030.992zM344%20224H168v-72c0-48.523%2039.484-88%2088.016-88C304.53%2064%20344%20103.477%20344%20152v72z%22%2F%3E%3Cpath%20d%3D%22M256%20304c-8.822%200-16%207.178-16%2016s7.178%2016%2016%2016%2016-7.178%2016-16-7.178-16-16-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-lock-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-lock-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-lock($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-lock-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-log-in-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M137%2080h286c22.1%200%2040%2017.9%2040%2040v272c0%2022.1-17.9%2040-40%2040H137c-22.1%200-40-17.9-40-40%200-4.4%203.6-8%208-8s8%203.6%208%208c0%2013.2%2010.8%2024%2024%2024h286c13.2%200%2024-10.8%2024-24V120c0-13.2-10.8-24-24-24H137c-13.2%200-24%2010.8-24%2024%200%204.4-3.6%208-8%208s-8-3.6-8-8c0-22.1%2017.9-40%2040-40z%22%2F%3E%3Cpath%20d%3D%22M316.3%20246.7l-84.6-84.4c-3.1-3.1-8.2-3.1-11.3%200-3.1%203.1-3.1%208.2%200%2011.3L296%20248H57c-4.4%200-8%203.6-8%208s3.6%208%208%208h239l-73.7%2074.4c-3.1%203.1-3.1%208.2%200%2011.3%201.6%201.5%203.6%202.3%205.7%202.3s4.1-.7%205.7-2.3l82.6-82.4c6.3-6.3%206.3-14.4%200-20.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-log-in-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-log-in-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-log-in($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-log-in-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-log-out-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M280%20432H88c-22.1%200-40-17.9-40-40V120c0-22.1%2017.9-40%2040-40h192c22.1%200%2040%2017.9%2040%2040%200%204.4-3.6%208-8%208s-8-3.6-8-8c0-13.2-10.8-24-24-24H88c-13.2%200-24%2010.8-24%2024v272c0%2013.2%2010.8%2024%2024%2024h192c13.2%200%2024-10.8%2024-24%200-4.4%203.6-8%208-8s8%203.6%208%208c0%2022.1-17.9%2040-40%2040z%22%2F%3E%3Cpath%20d%3D%22M459.3%20246.7l-84.6-84.4c-3.1-3.1-8.2-3.1-11.3%200-3.1%203.1-3.1%208.2%200%2011.3L439%20248H168c-4.4%200-8%203.6-8%208s3.6%208%208%208h271l-73.7%2074.4c-3.1%203.1-3.1%208.2%200%2011.3%201.6%201.5%203.6%202.3%205.7%202.3s4.1-.7%205.7-2.3l82.6-82.4c6.3-6.3%206.3-14.4%200-20.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-log-out-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-log-out-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-log-out($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-log-out-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-magnet-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M190.1%20133.1c16.1%201.9%2032.8%2010.8%2046.9%2024.9l167.7%20167.7%2059.3-59.3L286.2%2088.7c-54.3-54.3-143.2-54.3-197.5%200-54.3%2054.3-54.3%20143.2%200%20197.5L266.5%20464l59.3-59.3-167.7-167.6c-14.4-14.4-23.4-30.9-25.4-46.6-2.1-16%203.1-30.4%2015.3-42.6%2011.5-11.6%2026.1-16.7%2042.1-14.8zm254.1%20133.4L404.7%20306l-29.6-29.6%2039.5-39.5%2029.6%2029.6zM306%20404.7l-39.5%2039.5-29.6-29.6%2039.5-39.5%2029.6%2029.6zM148.2%20246.9l118.3%20118.3-39.5%2039.5L98.6%20276.4C75%20252.7%2062%20221.2%2062%20187.5s13-65.2%2036.6-88.9C122.2%2075%20153.8%2062%20187.5%2062s65.2%2013%2088.9%2036.6L404.7%20227l-39.5%2039.5-118.3-118.3c-32.7-32.7-78-41-108.9-10.1-32%2032-22.5%2076.1%2010.2%20108.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-magnet-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-magnet-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-magnet-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-magnet-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-magnet-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M190.1%20133.1c16.1%201.9%2032.8%2010.8%2046.9%2024.9l167.7%20167.7%2059.3-59.3L286.2%2088.7c-54.3-54.3-143.2-54.3-197.5%200-54.3%2054.3-54.3%20143.2%200%20197.5L266.5%20464l59.3-59.3-167.7-167.6c-14.4-14.4-23.4-30.9-25.4-46.6-2.1-16%203.1-30.4%2015.3-42.6%2011.5-11.6%2026.1-16.7%2042.1-14.8zm254.1%20133.4L404.7%20306l-29.6-29.6%2039.5-39.5%2029.6%2029.6zM306%20404.7l-39.5%2039.5-29.6-29.6%2039.5-39.5%2029.6%2029.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-magnet-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-magnet-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-magnet($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-magnet-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-mail-open-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064L64%20192v256h384V192L256%2064zm176%20368H80V218.4l114.9%2087.1-67.9%2077.2%202%202%2078.7-69.4L256%20352l48.1-36.7%2078.8%2069.5%202-2-68-77.3%20115-87.8V432zM256%20331.8L102.7%20214H192v-3.2L82.1%20198.1l-.3-.2L256%2084.1l174.6%20114L320%20210.8v3.2h90.4L256%20331.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-mail-open-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-mail-open-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-mail-open-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-mail-open-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-mail-open-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M317%20305.4l68%2077.3-2%202-78.8-69.5-48.1%2036.7-48.4-36.7-78.7%2069.5-2-2%2067.9-77.2-130.9-99V448h384V205.4z%22%2F%3E%3Cpath%20d%3D%22M192%20214h-89.3L256%20331.8%20410.4%20214H320v-3.2l128-14.9V192L256%2064%2064%20192v4.2l128%2014.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-mail-open-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-mail-open-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-mail-open($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-mail-open-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-mail-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20128v256h384V128H64zm192%20139.9L93.2%20144h325.6L256%20267.9zM80%20368V154.1l115.1%2087.6L127%20319l2%202%2078.9-69.6L256%20288l48.1-36.6L383%20321l2-2-68.1-77.4L432%20154.1V368H80z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-mail-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-mail-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-mail-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-mail-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-mail-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20384V141.8l-131.1%2099.8L385%20319l-2%202-78.9-69.6L256%20288l-48.1-36.6L129%20321l-2-2%2068-77.4L64%20142v242z%22%2F%3E%3Cpath%20d%3D%22M439.7%20128H72l184%20139.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-mail-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-mail-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-mail($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-mail-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-male-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M456%2048H344c-4.4%200-8%203.6-8%208s3.6%208%208%208h92L329%20171.7c-29.8-27.1-69.5-43.7-113-43.7-92.8%200-168%2075.2-168%20168s75.2%20168%20168%20168%20168-75.2%20168-168c0-43.5-16.5-83.2-43.7-113L448%2076v92c0%204.4%203.6%208%208%208s8-3.6%208-8V56c0-4.4-3.6-8-8-8zm-88%20248c0%2040.6-15.8%2078.8-44.5%20107.5S256.6%20448%20216%20448c-40.6%200-78.8-15.8-107.5-44.5S64%20336.6%2064%20296s15.8-78.8%2044.5-107.5S175.4%20144%20216%20144c40.6%200%2078.8%2015.8%20107.5%2044.5S368%20255.4%20368%20296z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-male-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-male-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-male($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-male-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-man-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M255.7%20106.6h-.2c-25%200-45.5-20.3-45.5-45.3S230.4%2016%20255.5%2016%20301%2036.3%20301%2061.3c0%2012.1-4.7%2023.5-13.3%2032-8.5%208.6-19.9%2013.3-32%2013.3zm-.2-74.6c-16.2%200-29.4%2013.1-29.4%2029.3s13.2%2029.3%2029.4%2029.3h.2c7.8%200%2015.2-3%2020.7-8.6%205.5-5.5%208.6-12.9%208.6-20.7-.1-16.2-13.3-29.3-29.5-29.3zM221.2%20496c-14.4%200-29-10.5-29-30.4l1-277.6h-6v105c0%209.3-4%2015.1-7.4%2018.3-4.3%204.1-10.1%206.4-16.2%206.4s-11.9-2.3-16.2-6.4c-3.4-3.2-7.4-8.9-7.4-18.3V171.4c0-13.8%205.4-27.8%2014.8-38.4%2010.4-11.6%2024.6-18%2040-18h122.3c15.4%200%2029.6%206.4%2040%2018.1%209.4%2010.6%2014.8%2024.5%2014.8%2038.3V293c0%207.3-2.7%2013.8-7.6%2018.3-4.4%204-10.3%206.2-16.5%206.2-6.2%200-12.1-2.2-16.5-6.2-4.9-4.5-7.6-11-7.6-18.3V188h-5v277.6c0%2019.7-15.4%2030.4-29.8%2030.4-13.4%200-28.3-9.3-29.4-29.8V325h-8v140.9c-.7%2019.7-15.8%2030.1-30.3%2030.1zm-42-324h22.1c2.1%200%204.2.8%205.7%202.4s2.4%203.5%202.3%205.7l-1%20285.6c0%2010.6%206.7%2014.4%2012.9%2014.4%206.8%200%2013.8-4.5%2014.2-14.6V317c0-4.4%203.6-8%208-8h24.1c4.4%200%208%203.6%208%208v148.5c.7%2010.7%207.3%2014.5%2013.4%2014.5%206.6%200%2013.7-4.5%2013.7-14.4V180c0-4.4%203.6-8%208-8h21.1c4.4%200%208%203.6%208%208v113c0%208.1%206.7%208.5%208%208.5%201.3%200%208-.4%208-8.5V171.4c0-19.5-15.6-40.4-38.8-40.4H194.8c-18.6%200-38.8%2015.4-38.8%2040.4V293c0%208.2%206.3%208.6%207.5%208.6s7.5-.4%207.5-8.6V180c.1-4.4%203.7-8%208.2-8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-man-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-man-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-man-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-man-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-man-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M255.7%20106.6h-.2c-25%200-45.5-20.3-45.5-45.3S230.4%2016%20255.5%2016%20301%2036.3%20301%2061.3c0%2012.1-4.7%2023.5-13.3%2032-8.5%208.6-19.9%2013.3-32%2013.3zM221.2%20496c-14.4%200-29-10.5-29-30.4l1-277.6h-6v105c0%209.3-4%2015.1-7.4%2018.3-4.3%204.1-10.1%206.4-16.2%206.4s-11.9-2.3-16.2-6.4c-3.4-3.2-7.4-8.9-7.4-18.3V171.4c0-13.8%205.4-27.8%2014.8-38.4%2010.4-11.6%2024.6-18%2040-18h122.3c15.4%200%2029.6%206.4%2040%2018.1%209.4%2010.6%2014.8%2024.5%2014.8%2038.3V293c0%207.3-2.7%2013.8-7.6%2018.3-4.4%204-10.3%206.2-16.5%206.2s-12.1-2.2-16.5-6.2c-4.9-4.5-7.6-11-7.6-18.3V188h-5v277.6c0%2019.7-15.4%2030.4-29.8%2030.4-13.4%200-28.3-9.3-29.4-29.8V325h-8v140.9c-.7%2019.7-15.8%2030.1-30.3%2030.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-man-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-man-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-man($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-man-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-map-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352.4%20128l-95.7-64-96.3%2064L64%2064v320l96.4%2064%2096.3-64%2095.7%2064%2095.6-64V64l-95.6%2064zM168%20142.4l80-53.2v281.5l-80%2053.1V142.4zM264%2088l80%2053.4V423l-80-53.5V88zM80%2094l72%2047.6v281.6l-72-47.8V94zm352%20281.4l-72%2048.3V142.4L432%2094v281.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-map-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-map-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-map-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-map-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-map-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2064v320l88%2058.4v-320zM168%20123v320l80-53.2v-320zM448%2064l-88%2058.9v320l88-58.9zM264%2068.8v320l80%2053.6v-320z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-map-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-map-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-map($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-map-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-medal-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%20255.4c15.6%2020.7%2024%2045.7%2024%2072.1%200%2032.1-12.5%2062.2-35.1%2084.9s-52.8%2035.1-84.9%2035.1-62.2-12.5-84.9-35.1-35.1-52.8-35.1-84.9c0-26.4%208.5-51.5%2024.1-72.2l-6.2-1.7-10.2-2.9c-15%2021.8-23.7%2048.3-23.7%2076.8%200%2075.1%2060.9%20136.5%20136%20136.5s136-61.4%20136-136.5c0-28.4-8.7-54.8-23.6-76.6l-10.2%202.8-6.2%201.7z%22%2F%3E%3Cpath%20d%3D%22M298.7%20270.1l-21.7%206c20.5%208.3%2035%2028.4%2035%2051.9%200%2030.9-25.1%2056-56%2056s-56-25.1-56-56c0-23.5%2014.5-43.6%2034.9-51.9l-21.6-6C195.5%20283.2%20184%20304.3%20184%20328c0%2039.7%2032.3%2072%2072%2072s72-32.3%2072-72c0-23.7-11.5-44.8-29.3-57.9zM48%2048v160l208%2058%20208-58V48H48zm400%2016v32H64V64h384zM64%20196v-84h112v116L64%20196zm192%2052.7l-64-17V112h128v119.7l-64%2017zm80-20.7V112h112v84l-112%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-medal-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-medal-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-medal-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-medal-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-medal-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M48%20112v96l128%2036V112zM200%20328.2c0%2030.9%2025.1%2056%2056%2056s56-25.1%2056-56c0-23.5-14.4-43.5-34.9-51.9l-21.1%205.8-21-5.9c-20.6%208.5-35%2028.6-35%2052z%22%2F%3E%3Cpath%20d%3D%22M368.4%20251.1l-69.6%2019.2c17.7%2013.1%2029.2%2034.2%2029.2%2057.9%200%2039.7-32.3%2072-72%2072s-72-32.3-72-72c0-23.7%2011.5-44.8%2029.3-57.9L143.7%20251c-15%2021.8-23.7%2048.3-23.7%2076.8%200%2075.1%2060.9%20136%20136%20136s136-60.9%20136-136c0-28.5-8.7-54.8-23.6-76.7z%22%2F%3E%3Cpath%20d%3D%22M192%20112v136l64%2018%2064-17.6V112zM336%20112v132l128-36v-96zM48%2048h416v48H48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-medal-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-medal-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-medal($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-medal-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-medical-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M438%20187.713l-31.927-55.426L288%20200.574V64h-64v136.574l-118.073-68.287-31.938%2055.426L192.09%20256%2073.998%20324.287l31.928%2055.426L224%20311.426V448h64V311.426l118.072%2068.287%2031.94-55.426L319.907%20256%20438%20187.713zm-21.824%20142.412l-15.963%2027.866L272%20284v148h-32V284l-128.213%2074-15.97-27.785%20128.23-74.197L95.82%20181.86l15.964-27.858L240%20228V80h32v148l128.213-74%2015.97%2027.785-128.23%2074.18%20128.223%2074.16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-medical-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-medical-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-medical-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-medical-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-medical-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M438%20187.713l-31.927-55.426L288%20200.574V64h-64v136.574l-118.073-68.287-31.938%2055.426L192.09%20256%2073.998%20324.287l31.928%2055.426L224%20311.426V448h64V311.426l118.072%2068.287%2031.94-55.426L319.907%20256%20438%20187.713z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-medical-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-medical-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-medical($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-medical-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-medkit-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M272%20208v64h64v32h-64v64h-32v-64h-64v-32h64v-64h32m16-16h-64v64h-64v64h64v64h64v-64h64v-64h-64v-64z%22%2F%3E%3Cpath%20d%3D%22M336%20128V96c-.5-18.2-13.6-32-32.2-32h-99.1C186.1%2064%20176%2077.7%20176%2096v32H48v320h416V128H336zM192%2098.1c0-10.2%202.9-18.1%2013.7-18.1h97.1c10.4%200%2017.2%207.7%2017.2%2018.1V128H192V98.1zM448%20432H64V144h384v288z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-medkit-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-medkit-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-medkit-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-medkit-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-medkit-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M272%20272v-64h-32v64h-64v32h64v64h32v-64h64v-32h-48z%22%2F%3E%3Cpath%20d%3D%22M336%20128V96c-.5-18.2-13.6-32-32.2-32h-99.1C186.1%2064%20176%2077.7%20176%2096v32H48v320h416V128H336zM192%2098.1c0-10.2%202.9-18.1%2013.7-18.1h97.1c10.4%200%2017.2%207.7%2017.2%2018.1V128H192V98.1zM352%20320h-64v64h-64v-64h-64v-64h64v-64h64v64h64v64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-medkit-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-medkit-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-medkit($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-medkit-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-megaphone-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M76.1%20187c0-38.1%2022.2-71%2055.3-85h-7.1c-28.7%200-60.7%2030.4-66.3%2069.8-5.6.9-9.9%207.3-9.9%2014.9%200%208%204.7%2014.3%2010.8%2014.8%204.2%2030%2035.7%2059%2056.9%2065.4l10.1%203.2c-27.8-15.8-49.8-48.8-49.8-83.1z%22%2F%3E%3Cpath%20d%3D%22M390.5%2064c8.7%200%2015.8%203.2%2023.7%2010.6%206.9%206.6%2013%2015.7%2018.1%2027.1%201%202.4%202%204.6%202.9%206.9v.2C443.4%20130%20448%20157.1%20448%20185c0%2027.8-4.5%2054.8-12.7%2076.1v.2c-.9%202.3-1.8%204.6-2.9%207.1-5.1%2011.2-10.4%2019.2-18.5%2027.4-11.9%2011.9-20.3%2013.2-23.4%2013.2-3.2%200-6.1-.6-14.4-3.7-6.2-2.4-12.4-4.9-18.5-7.3-31.1-12.5-63.2-25.4-106.5-25.4-7.1%200-13.7%202.9-18.6%208.3-14.7%2016-12.7%2051.7-8.2%20104.4%201.2%2013.7%202.3%2026.7%202.3%2035%200%209.9-.3%2016.4-.9%2021.3-.4%203.4-.9%205.3-1.3%206.2-.7.1-1.8.2-3.6.2-7.4%200-18.3-1.4-28.4-3.7-12.2-2.8-18-5.6-19.6-6.7-2.1-2.6-2.3-4-.2-19.1%202-14.3%2015-84.1%2020.6-113.9%201.1-5.9%201.9-10.3%202.3-12.5%202-10.6-3.3-20.2-14.1-25.8-5.6-2.9-12.3-4.6-18.8-6.3-5-1.3-13.5-3.5-15.7-5.3l-1-.8-1.1-.7c-22.6-13.4-36.6-38.8-36.6-66.2%200-15.2%204.5-29.9%2012.9-42.7%207.5-11.4%2017.7-20.4%2029.5-26.3%207.7-.1%2028-.2%2059.8-.2%2021.9%200%2050.6-4.9%2081-13.9%2030.6-9.1%2059.5-21.3%2081.2-34.3l.6-.4c3.9-2.2%208.8-5.2%2017.3-5.2m0-16c-13.5%200-21.5%205.2-25.8%207.8-43.1%2025.9-112.3%2046-154%2046s-63.4.2-63.4.2c-31.6%2014-54.8%2046.9-54.8%2085%200%2034.2%2017.8%2064.2%2044.4%2080%2012.1%2010.1%2045.6%208.8%2043.1%2022.2-2.5%2013.4-20.5%20109.5-23%20127s-2.9%2023.5%204%2032c7%208.5%2041.5%2015.8%2060%2015.8s21.8-8.7%2021.8-43.8-17.3-131.7%208.5-131.7c48.3%200%2081.5%2017.3%20119.3%2031.7%209%203.4%2014.1%204.7%2020.1%204.7%206%200%2018.7-1.9%2034.7-18.2%209.2-9.4%2015.7-18.8%2021.7-32.2%201.1-2.6%202.2-5.2%203.2-8%208.9-23.2%2013.7-51.9%2013.7-81.9%200-29.9-4.8-58.7-13.8-82-1-2.7-2.1-5.2-3.2-7.7-6-13.4-13.4-24.2-21.7-32.2-10.5-9.5-21.4-14.7-34.8-14.7z%22%2F%3E%3Cpath%20d%3D%22M385.3%2096.3c2.1%200%2010%204.1%2015.7%2016.7%204.5%2010.2%2015%2037.4%2015%2072%200%2034.2-10.4%2061.6-14.9%2071.8-5.3%2012-12.5%2018.5-15.5%2019.8-2-1.4-7.1-6.7-12.9-19.8-7.9-18-12.5-44.2-12.5-71.8%200-27.9%204.6-54.1%2012.6-72%206.1-13.8%2011.7-16.7%2012.5-16.7m0-16c-10.4%200-20%209.9-27.2%2026.2-8.5%2019.2-13.9%2047.2-13.9%2078.5%200%2031.1%205.4%2059.1%2013.8%2078.2%207.2%2016.5%2016.8%2029.6%2027.3%2029.6s23.1-13.1%2030.4-29.6C424.1%20244%20432%20216%20432%20185c0-31.3-7.8-59.3-16.4-78.5-7.3-16.2-19.8-26.2-30.3-26.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-megaphone-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-megaphone-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-megaphone-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-megaphone-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-megaphone-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M76.1%20187c0-38.1%2022.2-71%2055.3-85h-7.1c-28.7%200-60.7%2030.4-66.3%2069.8-5.6.9-9.9%207.3-9.9%2014.9%200%208%204.7%2014.3%2010.8%2014.8%204.2%2030%2035.7%2059%2056.9%2065.4l10.1%203.2c-27.8-15.8-49.8-48.8-49.8-83.1z%22%2F%3E%3Cpath%20d%3D%22M450.2%20102.8c-1-2.7-2.1-5.2-3.2-7.7-6-13.4-13.4-24.2-21.7-32.2-10.5-9.7-21.4-14.9-34.8-14.9s-21.5%205.2-25.8%207.8c-43.1%2025.9-112.3%2046-154%2046s-63.4.2-63.4.2c-31.6%2014-54.8%2046.9-54.8%2085%200%2034.2%2017.8%2064.2%2044.4%2080%2012.1%2010.1%2045.6%208.8%2043.1%2022.2-2.5%2013.4-20.5%20109.5-23%20127s-2.9%2023.5%204%2032c7%208.5%2041.5%2015.8%2060%2015.8s21.8-8.7%2021.8-43.8-17.3-131.7%208.5-131.7c48.3%200%2081.5%2017.3%20119.3%2031.7%209%203.4%2014.1%204.7%2020.1%204.7%206%200%2018.7-1.9%2034.7-18.2%209.2-9.4%2015.7-18.8%2021.7-32.2%201.1-2.6%202.2-5.2%203.2-8%208.9-23.2%2013.7-51.9%2013.7-81.9%200-29.8-4.8-58.6-13.8-81.8zm-18.5%20160.5c-7.2%2016.4-19.9%2029.6-30.4%2029.6s-20.1-13.1-27.3-29.6c-8.4-19.2-13.8-47.2-13.8-78.2%200-31.3%205.4-59.3%2013.9-78.5%207.2-16.3%2016.8-26.2%2027.2-26.2%2010.5%200%2023%209.9%2030.3%2026.2%208.5%2019.2%2016.4%2047.2%2016.4%2078.5%200%2031-7.8%2059-16.3%2078.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-megaphone-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-megaphone-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-megaphone($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-megaphone-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-menu-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20144h384v16H64zM64%20248h384v16H64zM64%20352h384v16H64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-menu-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-menu-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-menu-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-menu-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-menu-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20144h384v32H64zM64%20240h384v32H64zM64%20336h384v32H64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-menu-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-menu-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-menu($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-menu-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-mic-off-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M334.9%20276.5c0%20.2%200%20.4-.1.6%200-.2%200-.4.1-.6zM335.2%20272.4v.7c-.1-.3-.1-.5%200-.7zM177%20268.3v.1c0%2046.1%2035.3%2083.6%2079.1%2083.6%209.1%200%2017.8-1.6%2025.9-4.6l-.1-.1c-8.1%203-16.7%204.6-25.8%204.6-43.8-.1-79.1-37.5-79.1-83.6z%22%2F%3E%3Cpath%20d%3D%22M256.1%20335.8c-34.8%200-63.1-30.3-63.1-67.5v-73L177%20168v100.3c0%2046.1%2035.3%2083.6%2079.1%2083.6%209.1%200%2017.8-1.6%2025.9-4.6l-8.3-14.1c-5.6%201.7-11.5%202.6-17.6%202.6zM335%20268.4v-.1c0%201.4%200%202.7-.1%204.1.1-1.3.1-2.7.1-4zM335.1%20273.1c-.1%201.2-.1%202.3-.2%203.5.1-1.2.2-2.4.2-3.5zM320.2%20317.4c7.9-11.5%2013.1-25.3%2014.6-40.2-1.5%2014.8-6.7%2028.6-14.6%2040.2z%22%2F%3E%3Cpath%20d%3D%22M255.9%2048c-29.6%200-55.3%2017.1-68.9%2042.4l10%2016.9c9.1-25.4%2032-43.5%2058.9-43.5%2034.8%200%2063.1%2030.3%2063.1%2067.5v136.8c0%2012.1-2.9%2023.5-8.2%2033.3l9.3%2015.7c7.9-11.5%2013.2-25.3%2014.7-40.2%200-.2.1-.4.1-.6.1-1.1.2-2.3.3-3.5%200-.2-.1-.4-.1-.7.1-1.4%200-2.7%200-4.1V131.6C335%2085.5%20299.7%2048%20255.9%2048zM264.2%20383.3l-8.2.6-8.4-.6c-28.6-2.1-53.2-14.6-72.9-35.4-19.7-20.8-30.7-47.8-30.7-76.1V208h-16v63.8c0%2067.2%2054%20122.6%20121%20127.4V448h-74v16h161v-16h-72v-48.7c15-1.1%2029.1-4.7%2042.3-10.5l-7.8-13.3c-11%204.3-22.6%206.9-34.3%207.8zM384%20271.8V208h-16v63.8c0%2028.4-10.1%2055.5-29.2%2076.2-.2.2-.2.3-.4.5l7.6%2013.2c23.4-23.1%2038-54.9%2038-89.9z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M133.8%2032L120%2040.1%20378.2%20480l13.8-8.1z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-mic-off-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-mic-off-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-mic-off-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-mic-off-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-mic-off-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M177%20268.4c0%2046.1%2035.3%2083.6%2079%2083.6%209.1%200%2017.8-1.6%2025.9-4.6L177%20168v100.4zM335%20268.4V131.5c0-46.1-35.3-83.6-79-83.6-29.5%200-55.2%2017.1-68.8%2042.4l132.7%20227c9.5-13.7%2015.1-30.6%2015.1-48.9z%22%2F%3E%3Cpath%20d%3D%22M264.2%20383.3l-8.2.6-8.4-.6c-28.5-2.1-53.2-14.6-72.9-35.4-19.7-20.8-30.7-47.8-30.7-76.1V208h-16v63.8c0%2067.2%2054%20122.6%20121%20127.5V448h-74v16h161v-16h-72v-48.7c14.8-1.1%2029-4.7%2042.1-10.5l-7.8-13.3c-10.9%204.3-22.5%207-34.1%207.8zM384%20271.8V208h-16v63.8c0%2028.4-10.2%2055.5-29.3%2076.3l-.5.5%207.7%2013.2c23.4-23.2%2038.1-55%2038.1-90z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M134.2%2032l-13.8%208%20257.4%20440%2013.8-8z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-mic-off-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-mic-off-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-mic-off($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-mic-off-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-mic-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2063.9c34.7%200%2063%2030.3%2063%2067.6v136.9c0%2037.3-28.3%2067.6-63%2067.6s-63-30.3-63-67.6V131.5c0-37.3%2028.3-67.6%2063-67.6m0-15.9c-43.7%200-79%2037.4-79%2083.5v136.9c0%2046.1%2035.3%2083.6%2079%2083.6s79-37.5%2079-83.6V131.5c0-46.1-35.3-83.5-79-83.5z%22%2F%3E%3Cpath%20d%3D%22M368%20208v63.8c0%2028.4-10.2%2055.5-29.3%2076.3-19%2020.7-46.7%2033.2-74.5%2035.2l-8.2.6-8.4-.6c-28.5-2.1-53.2-14.6-72.9-35.4-19.7-20.8-30.7-47.8-30.7-76.1V208h-16v63.8c0%2067.2%2054%20122.6%20121%20127.5V448h-74v16h161v-16h-72v-48.7c66-4.9%20120-60.3%20120-127.5V208h-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-mic-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-mic-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-mic-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-mic-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-mic-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048c-43.7%200-79%2037.4-79%2083.5v136.9c0%2046.1%2035.3%2083.6%2079%2083.6s79-37.5%2079-83.6V131.5c0-46.1-35.3-83.5-79-83.5z%22%2F%3E%3Cpath%20d%3D%22M368%20208v63.8c0%2028.4-10.2%2055.5-29.3%2076.3-19%2020.7-46.7%2033.2-74.5%2035.2l-8.2.6-8.4-.6c-28.5-2.1-53.2-14.6-72.9-35.4-19.7-20.8-30.7-47.8-30.7-76.1V208h-16v63.8c0%2067.2%2054%20122.6%20121%20127.5V448h-74v16h161v-16h-72v-48.7c66-4.9%20120-60.3%20120-127.5V208h-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-mic-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-mic-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-mic($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-mic-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-microphone-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M280%2048h-48c-66%200-120%2054-120%20120v128c0%2063.3%2049.7%20115.6%20112%20119.7V464h64v-48.3c62.3-4.2%20112-56.4%20112-119.7V168c0-66-54-120-120-120zm-40%20400v-32h32v32h-32zm40-48h-48c-27.6%200-53.7-10.9-73.4-30.6-.5-.5-.9-1-1.4-1.4h197.7c-.5.5-.9%201-1.4%201.4-19.8%2019.7-45.9%2030.6-73.5%2030.6zm87.5-48h-223c-10.7-16.6-16.5-35.9-16.5-56v-8h80v-16h-80v-32h80v-16h-80v-32h80v-16h-80v-8c0-27.6%2010.9-53.7%2030.6-73.4%2013.9-13.9%2030.9-23.4%2049.4-27.8V112h16V64.3c2.6-.2%205.3-.3%208-.3h16v64h16V64h16c2.7%200%205.4.1%208%20.3V112h16V66.8c18.5%204.4%2035.6%2013.9%2049.4%2027.8%2019.7%2019.7%2030.6%2045.8%2030.6%2073.4v8h-80v16h80v32h-80v16h80v32h-80v16h80v8c0%2020.1-5.8%2039.4-16.5%2056z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-microphone-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-microphone-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-microphone-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-microphone-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-microphone-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M304%20192v-16h96v-8c0-57.8-41.4-106.4-96-117.6V112h-16V48.3c-2.6-.2-5.3-.3-8-.3h-16v80h-16V48h-16c-2.7%200-5.4.1-8%20.3V112h-16V50.4c-54.6%2011.2-96%2059.8-96%20117.6v8h96v16h-96v32h96v16h-96v32h96v16h-96v8c0%2020.2%205.1%2039.3%2014%2056h260c8.9-16.7%2014-35.8%2014-56v-8h-96v-16h96v-32h-96v-16h96v-32h-96zM375.8%20368H136.2c20.6%2027.3%2052.7%2045.7%2088.8%2047.8l-1%20.2v48h64v-48l-1.5-.2c36.4-2%2068.6-20.3%2089.3-47.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-microphone-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-microphone-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-microphone($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-microphone-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-moon-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M214.1%2087.3s0%20.1-.1.1c-12.8%2026.7-19.3%2055.5-19.3%2085.4%200%2052.8%2020.5%20102.5%2057.8%20139.8%2037.3%2037.4%2086.8%2057.9%20139.6%2057.9%203.2%200%206.4-.1%209.6-.2h.2c-33.6%2039.2-82.2%2061.6-133.7%2061.6-47.1%200-91.3-18.4-124.6-51.7C110.3%20346.9%2092%20302.6%2092%20255.4c0-38.3%2012-74.7%2034.8-105.4%2011-14.7%2024.1-27.6%2039-38.3%2014.8-10.6%2031.1-18.8%2048.3-24.4M246.9%2064c-12.6%201.4-24.9%204-36.6%207.7C132.4%2096.4%2076%20169.3%2076%20255.4%2076%20361.8%20162%20448%20268.2%20448c58.7%200%20111.2-26.4%20146.5-67.9%208.1-9.5%2015.2-19.8%2021.4-30.8-11.4%202.8-23.1%204.5-35%205.1-2.9.1-5.9.2-8.8.2-48.4%200-94-18.9-128.2-53.2-34.3-34.3-53.1-80-53.1-128.5%200-27.6%206.1-54.3%2017.7-78.5%204.9-10.7%2011-20.9%2018.2-30.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-moon-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-moon-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-moon-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-moon-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-moon-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M246.9%2064c-12.6%201.4-24.9%204-36.6%207.7C132.4%2096.4%2076%20169.3%2076%20255.4%2076%20361.8%20162%20448%20268.2%20448c58.7%200%20111.2-26.4%20146.5-67.9%208.1-9.5%2015.2-19.8%2021.4-30.8-11.4%202.8-23.1%204.5-35%205.1-2.9.1-5.9.2-8.8.2-48.4%200-94-18.9-128.2-53.2-34.3-34.3-53.1-80-53.1-128.5%200-27.6%206.1-54.3%2017.7-78.5%204.9-10.7%2011-20.9%2018.2-30.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-moon-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-moon-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-moon($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-moon-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-more-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20238c9.9%200%2018%208.1%2018%2018s-8.1%2018-18%2018-18-8.1-18-18%208.1-18%2018-18m0-14c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32zM128.4%20238c9.9%200%2018%208.1%2018%2018s-8.1%2018-18%2018-18-8.1-18-18%208.1-18%2018-18m0-14c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.4-32-32-32zM384%20238c9.9%200%2018%208.1%2018%2018s-8.1%2018-18%2018-18-8.1-18-18%208.1-18%2018-18m0-14c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-more-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-more-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-more-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-more-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-more-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20224c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32zM128.4%20224c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.4-32-32-32zM384%20224c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032%2032-14.3%2032-32-14.3-32-32-32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-more-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-more-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-more($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-more-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-move-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M389.6%20165.5l-11.3%2011.3%2070.8%2071.2H264V62.9l71.2%2070.9%2011.3-11.4L256%2031.9l-90.5%2090.5%2011.3%2011.3L248%2062.9V248H62.9l70.8-71.2-11.3-11.3L32%20256l90.5%2090.5%2011.3-11.3L62.9%20264H248v185l-71.2-70.8-11.3%2011.3L256%20480l90.5-90.5-11.3-11.3L264%20449V264h185.1l-70.9%2071.2%2011.3%2011.3L480%20256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-move-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-move-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-move($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-move-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-musical-note-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M358.3%2048.2c-4.7.9-106%2020.1-110.2%2020.9-4.2.8-8.1%203.6-8.1%208v259.4c0%201.6-.1%207.2-2.4%2011.7-3.1%205.9-8.5%2010.2-16.1%2012.7-3.3%201.1-7.8%202.1-13.1%203.3-24.1%205.4-64.4%2014.5-64.4%2051.6%200%2031%2022.4%2045%2041.7%2047.4%202.1.3%204.5.8%207.1.8%206.7%200%2024-1.4%2039.2-11.3%2011-7.1%2024.1-21.4%2024.1-47.8V166.5l112-22.9V55.8c-.1-4.3-3.8-8.8-9.8-7.6zM240%20404.8c0%2015.4-5.6%2027.3-16.8%2034.5-11.9%207.8-26.3%208.7-30.5%208.7-1.9%200-3.6-.4-5.1-.6-2.3-.3-10.5-1.9-17.3-7.4-6.9-5.5-10.4-13.7-10.4-24.2%200-22.5%2024.6-29.9%2051.9-36.1%205.7-1.3%2010.6-2.4%2014.6-3.7%205.5-1.8%209.5-4.2%2013.5-6.9v35.7zm112-274.1l-96%2018.9V83.8l96-18.2v65.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-musical-note-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-musical-note-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-musical-note-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-musical-note-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-musical-note-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M358.3%2048.2c-4.7.9-106%2020.1-110.2%2020.9-4.2.8-8.1%203.6-8.1%208v259.4c0%201.6-.1%207.2-2.4%2011.7-3.1%205.9-8.5%2010.2-16.1%2012.7-3.3%201.1-7.8%202.1-13.1%203.3-24.1%205.4-64.4%2014.5-64.4%2051.6%200%2031%2022.4%2045%2041.7%2047.4%202.1.3%204.5.8%207.1.8%206.7%200%2024-1.4%2039.2-11.3%2011-7.1%2024.1-21.4%2024.1-47.8V166.5l112-22.9V55.8c-.1-4.3-3.8-8.8-9.8-7.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-musical-note-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-musical-note-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-musical-note($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-musical-note-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-musical-notes-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M406.3%2048.2c-4.7.9-202%2039.2-206.2%2040-4.2.8-8.1%203.6-8.1%208v240.1c0%201.6-.1%207.2-2.4%2011.7-3.1%205.9-8.5%2010.2-16.1%2012.7-3.3%201.1-7.8%202.1-13.1%203.3-24.1%205.4-64.4%2014.6-64.4%2051.8%200%2031.1%2022.4%2045.1%2041.7%2047.5%202.1.3%204.5.7%207.1.7%206.7%200%2024-1.3%2039.2-11.2%2011-7.2%2024.1-21.4%2024.1-47.8V186l192-39v140.7c0%204.1-.2%208.9-2.5%2013.4-3.1%205.9-8.5%2010.2-16.2%2012.7-3.3%201.1-7.8%202.1-13.1%203.3-24.1%205.4-64.4%2014.5-64.4%2051.7%200%2033.7%2026.3%2045.6%2041.8%2047.3%201.2.1%202.6.1%204.1.1%2010.2%200%2025.7-2.5%2038.8-10%2017.9-10.3%2027.5-26.8%2027.5-48.2V55.9c-.1-4.4-3.8-8.9-9.8-7.7zM192%20404.8c0%2015.5-5.6%2027.3-16.8%2034.6-11.9%207.8-26.3%208.7-30.5%208.7-1.9%200-3.6-.4-5.1-.6-2.3-.3-10.5-1.9-17.3-7.4-6.9-5.5-10.4-13.7-10.4-24.2%200-22.6%2024.6-30%2051.9-36.2%205.7-1.3%2010.6-2.4%2014.6-3.7%205.5-1.8%209.5-4.2%2013.5-6.9v35.7zm208-47c0%2015.5-6.6%2026.9-19.4%2034.3-10.4%205.9-23.1%207.9-30.9%207.9-1.3%200-2.1.1-2.4%200-4.6-.5-27.6-4.2-27.6-31.2%200-22.6%2024.6-30%2051.9-36.2%205.7-1.3%2010.7-2.4%2014.7-3.7%205.5-1.8%209.6-4.2%2013.6-6.9v35.8zm0-226.9l-192%2038v-66l192-37.2v65.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-musical-notes-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-musical-notes-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-musical-notes-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-musical-notes-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-musical-notes-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M406.3%2048.2c-4.7.9-202%2039.2-206.2%2040-4.2.8-8.1%203.6-8.1%208v240.1c0%201.6-.1%207.2-2.4%2011.7-3.1%205.9-8.5%2010.2-16.1%2012.7-3.3%201.1-7.8%202.1-13.1%203.3-24.1%205.4-64.4%2014.6-64.4%2051.8%200%2031.1%2022.4%2045.1%2041.7%2047.5%202.1.3%204.5.7%207.1.7%206.7%200%2024-1.3%2039.2-11.2%2011-7.2%2024.1-21.4%2024.1-47.8V186l192-39v140.7c0%204.1-.2%208.9-2.5%2013.4-3.1%205.9-8.5%2010.2-16.2%2012.7-3.3%201.1-7.8%202.1-13.1%203.3-24.1%205.4-64.4%2014.5-64.4%2051.7%200%2033.7%2026.3%2045.6%2041.8%2047.3%201.2.1%202.6.1%204.1.1%2010.2%200%2025.7-2.5%2038.8-10%2017.9-10.3%2027.5-26.8%2027.5-48.2V55.9c-.1-4.4-3.8-8.9-9.8-7.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-musical-notes-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-musical-notes-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-musical-notes($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-musical-notes-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-navigate-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064.5c51.1%200%2099.2%2019.9%20135.4%2056.1s56.1%2084.2%2056.1%20135.4-19.9%2099.2-56.1%20135.4-84.2%2056.1-135.4%2056.1-99.2-19.9-135.4-56.1C84.5%20355.2%2064.5%20307.1%2064.5%20256s19.9-99.2%2056.1-135.4c36.2-36.1%2084.3-56.1%20135.4-56.1m0-16.5C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048z%22%2F%3E%3Cpath%20d%3D%22M352%20160l-223.7%2096H256v128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-navigate-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-navigate-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-navigate-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-navigate-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-navigate-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20336V256H128.3L352%20160l-96%20224z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-navigate-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-navigate-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-navigate($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-navigate-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-no-smoking-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M360%20256h16v48h-16zM128%20288v-16h117l-16-16H112v48h165l-16-16zM300%20272h36v13h-23l19%2019h20v-48h-68zM384%20256h16v48h-16z%22%2F%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20400c-25.9%200-51.1-5.1-74.7-15.1-22.9-9.7-43.4-23.5-61-41.2-17.6-17.6-31.5-38.2-41.2-61C69.1%20307.1%2064%20281.9%2064%20256s5.1-51.1%2015.1-74.7c8.6-20.4%2020.6-39%2035.6-55.3L386%20397.3c-16.3%2015-34.8%2027-55.3%2035.6-23.6%2010-48.8%2015.1-74.7%2015.1zm141.3-62L126%20114.7c16.3-15%2034.8-27%2055.3-35.6C204.9%2069.1%20230.1%2064%20256%2064s51.1%205.1%2074.7%2015.1c22.9%209.7%2043.4%2023.5%2061%2041.2%2017.6%2017.6%2031.5%2038.2%2041.2%2061%2010%2023.7%2015.1%2048.8%2015.1%2074.7s-5.1%2051.1-15.1%2074.7c-8.6%2020.4-20.6%2039-35.6%2055.3z%22%2F%3E%3Cpath%20d%3D%22M360.2%20212.7c-8.8-4.1-22.1-4.7-45.7-4.7h-3.6c-12.7.1-15.9-1.1-20-7.1-2.8-4.2-1-14.8%203.7-21.9%201.6-2.4%201.8-5.6.4-8.2-1.4-2.6-4.1-4.2-7-4.3-.1%200-9.4-.1-18.3-3.9-10.6-4.5-15.6-12.1-15.6-23.1%200-25.8%2016.9-27.5%2017.9-27.5%204.4%200%208-3.6%208-8s-3.6-8-8-8c-12%200-33.9%2010.8-33.9%2043.5%200%2017.5%209%2031%2025.7%2038%204.2%201.7%208.4%202.9%2012%203.6-3.3%209.8-3.6%2021.9%201.7%2029.7%209%2013.3%2020.3%2013.1%2033.3%2013.1h3.5c26.3%200%2034.7%201.2%2039%203.2%205.7%202.6%206.7%207.5%206.7%2015.7v1.1h16v-1.1c0-7%20.2-22.7-15.8-30.1z%22%2F%3E%3Cpath%20d%3D%22M400%20244c0-26-3-39.2-9.1-49.5C382.3%20180%20368.5%20176%20352%20176h-17.4c2.9-8.3%205.4-23.8%203.5-34.9-3.2-18.8-15.4-29.1-34.1-29.1-4.4%200-8%203.6-8%208s3.6%208%208%208c16%200%2017.1%208.2%2018.4%2015.8%202.5%2014.5-6.8%2036.1-6.9%2036.3-1.4%202.5-1.3%205.5.1%207.9%201.4%202.4%204.1%204%206.9%204H352c10.9%200%2019.4.9%2025.1%2010.6%203.1%205.3%206.9%2013.4%206.9%2041.4h16zM400%20244c0-.1%200%200%200%200z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-no-smoking-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-no-smoking-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-no-smoking-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-no-smoking-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-no-smoking-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm48%2064c18.7%200%2030.9%2010.3%2034.1%2029.1%201.9%2011.1-.6%2026.6-3.5%2034.9H352c16.5%200%2030.3%204.1%2038.9%2018.4C397%20204.8%20400%20218%20400%20244h-16c0-28-3.8-36.1-6.9-41.4-5.7-9.7-14.2-10.6-25.1-10.6h-29.5c-2.8%200-5.5-1.6-6.9-3.9-1.4-2.4-1.5-5.4-.1-7.9.1-.2%209.4-21.8%206.9-36.3-1.3-7.6-2.4-15.8-18.4-15.8-4.4%200-8-3.6-8-8s3.6-8.1%208-8.1zm-32-16c4.4%200%208%203.6%208%208s-3.6%208-8%208c-1%200-17.9%201.7-17.9%2027.5%200%2011%205%2018.6%2015.6%2023.1%208.9%203.8%2018.2%203.9%2018.3%203.9%202.9.1%205.6%201.7%207%204.3%201.4%202.6%201.2%205.8-.4%208.2-4.7%207.1-6.5%2017.7-3.7%2021.9%204.1%206%207.3%207.2%2020%207.1h3.6c23.6%200%2036.9.6%2045.7%204.7%2016%207.4%2015.8%2023.1%2015.8%2030.2v1.1h-16v-1.1c0-8.2-1-13-6.7-15.7-4.3-2-12.7-3.2-39-3.2h-3.5c-13%200-24.3.2-33.3-13.1-5.3-7.8-5-20-1.7-29.8-3.6-.7-7.8-1.9-12-3.6-16.7-7-25.7-20.5-25.7-38C238.1%20106.8%20260%2096%20272%2096zm104%20160v48h-16v-48h16zm-24%200v48h-20l-48-48h68zm-240%2048v-48h117l48%2048H112zm279.8%2087.8c-1.9%201.9-3.8%203.7-5.8%205.5L114.7%20126a150.67%20150.67%200%200%201%2011.3-11.3L397.3%20386c-1.8%201.9-3.6%203.9-5.5%205.8zM400%20304h-16v-48h16v48zm0-60s0-.1%200%200zM400%20244c0-.1%200%200%200%200z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-no-smoking-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-no-smoking-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-no-smoking($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-no-smoking-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-notifications-off-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M288%20400c0%2018-14.4%2032-32%2032s-32.2-14-32.2-32h-16c0%2027%2021.6%2048%2048.1%2048s48.1-21%2048.1-48h-16zM133.8%2032L120%2040.1%20378.2%20480l13.8-8.1zM236.3%20104.2c16.8-2.1%2022.2-2.4%2039.7%200%2020.8%202.9%2041.6%2014%2055.2%2030.4%2017.7%2021.4%2026.7%2053.2%2026.7%2094.6%200%2051.4%204.4%2084.9%2014.2%20108.7%205.2%2012.6%2011.7%2022%2019%2030h-41.5l9.4%2016h73c-35.4-32-58.1-39-58.1-154.9%200-99.1-49-132.9-94.9-140.6%200-.6.1-1.1.1-1.7%200-12.7-10.3-23-23-23s-23%2010.3-23%2023c0%20.6%200%201.2.1%201.8-13.1%202.2-26.5%206.6-38.9%2014l8%2013.7c10.2-6.2%2021.9-10.5%2034-12zM121.1%20368c7.2-8%2013.7-17.3%2018.9-29.9%209.8-23.8%2014.1-57.3%2014.1-108.8%200-30.2%204.8-55.4%2014.4-75.1L159%20138c-12.8%2021.4-20.9%2050.9-20.9%2091.2C138.1%20345.1%20115.6%20352%2080%20384h222.9l-9.4-16H121.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-notifications-off-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-notifications-off-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-notifications-off-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-notifications-off-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-notifications-off-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M207.8%20400c0%2027%2021.6%2048%2048.1%2048s48.1-21%2048.1-48h-96.2zM133.8%2032L120%2040.1%20378.2%20480l13.8-8.1zM373.9%20229c0-99.1-49-132.9-94.9-140.6%200-.6.1-1.1.1-1.7%200-12.7-10.3-23-23-23s-23%2010.3-23%2023c0%20.6%200%201.2.1%201.8-13.1%202.2-26.5%206.6-38.9%2014L359%20383.9h73c-35.4-32-58.1-39-58.1-154.9zM138.1%20229.2C138.1%20345.1%20115.6%20352%2080%20384h222.9L159%20138c-12.8%2021.4-20.9%2050.9-20.9%2091.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-notifications-off-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-notifications-off-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-notifications-off($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-notifications-off-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-notifications-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M288%20400c0%2017-14.4%2032-32%2032s-32.2-15-32.2-32h-16c0%2026%2021.6%2047.9%2048.1%2047.9S304%20426%20304%20400h-16zM373.9%20229.2c0-99-49-132.8-94.9-140.5%200-.6.1-1.1.1-1.7%200-12.7-10.3-23-23-23s-23%2010.3-23%2023c0%20.6%200%201.2.1%201.8-45.9%207.8-94.9%2041.9-94.9%20140.7C138.1%20345%20115.6%20352%2080%20384h352c-35.4-32-58.1-39.1-58.1-154.8zM121.1%20368c7.2-8%2013.7-17.4%2018.9-30%209.8-23.7%2014.1-57.3%2014.1-108.7%200-41.3%209-73.1%2026.8-94.5%2013.6-16.4%2033.7-27.7%2055.4-30.5%2016.8-2.1%2022.2-2.4%2039.7%200%2020.8%202.9%2041.6%2014%2055.2%2030.4%2017.7%2021.4%2026.7%2053.2%2026.7%2094.5%200%2051.4%204.4%2084.9%2014.2%20108.7%205.2%2012.6%2011.7%2022.1%2019%2030.1h-270z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-notifications-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-notifications-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-notifications-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-notifications-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-notifications-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M207.8%20400c0%2026%2021.6%2047.9%2048.1%2047.9S304%20426%20304%20400h-96.2zM373.9%20229.2c0-99-49-132.8-94.9-140.5%200-.6.1-1.1.1-1.7%200-12.7-10.3-23-23-23s-23%2010.3-23%2023c0%20.6%200%201.2.1%201.8-45.9%207.8-94.9%2041.9-94.9%20140.7C138.1%20345%20115.6%20352%2080%20384h352c-35.4-32-58.1-39.1-58.1-154.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-notifications-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-notifications-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-notifications($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-notifications-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-nuclear-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M320%20272c0-23.8-13.1-44.7-32.5-55.7l81.2-137.9C335.6%2059.1%20297.1%2048%20256%2048c-41.2%200-79.9%2011.2-113.1%2030.6l79.6%20138.9C204.2%20228.8%20192%20249%20192%20272H32c0%2083.3%2046.9%20153.4%20114.4%20192l78.1-136.3c9.3%205.3%2020.1%208.3%2031.5%208.3%2011.4%200%2022.1-3%2031.3-8.2L365.6%20464C433.1%20425.4%20480%20355.3%20480%20272H320zM165%2084.9C193.2%2071.2%20224.4%2064%20256%2064c31.4%200%2062.4%207.1%2090.4%2020.7l-73.9%20125.5c-5.3-1.4-10.8-2.2-16.5-2.2-6.6%200-13%201-19%202.9l-72-126zm-24.3%20356.8c-25.8-17.3-47.4-39.6-63.2-65.3C61%20349.6%2051.2%20319.3%2048.6%20288H194c3%2011.6%209.2%2021.9%2017.5%2030l-70.8%20123.7zM208%20272c0-17.1%209-32.1%2022.4-40.6.4-.3.8-.5%201.2-.8%207.1-4.2%2015.5-6.6%2024.3-6.6%2026.5%200%2048%2021.5%2048%2048s-21.5%2048-48%2048-47.9-21.5-47.9-48zm163.2%20169.7l-71.1-123.5c8.5-8.1%2014.8-18.5%2017.8-30.2h145.4c-2.5%2031.3-12.4%2061.6-28.9%2088.4-15.7%2025.7-37.4%2048-63.2%2065.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-nuclear-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-nuclear-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-nuclear-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-nuclear-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-nuclear-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22272%22%20r%3D%2248%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22272%22%20r%3D%2248%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M480%20272H320c0%2023.9-13.1%2044.7-32.6%2055.7L365.6%20464C433.1%20425.4%20480%20355.3%20480%20272zM256%20208c11.7%200%2022.7%203.2%2032.1%208.7l80.6-138.3C335.6%2059.1%20297.1%2048%20256%2048c-41.2%200-79.9%2011.2-113.1%2030.6l79.8%20138.8c9.7-6%2021.1-9.4%2033.3-9.4zM192%20272H32c0%2083.3%2046.9%20153.4%20114.4%20192l78.2-136.3c-19.5-11-32.6-31.8-32.6-55.7z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-nuclear-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-nuclear-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-nuclear($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-nuclear-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-nutrition-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M358%20233.855l.413-.04c-.137-.136-.046-.1-.185-.236L279.798%20155h-.004c-5.833-6-14.193-10.154-23.485-10.154-11.812%200-22.116%206.154-27.636%2016.154h-.007s-7.09%2010.994-18.27%2028.874l32.53%2039.637c2.94%203.77%203.297%207.802%201.412%209.69l-.115.07c-.91.91-2.02%201.33-3.274%201.33-1.907%200-4.14-.99-6.484-2.767l-35.872-29.418-83.45%20133.45%2019.072%2023.338c2.94%203.77%203.296%207.884%201.41%209.772l-.114.114c-.91.912-2.028%201.34-3.287%201.34-1.905%200-4.136-.98-6.472-2.754l-21.067-16.533C84.734%20389.05%2070%20412.463%2068%20414.366v.003c-3%205.06-4.085%2011.13-4.085%2017.663C63.915%20449.688%2078.572%20464%2096.2%20464c7.82%200%2014.57-3.395%2020.8-7.5l114.65-84.11-28.838-35.357c-2.94-3.77-3.268-7.887-1.382-9.775l.128-.114c.912-.912%202.034-1.34%203.294-1.34%201.905%200%204.14.98%206.476%202.754l37.864%2031.59A20509.475%2020509.475%200%200%201%20355.082%20283h.005c7.84-6%2012.473-15.71%2012.473-26.238%200-8.704-3.56-17.14-9.56-22.904v-.003zm-12.47%2035.98a31571.957%2031571.957%200%200%200-95.763%2069.898l-28.272-23.483-.26-.223-.274-.21c-5.244-3.982-10.662-6-16.107-6-5.465%200-10.592%202.098-14.458%205.91l-.064.062-.082.08-.083.084c-7.808%207.82-7.76%2020.823.11%2030.917l.11.144.114.138%2018.222%2022.312-100.656%2073.896c-5.066%203.304-8.427%204.657-11.542%204.657-8.822%200-16-7.17-16-15.983%200-3.086.694-6.045%202.017-8.623%202.392-3.16%206.6-9.875%2018.656-29.35%202.543-4.108%205.252-8.487%208.134-13.13l6.39%205.177.195.156.2.152c5.245%203.98%2010.665%206%2016.11%206%205.518%200%2010.693-2.14%2014.572-6.023l.114-.113c7.807-7.818%207.757-20.82-.117-30.917l-.113-.144-.115-.143-11.814-14.455%2043.694-69.872%2024.06-38.474%2021.854%2017.922.23.19.24.18c5.255%203.99%2010.68%206.01%2016.124%206.01%204.954%200%209.63-1.724%2013.34-4.89l.46-.336.87-.874c7.79-7.803%207.74-20.778-.117-30.854l-.12-.153-.124-.15-25.238-30.538c2.957-4.703%205.457-8.49%207.405-11.488l5.21-8.494c2.776-5.025%207.76-8.157%2013.672-8.157%204.366%200%208.76%202.042%2012.056%205.43l4.7%204.928h.123L342%20240.287v.376l5.186%204.716c2.793%202.69%204.54%206.782%204.54%2011.227%200%205.196-2.26%2010.123-6.195%2013.23zM439.994%20115.175l-4.778%202.763-91.638%2052.992%2063.735-110.572%202.517-4.366L396.01%2048l-2.487%204.313-70.775%20122.785%2016.67%2016.696%20103.962-60.12%204.594-2.656z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-nutrition-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-nutrition-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-nutrition-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-nutrition-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-nutrition-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M359%20233.62l-.106-.04c-.136-.137-.306-.442-.444-.578L279.55%20154h-.003c-5.848-6-14.23-10.168-23.547-10.168-11.842%200-22.174%206.168-27.708%2016.168h-.007s-7.11%2011.35-18.318%2029.25l32.617%2039.85c2.947%203.77%203.305%207.894%201.414%209.784l-.114.114c-2.296%202.296-5.894%201.535-9.785-1.414l-35.968-29.44-83.67%20133.593%2019.122%2023.362c2.947%203.77%203.305%207.894%201.414%209.784l-.114.114c-2.296%202.296-5.894%201.535-9.785-1.414l-20.22-16.55A584921.58%20584921.58%200%200%201%2069%20414.314v.004c-3%205.066-5%2011.144-5%2017.682%200%2017.674%2014.244%2032%2031.918%2032%207.842%200%2014.383-3.398%2020.628-7.508l114.842-84.195-28.97-35.395c-2.948-3.772-3.306-7.895-1.415-9.785l.114-.114c2.296-2.296%205.894-1.534%209.785%201.415l37.963%2031.215A76574.838%2076574.838%200%200%201%20355.035%20282h.005c7.86-6%2013.024-15.32%2013.024-25.857%200-8.713-3.064-16.75-9.064-22.52v-.003zM448%20138.78l-16.486-27.693-66.23%2038.212%2049.23-85.214L386.897%2048l-70%20121.084%2028.59%2028.588z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-nutrition-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-nutrition-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-nutrition($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-nutrition-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-open-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M400%20432H80V112h176V96H64v352h352V256h-16z%22%2F%3E%3Cpath%20d%3D%22M320%2064v16h100L224%20276.9l11.1%2011.1L432%2092v100h16V64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-open-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-open-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-open-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-open-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-open-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M320%2064v16h100L224%20276.9l11.1%2011.1L432%2092v100h16V64z%22%2F%3E%3Cpath%20d%3D%22M235.1%20310.8L201.2%20277%20381%2096H64v352h352V131z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-open-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-open-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-open($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-open-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-options-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%20104c8.837%200%2016%207.163%2016%2016s-7.163%2016-16%2016-16-7.163-16-16%207.163-16%2016-16m0-16c-17.645%200-32%2014.355-32%2032s14.355%2032%2032%2032%2032-14.355%2032-32-14.355-32-32-32zM352%20376c8.837%200%2016%207.163%2016%2016s-7.163%2016-16%2016-16-7.163-16-16%207.163-16%2016-16m0-16c-17.645%200-32%2014.355-32%2032s14.355%2032%2032%2032%2032-14.355%2032-32-14.355-32-32-32zM160%20240c8.837%200%2016%207.163%2016%2016s-7.163%2016-16%2016-16-7.163-16-16%207.163-16%2016-16m0-16c-17.645%200-32%2014.355-32%2032s14.355%2032%2032%2032%2032-14.355%2032-32-14.355-32-32-32zM207.32%20248H480v16H207.32c.44-2.604.68-5.273.68-8s-.24-5.396-.68-8zM112%20256c0%202.727.24%205.396.68%208H32v-16h80.68a47.955%2047.955%200%200%200-.68%208zM399.32%20384H480v16h-80.68c.44-2.604.68-5.273.68-8s-.24-5.396-.68-8zM304%20392c0%202.727.24%205.396.68%208H32v-16h272.68a47.955%2047.955%200%200%200-.68%208zM399.32%20112H480v16h-80.68c.44-2.604.68-5.273.68-8s-.24-5.396-.68-8zM304.68%20112c-.44%202.604-.68%205.273-.68%208s.24%205.396.68%208H32v-16h272.68z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-options-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-options-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-options-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-options-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-options-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20376h283.35c6.186-14.112%2020.28-24%2036.65-24s30.465%209.888%2036.65%2024H480v32h-91.35c-6.186%2014.112-20.28%2024-36.65%2024s-30.465-9.888-36.65-24H32M32%20240h91.35c6.186-14.112%2020.28-24%2036.65-24s30.465%209.888%2036.65%2024H480v32H196.65c-6.186%2014.112-20.28%2024-36.65%2024s-30.465-9.888-36.65-24H32M32%20104h283.35c6.186-14.112%2020.28-24%2036.65-24s30.465%209.888%2036.65%2024H480v32h-91.35c-6.186%2014.112-20.28%2024-36.65%2024s-30.465-9.888-36.65-24H32%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-options-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-options-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-options($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-options-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-outlet-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M371.4%2064H140.6C75.5%20103%2032%20174.5%2032%20256s43.5%20152%20108.6%20192h230.9c65-40%20108.5-110.5%20108.5-192S436.5%20103%20371.4%2064zm-4.6%20368H145.2c-28.7-19-52.6-43.7-69.5-72.7C57.6%20328%2048%20292%2048%20255.6c0-36.5%209.6-72.3%2027.7-103.7%2017-29.3%2040.9-54.9%2069.4-71.9h221.8c30.8%2020%2052.4%2042.5%2069.3%2071.8%2018.2%2031.5%2027.7%2067.3%2027.7%20103.8%200%2036.4-9.6%2072.4-27.7%20103.7-16.8%2029.1-40.7%2053.7-69.4%2072.7z%22%2F%3E%3Cpath%20d%3D%22M320%20160h32v96h-32zM160%20144h32v128h-32zM256%20320c-17.6%200-32%2014.4-32%2032v48h64v-48c0-17.6-14.4-32-32-32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-outlet-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-outlet-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-outlet-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-outlet-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-outlet-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M371.4%2064H140.6C75.5%20103%2032%20174.5%2032%20256s43.5%20152%20108.6%20192h230.9c65-40%20108.5-110.5%20108.5-192S436.5%20103%20371.4%2064zM192%20272h-32V144h32v128zm96%20128h-64v-48c0-17.6%2014.4-32%2032-32s32%2014.4%2032%2032v48zm64-144h-32v-96h32v96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-outlet-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-outlet-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-outlet($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-outlet-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-paper-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M112%2048v368h16V64h304v369.1c0%208.2-6.7%2014.9-14.9%2014.9H94.9c-8.2%200-14.9-6.7-14.9-14.9V128h16v-16H64v321.1c0%2017%2013.8%2030.9%2030.9%2030.9h322.3c17%200%2030.9-13.8%2030.9-30.9V48H112z%22%2F%3E%3Cpath%20d%3D%22M160%20112h128v16H160zM160%20192h240v16H160zM160%20272h192v16H160zM160%20352h240v16H160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-paper-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-paper-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-paper-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-paper-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-paper-plane-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23010101%22%20d%3D%22M48%20270.9l119.9%2051.6L197.7%20460l57.5-80.9L372%20464l92-416L48%20270.9zM414.9%2092.4L171.8%20306.7l-87-37.4L414.9%2092.4zM183.5%20319l-.2-1.1%20168.1-152.2-150.3%20174.8.4.3h-.5l-1.6%2051.6-15.9-73.4zm31.4%2089.2l1.8-56.7%2025.7%2018.2-.1.1-27.4%2038.4zm147.2%2026.6L225%20337.5%20439.9%2083l-77.8%20351.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-paper-plane-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-paper-plane-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-paper-plane-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-paper-plane-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-paper-plane-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M464%2048L48%20270.9l110.5%2047.5L456.1%2056.2%20214.7%20349.5l-1.1%2087.4%2041.6-57.9L372%20464z%22%2F%3E%3Cpath%20d%3D%22M169.6%20330.3L197.7%20460h.4v-.5l2.9-118.7%20150.3-175.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-paper-plane-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-paper-plane-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-paper-plane($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-paper-plane-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-paper-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M112%2048v368H96V112H64v321.1c0%2017%2013.8%2030.9%2030.9%2030.9h322.3c17%200%2030.9-13.8%2030.9-30.9V48H112zm48%2064h128v16H160v-16zm0%20160h192v16H160v-16zm240%2096H160v-16h240v16zm0-160H160v-16h240v16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-paper-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-paper-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-paper($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-paper-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-partly-sunny-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M160%2064h16v54h-16zM16%20208h55v16H16zM59.5%20117.4l11-11.1%2031.4%2031.5-11%2011.1zM239.4%20147.9l-11-11.1%2031.3-31.5%2011.1%2011.1zM72.5%20320.7l-11-11.1%2031.4-31.5%2011%2011.1zM153.9%20267.9c-26.3-5.2-46.2-28.4-46.2-56.2%200-31.6%2025.7-57.3%2057.3-57.3%2018.3%200%2034.6%208.6%2045.1%2022%204.7-2.7%209.6-5.1%2014.7-7.1-13.3-18.7-35.1-30.9-59.8-30.9-40.5%200-73.3%2032.8-73.3%2073.3%200%2036.8%2027.1%2067.3%2062.5%2072.5-.3-3.3-.5-6.7-.5-10.1%200-2.1%200-4.1.2-6.2z%22%2F%3E%3Cpath%20d%3D%22M403.3%20259.2h-2.4c-3.1%200-6.1%200-9%20.4-11.3-50.3-56.1-88.2-109.7-88.2-14.6%200-28.6%202.8-41.4%207.9-5.1%202-10%204.4-14.7%207.1-32%2018.5-54.1%2052.4-56.2%2091.6-.1%202.1-.2%204.1-.2%206.2%200%203.4.2%206.8.5%2010.1%200%20.4.1.8.1%201.1-37.9%203.4-67.6%2037.1-67.6%2076%200%2041.1%2033.3%2076.7%2074.3%2076.7h226.4c51.2%200%2092.7-43.4%2092.7-94.8-.1-51.4-41.6-94.1-92.8-94.1zm54.1%20149.5c-14.6%2015-33.8%2023.3-54.1%2023.3H176.9c-31.6%200-58.3-27.9-58.3-60.7%200-14.9%205.5-29.4%2015.6-40.7%209.9-11.2%2023.3-18.1%2037.5-19.3l16.1-1.4-1.5-15.1-.1-1c-.3-3.2-.5-6.5-.5-9.7%200-1.8.1-3.6.1-5.3%201.8-33.6%2020.8-62.7%2048.3-78.6%204.6-2.7%209.5-5%2014.5-6.8%2010.4-3.9%2021.7-6%2033.5-6%2022.3%200%2043.2%207.5%2060.6%2021.6%2016.9%2013.8%2028.7%2033%2033.5%2054.1l3.2%2014.2%2014.4-1.8c2.1-.3%204.7-.3%207.1-.3h2.5c20.4%200%2039.6%208.2%2054.2%2022.9%2014.6%2014.8%2022.6%2034.4%2022.6%2055-.2%2020.8-8.2%2040.6-22.8%2055.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-partly-sunny-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-partly-sunny-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-partly-sunny-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-partly-sunny-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-partly-sunny-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M160%2064h16v54h-16zM16%20208h55v16H16zM59.5%20117.4l11-11.1%2031.4%2031.5-11%2011.1zM239.4%20147.9l-11-11.1%2031.3-31.5%2011.1%2011.1zM72.5%20320.7l-11-11.1%2031.4-31.5%2011%2011.1zM165%20138.3c-40.5%200-73.3%2032.8-73.3%2073.3%200%2036.8%2027.1%2067.3%2062.5%2072.5%200%200-1.2-42.9%2018.9-72.9s51.8-42%2051.8-42c-13.4-18.7-35.2-30.9-59.9-30.9z%22%2F%3E%3Cpath%20d%3D%22M403.3%20259.2h-2.4c-3.1%200-6.1%200-9%20.4-11.3-50.3-56.1-88.2-109.7-88.2-14.6%200-28.6%202.8-41.4%207.9-5.1%202-10%204.4-14.7%207.1-32%2018.5-54.1%2052.4-56.2%2091.6-.1%202.1-.2%204.1-.2%206.2%200%203.4.2%206.8.5%2010.1%200%20.4.1.8.1%201.1-37.9%203.4-67.6%2037.1-67.6%2076%200%2041.1%2033.3%2076.7%2074.3%2076.7h226.4c51.2%200%2092.7-43.4%2092.7-94.8-.1-51.4-41.6-94.1-92.8-94.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-partly-sunny-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-partly-sunny-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-partly-sunny($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-partly-sunny-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pause-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M191%20112v288h-47V112h47m16-16h-79v320h79V96zM368%20112v288h-47V112h47m16-16h-79v320h79V96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pause-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pause-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pause-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pause-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pause-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%2096h79v320h-79zM305%2096h79v320h-79z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pause-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pause-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pause($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pause-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-paw-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M324.3%2080.3c-1.2-.2-2.4-.3-3.6-.3v.4-.3h-.4c-22%200-42.9%2025.9-47.8%2060.3-5.3%2036.6%209.4%2069%2032.7%2072.4%201.3.2%202.7.3%204%20.3%2022%200%2042.9-25.9%2047.8-60.3%205.3-36.7-9.4-69.1-32.7-72.5zm17%2070.1c-4%2027.9-19.9%2046.6-32.1%2046.6-.6%200-1.2%200-1.7-.1-5.7-.8-11.1-6.1-14.9-14.5-4.9-10.8-6.5-25.2-4.4-39.7%204-27.7%2019.8-46.3%2032-46.6.6%200%201.6.1%202%20.1%205.7.8%2011%206.1%2014.8%2014.5%204.9%2010.7%206.4%2025.2%204.3%2039.7zM320.6%2080zM442.3%20169.4c-3.5-1.4-7.1-2.1-10.9-2.1h-.4c-19.7.3-41.8%2019.2-53.4%2047.8-13.9%2034.2-7.5%2069.2%2014.4%2078.2%203.5%201.4%207.1%202.1%2010.9%202.1%2019.8%200%2042.2-19%2053.9-47.8%2013.8-34.2%207.3-69.2-14.5-78.2zm-.4%2072.1c-4.7%2011.5-11.6%2021.7-19.6%2028.7-6.7%205.8-13.8%209.2-19.5%209.2-1.8%200-3.4-.3-4.9-.9-5.3-2.2-9.3-8.6-11-17.7-2.1-11.6-.2-26.1%205.3-39.6%204.7-11.5%2011.7-21.7%2019.6-28.7%206.6-5.8%2013.5-9.1%2019.2-9.2%201.9%200%203.5.3%205%20.9%205.3%202.2%209.4%208.6%2011.1%2017.7%202.2%2011.7.3%2026.1-5.2%2039.6zM327.6%20295.4c-27.8-43.6-39.8-60-71.6-60s-43.9%2016.5-71.7%2060c-23.8%2037.2-71.9%2040.3-83.9%2071.9-2.4%205.6-3.6%2011.7-3.6%2018.2%200%2025.7%2020.8%2046.5%2046.4%2046.5%2031.8%200%2075.1-24%20112.9-24s80.9%2024%20112.7%2024c25.6%200%2046.3-20.8%2046.3-46.5%200-6.5-1.3-12.6-3.7-18.2-12-31.7-60-34.7-83.8-71.9zM368.8%20416c-12.8%200-29.4-5.1-47-10.5-21.5-6.6-43.7-13.5-65.8-13.5-22.1%200-44.3%206.8-65.8%2013.4-17.6%205.4-34.2%2010.5-47%2010.5-16.8%200-30.5-13.7-30.5-30.5%200-4.3.8-8.3%202.3-11.9l.1-.3.1-.3c4-10.6%2016-17.4%2031.1-26%2017.6-10%2037.5-21.3%2051.4-43%2027.7-43.4%2035.8-52.7%2058.3-52.7%2011.8%200%2019%202.6%2026.6%209.5%209%208.3%2018.8%2023.1%2031.6%2043.2%2013.9%2021.7%2033.7%2033%2051.3%2043%2015.1%208.6%2027%2015.4%2031.1%2026l.1.3.1.3c1.6%203.8%202.4%207.8%202.4%2011.9%200%2016.9-13.6%2030.6-30.4%2030.6zM202.8%20213c1.3%200%202.7-.1%204-.3%2023.4-3.4%2038-35.8%2032.7-72.4-5-34.5-25.9-60.3-47.8-60.3-1.3%200-2.7.1-4%20.3-23.4%203.4-38%2035.8-32.7%2072.4%205%2034.4%2025.9%2060.3%2047.8%2060.3zm-27.7-102.4c3.8-8.4%209.2-13.7%2014.9-14.5.6-.1%201.1-.1%201.7-.1%2012.3%200%2028.1%2018.7%2032.1%2046.6%202.1%2014.5.5%2029-4.4%2039.7-3.8%208.4-9.2%2013.7-14.9%2014.5-.6.1-1.1.1-1.7.1-12.3%200-28.1-18.7-32.1-46.6-2.1-14.4-.5-28.9%204.4-39.7zM120.1%20293.3c21.9-9%2028.3-44%2014.4-78.2-11.7-28.8-34.1-47.8-53.9-47.8-3.8%200-7.4.7-10.9%202.1-21.9%209-28.3%2044-14.4%2078.2%2011.7%2028.8%2034.1%2047.8%2053.9%2047.8%203.8%200%207.4-.7%2010.9-2.1zm-50-51.8c-5.5-13.5-7.4-28-5.3-39.6%201.7-9.1%205.7-15.6%2011-17.7%201.5-.6%203.1-.9%204.9-.9%205.8%200%2012.9%203.3%2019.5%209.2%208%207%2014.9%2017.2%2019.6%2028.7%2011%2027%206.1%2052.5-5.7%2057.3-1.5.6-3.1.9-4.9.9-5.8%200-12.9-3.3-19.5-9.2-8-7-15-17.2-19.6-28.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-paw-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-paw-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-paw-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-paw-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-paw-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M324.3%2080.3c-1.2-.2-2.4-.3-3.6-.3v.4-.3h-.4c-22%200-42.9%2025.9-47.8%2060.3-5.3%2036.6%209.4%2069%2032.7%2072.4%201.3.2%202.7.3%204%20.3%2022%200%2042.9-25.9%2047.8-60.3%205.3-36.7-9.4-69.1-32.7-72.5zM320.6%2080zM442.3%20169.4c-3.5-1.4-7.1-2.1-10.9-2.1h-.4c-19.7.3-41.8%2019.2-53.4%2047.8-13.9%2034.2-7.5%2069.2%2014.4%2078.2%203.5%201.4%207.1%202.1%2010.9%202.1%2019.8%200%2042.2-19%2053.9-47.8%2013.8-34.2%207.3-69.2-14.5-78.2zM327.6%20295.4c-27.8-43.6-39.8-60-71.6-60s-43.9%2016.5-71.7%2060c-23.8%2037.2-71.9%2040.3-83.9%2071.9-2.4%205.6-3.6%2011.7-3.6%2018.2%200%2025.7%2020.8%2046.5%2046.4%2046.5%2031.8%200%2075.1-24%20112.9-24s80.9%2024%20112.7%2024c25.6%200%2046.3-20.8%2046.3-46.5%200-6.5-1.3-12.6-3.7-18.2-12-31.7-60-34.7-83.8-71.9zM202.8%20213c1.3%200%202.7-.1%204-.3%2023.4-3.4%2038-35.8%2032.7-72.4-5-34.5-25.9-60.3-47.8-60.3-1.3%200-2.7.1-4%20.3-23.4%203.4-38%2035.8-32.7%2072.4%205%2034.4%2025.9%2060.3%2047.8%2060.3zM120.1%20293.3c21.9-9%2028.3-44%2014.4-78.2-11.7-28.8-34.1-47.8-53.9-47.8-3.8%200-7.4.7-10.9%202.1-21.9%209-28.3%2044-14.4%2078.2%2011.7%2028.8%2034.1%2047.8%2053.9%2047.8%203.8%200%207.4-.7%2010.9-2.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-paw-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-paw-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-paw($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-paw-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-people-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20112zM349.2%20334.8c-13.5-4.7-28.1-5-41.6-9.7-4.1-1.4-12.2-3.1-13.9-7.8-1.6-4.6-1.6-10-1.9-14.8-.2-3.8-.3-7.6-.3-11.4%200-2.5%206.4-7.8%207.8-10.1%205.4-9%205.9-21.1%206.9-31.3%208.7%202.4%209.8-13.7%2011.3-18.6%201.1-3.4%207.8-26.8-2.6-23.6%202.5-4.4%203.5-9.8%204.2-14.7%202-12.8%202.8-26.8-1.1-39.3-8.1-26-33-40.6-59.3-41.4-26.7-.9-53.5%2011.9-63.5%2037.8-4.8%2012.6-4.4%2026.3-2.8%2039.5.7%206%201.7%2012.7%204.7%2018.1-9.7-2.9-4.5%2017.7-3.4%2021.3%201.6%205.1%203%2023.4%2012.1%2020.9.8%208.1%201.7%2016.4%203.9%2024.3%201.5%205.3%204.6%209.8%208.2%2013.9%201.8%202%202.7%202.2%202.6%204.8-.1%207.8.1%2016.2-1.9%2023.8-2%207.6-18.7%2010.8-25.4%2012.2-18%203.7-34.6%205.4-49.6%2016.6-17.5%2012.9-26.6%2033-26.6%2054.7h278c0-29.5-17.8-55.5-45.8-65.2-11.2-3.9%2011.3%203.9%200%200zm-202.1%2028.8c5.6-5.9%2012.7-11.1%2020.4-14%2010.5-4%2022.4-3.8%2033.3-6.6%209-2.3%2020.2-5.9%2027.2-12.4%206.4-6%207.1-15.2%207.7-23.5.5-7%20.4-13.9.4-20.9%200-4.9-5.7-7.7-8.5-11.6-4.5-6.1-4.7-15.2-5.6-22.5-.4-3.2-.5-7.3-3.2-9.5-3-2.4-5.2-3.7-6.7-7.5-2-5.2-2.7-10.8-4.3-16.2-1-3.5%202.5-6.8%203.9-9.7%202.6-5.3-1.9-13.5-2.8-19-2.8-16.4-2.7-34.3%209.1-47.3%2023.7-26.2%2078-17.9%2085.8%2018.9%202.4%2011.5.9%2024.9-2.3%2036.1-1.4%204.8-3%208.3-.2%2013%204.2%206.8%202.4%2011.2.4%2018.8-1.6%206.3-3.6%209.1-8.4%2013-4%203.2-3.4%2011.2-4.1%2015.8-.8%205.6-1.3%2011.5-4.7%2016.2-1.3%201.8-8.4%207.4-8.4%209.3%200%2011-.5%2022.2%201.4%2033.1%202.6%2015.5%2015.6%2019.2%2028.6%2024.5%2013.2%205.1%2028.5%203.2%2041.3%209.5%2013.2%206.5%2025.9%2018.4%2029.7%2033.1H135c1.9-8.3%206.5-14.6%2012.1-20.6%209.2-9.7-5.9%206.3%200%200z%22%2F%3E%3Cpath%20d%3D%22M144.1%20322c7-3.5%2014.6-4.3%2022.3-5.1%202.8-.3%204.1-2.2%202-4.9-4-5.1-17.8-6.1-23.6-8.4-3.6-1.4-4.6-2.7-4.9-6.7-.1-1.8-1.1-9.8.3-11.1%201-1%207.3-.6%208.7-.8%205.7-.7%2011.5-1.9%2016.9-4%202.3-.9%204.5-2%206.5-3.4%202.4-1.8-1.8-6.2-2.9-8.6-3.4-7.5-4.9-15.7-5.4-23.9-1-16.1%201.5-32.3-1.5-48.3C158%20172.3%20139.1%20160%20115%20160c-14.9%200-29.6%205.1-37.9%2018.1-9.2%2014.3-8.7%2032.1-8.2%2048.4.3%209.3.7%2018.7-.6%2028-.6%204-1.5%207.9-2.9%2011.7-1.1%202.9-6.7%2010.1-4.5%2011.6%208.3%205.9%2022.3%207.9%2032.3%207.1.3%204.9%201.2%2011.2-.6%2015.8-2.8%207.2-23.7%209.1-30%2011.2C45%20317.8%2032%20332.5%2032%20352h79.5c1.3%200%206.3-9.3%207.7-10.8%207-7.8%2015.6-14.5%2024.9-19.2%209-4.5-14.6%207.4%200%200zm-41.3%2014H53.9c7.1-11.8%2024.9-11%2036.6-15.2%2010.8-3.9%2017.7-10.5%2018.8-22%20.1-1.3.2-29.2-.9-29.2-8.7-.3-17.8-.1-26.5-1.4%206.9-22.3.3-45.3%204-67.8%202.7-16.3%2013.1-25.3%2029.7-25.3%2015.9%200%2027.7%207.4%2031.1%2023.4%204.8%2023.2-2%2046.9%205.4%2069.9-5.5%201.4-11.3%201.6-17%201.8-2.8.1-5.7.2-8.5.3-1.8.1-1.2%203.2-1.3%204.7-1%2010.9-5%2028.1%203.7%2036.9-9.6%206-20%2014.3-26.2%2023.9zM399.8%20352H480c0-19.5-13.1-34.3-30.7-40.1-8.1-2.6-23.7-3.4-29.5-10.4-2.9-3.5-1.3-12.4-1-16.6%204.4.4%209.2-.3%2013.7-.9%204.1-.6%208.1-1.4%2012-2.8%201.8-.7%203.6-1.4%205.3-2.4%203.9-2.3%202.1-2.7.1-6.1-10.9-18.3-6-41.5-6.5-61.6-.4-16.7-4.8-35-20-44.4-13.7-8.5-34-8.8-48.7-2.8-42.4%2017-17.4%2073.2-31.9%20105.4-2.5%205.4-6.1%207.3.2%2010.5%203.5%201.8%207.3%203%2011.1%203.9%205.8%201.4%2011.8%202.2%2017.8%202.4%201%200%20.3%2012.6%200%2013.9-1.1%204.9-11.8%206.3-15.8%207.4-4.1%201.1-10.9%201.4-12.9%205.7-3%206.4%209.9%204.8%2013.1%205.4%2010.3%201.9%2019.4%207.6%2027.4%2014.1%205.9%204.8%2013.9%2011.6%2016.1%2019.4zm-.4-27.1c-5.1-4.7-10.4-9.3-16.3-13%208.8-8.8%204.7-25.9%203.7-36.9-.6-6.3-2-4.7-8.3-4.9-6-.2-12.8.1-18.5-1.8%207.2-22.3%201.3-45.2%205-67.9%202.8-17.1%2014.5-25.5%2031.5-25.5%2015.4%200%2026%207.7%2029.2%2023%204.9%2023.1-2.6%2047%204.5%2070-8.5%201.3-17.3%201-25.9%201.3-2.1.1-1.9%2025.1-1.7%2027.3.7%2011.7%206.1%2018.8%2017.2%2023.3%2012.1%204.9%2031%203.6%2038.4%2015.9h-44.7c-7.1.1-8.9-6.1-14.1-10.8-5-4.6%204%203.6%200%200z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-people-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-people-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-people-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-people-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-people-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M349.2%20334.8c11.3%203.9-11.2-3.9%200%200z%22%2F%3E%3Cpath%20d%3D%22M349.2%20334.8c-13.5-4.7-28.1-5-41.6-9.7-4.1-1.4-12.2-3.1-13.9-7.8-1.6-4.6-1.6-10-1.9-14.8-.2-3.8-.3-7.6-.3-11.4%200-2.5%206.4-7.8%207.8-10.1%205.4-9%205.9-21.1%206.9-31.3%208.7%202.4%209.8-13.7%2011.3-18.6%201.1-3.4%207.8-26.8-2.6-23.6%202.5-4.4%203.5-9.8%204.2-14.7%202-12.8%202.8-26.8-1.1-39.3-8.1-26-33-40.6-59.3-41.4-26.7-.9-53.5%2011.9-63.5%2037.8-4.8%2012.6-4.4%2026.3-2.8%2039.5.7%206%201.7%2012.7%204.7%2018.1-9.7-2.9-4.5%2017.7-3.4%2021.3%201.6%205.1%203%2023.4%2012.1%2020.9.8%208.1%201.7%2016.4%203.9%2024.3%201.5%205.3%204.6%209.8%208.2%2013.9%201.8%202%202.7%202.2%202.6%204.8-.1%207.8.1%2016.2-1.9%2023.8-2%207.6-18.7%2010.8-25.4%2012.2-18%203.7-34.6%205.4-49.6%2016.6-17.5%2012.9-26.6%2033-26.6%2054.7h278c0-29.5-17.8-55.5-45.8-65.2z%22%2F%3E%3Cpath%20d%3D%22M143.3%20322.5l1.6-.8c-.3.1-.6.3-.8.4-.3.1-.5.2-.8.4z%22%2F%3E%3Cpath%20d%3D%22M143.3%20322.5c-3.4%201.7-7.5%203.8.8-.4l.8-.4c6.8-3.2%2014.1-4%2021.4-4.7%202.8-.3%204.1-2.2%202-4.9-4-5.1-17.8-6.1-23.6-8.4-3.6-1.4-4.6-2.7-4.9-6.7-.1-1.8-1.1-9.8.3-11.1%201-1%207.3-.6%208.7-.8%205.7-.7%2011.5-1.9%2016.9-4%202.3-.9%204.5-2%206.5-3.4%202.4-1.8-1.8-6.2-2.9-8.6-3.4-7.5-4.9-15.7-5.4-23.9-1-16.1%201.5-32.3-1.5-48.3-4.5-24.5-23.4-36.8-47.5-36.8-14.9%200-29.6%205.1-37.9%2018.1-9.2%2014.3-8.7%2032.1-8.2%2048.4.3%209.3.7%2018.7-.6%2028-.6%204-1.5%207.9-2.9%2011.7-1.1%202.9-6.7%2010.1-4.5%2011.6%208.3%205.9%2022.3%207.9%2032.3%207.1.3%204.9%201.2%2011.2-.6%2015.8-2.8%207.2-23.7%209.1-30%2011.2C45%20317.8%2032%20332%2032%20352h79.5c1.3%200%206.3-9.3%207.7-10.8%206.8-7.5%2015.1-14%2024.1-18.7zM449.3%20311.9c-8.1-2.6-23.7-3.4-29.5-10.4-2.9-3.5-1.3-12.4-1-16.6%204.4.4%209.2-.3%2013.7-.9%204.1-.6%208.1-1.4%2012-2.8%201.8-.7%203.6-1.4%205.3-2.4%203.9-2.3%202.1-2.7.1-6.1-10.9-18.3-6-41.5-6.5-61.6-.4-16.7-4.8-35-20-44.4-13.7-8.5-34-8.8-48.7-2.8-42.4%2017-17.4%2073.2-31.9%20105.4-2.5%205.4-6.1%207.3.2%2010.5%203.5%201.8%207.3%203%2011.1%203.9%205.8%201.4%2011.8%202.2%2017.8%202.4%201%200%20.3%2012.6%200%2013.9-1.1%204.9-11.8%206.3-15.8%207.4-4.1%201.1-10.9%201.4-12.9%205.7-3%206.4%209.9%204.8%2013.1%205.4%2010.3%201.9%2019.4%207.6%2027.4%2014.1%206%204.9%2014.1%2011.5%2016.3%2019.5h80.2c-.2-20.1-13.3-34.4-30.9-40.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-people-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-people-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-people($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-people-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-person-add-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20153h-25v-25h-14v25h-25v14h25v25h14v-25h25zM202.4%20201.7zM363.3%20363.9c-12.9-4.6-31.4-6.2-43.2-8.8-6.8-1.5-16.7-5.3-20-9.2-3.3-4-1.3-40.9-1.3-40.9s6.1-9.6%209.4-18c3.3-8.4%206.9-31.4%206.9-31.4s6.8%200%209.2-11.9c2.6-13%206.6-18.4%206.1-28.1-.5-9-5.2-9.5-5.7-9.5s4.9-13.6%205.6-42.4C331.1%20129.6%20305%2096%20256%2096s-75%2033.5-74.3%2067.6c.6%2028.7%205.6%2042.4%205.6%2042.4-.5%200-5.2.5-5.7%209.5-.5%209.7%203.6%2014.9%206.1%2027.9%202.4%2011.9%209.2%2012%209.2%2012s3.6%2023.1%206.9%2031.5c3.3%208.5%209.4%2018%209.4%2018s2%2036.9-1.3%2040.9-13.2%207.7-20%209.2c-11.9%202.6-30.3%204.3-43.2%208.9C135.8%20368.5%2096%20384%2096%20416h320c0-32-39.8-47.5-52.7-52.1zM256%20400H118.7c2-3%204.7-5.1%208.2-7.6%207-5.1%2016.1-9.8%2027.1-13.6%206.8-2.4%2016.7-4%2025.4-5.3%205.7-.9%2011.1-1.7%2015.9-2.8%203.4-.8%2020.8-5%2028.8-14.6%204.5-5.4%205.8-12.7%205.6-32.3-.1-10-.6-19.3-.6-19.7l-.2-4.2-2.3-3.5c-1.5-2.3-5.8-9.5-8-15.3-1.8-4.7-4.6-19.2-6-28.1%200%200%20.4%201-.5-3.7s-8.4-4.3-9.4-8c-.9-3.6-1.8-6.9-4.3-18.2-2.5-11.3%202.8-11.2%203.9-16.2.6-3.1%200-5.7%200-5.8-.3-1-4.1-13.4-4.7-37.7-.3-13.2%204.6-25.6%2013.8-34.9%2010.6-10.8%2026-16.5%2044.5-16.5%2019%200%2034%205.7%2044.6%2016.5%209.2%209.3%2014.1%2021.7%2013.8%2034.9-.5%2024.2-4.3%2036.6-4.7%2037.7%200%20.1-.6%201.7-.4%205.2.2%205.4%206.8%205.5%204.3%2016.8s-3.4%2014.6-4.3%2018.2c-.9%203.6-8.5%203.3-9.4%208s-.5%203.7-.5%203.7c-1.4%208.9-4.2%2023.4-6%2028.1-2.3%205.8-6.6%2013-8%2015.3l-2.3%203.5-.2%204.2c0%20.4-.5%209.7-.6%2019.7-.2%2019.6%201.1%2026.9%205.6%2032.3%208%209.5%2025.4%2013.8%2028.8%2014.6%204.8%201.1%2010.2%201.9%2015.9%202.8%208.7%201.3%2018.6%202.9%2025.4%205.3%2011%203.9%2020.2%208.6%2027.1%2013.7%203.5%202.5%206.2%204.6%208.2%207.6H256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-person-add-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-person-add-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-person-add-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-person-add-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-person-add-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20153h-25v-25h-14v25h-25v14h25v25h14v-25h25zM363.3%20363.9c-12.9-4.6-31.4-6.2-43.2-8.8-6.8-1.5-16.7-5.3-20-9.2-3.3-4-1.3-40.9-1.3-40.9s6.1-9.6%209.4-18c3.3-8.4%206.9-31.4%206.9-31.4s6.8%200%209.2-11.9c2.6-13%206.6-18.4%206.1-28.1-.5-9-5.2-9.5-5.7-9.5s4.9-13.6%205.6-42.4C331.1%20129.6%20305%2096%20256%2096s-75%2033.5-74.3%2067.6c.6%2028.7%205.6%2042.4%205.6%2042.4-.5%200-5.2.5-5.7%209.5-.5%209.7%203.6%2014.9%206.1%2027.9%202.4%2011.9%209.2%2012%209.2%2012s3.6%2023.1%206.9%2031.5c3.3%208.5%209.4%2018%209.4%2018s2%2036.9-1.3%2040.9-13.2%207.7-20%209.2c-11.9%202.6-30.3%204.3-43.2%208.9C135.8%20368.5%2096%20384%2096%20416h320c0-32-39.8-47.5-52.7-52.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-person-add-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-person-add-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-person-add($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-person-add-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-person-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M202.4%20201.7zM363.3%20363.9c-12.9-4.6-31.4-6.2-43.2-8.8-6.8-1.5-16.7-5.3-20-9.2-3.3-4-1.3-40.9-1.3-40.9s6.1-9.6%209.4-18%206.9-31.4%206.9-31.4%206.8%200%209.2-11.9c2.6-13%206.6-18.4%206.1-28.1-.5-9-5.2-9.5-5.7-9.5%200%200%204.9-13.6%205.6-42.4C331.1%20129.6%20305%2096%20256%2096s-75%2033.5-74.3%2067.6c.6%2028.7%205.6%2042.4%205.6%2042.4-.5%200-5.2.5-5.7%209.5-.5%209.7%203.6%2014.9%206.1%2027.9%202.4%2011.9%209.2%2012%209.2%2012s3.6%2023.1%206.9%2031.5c3.3%208.5%209.4%2018%209.4%2018s2%2036.9-1.3%2040.9-13.2%207.7-20%209.2c-11.9%202.6-30.3%204.3-43.2%208.9C135.8%20368.5%2096%20384%2096%20416h320c0-32-39.8-47.5-52.7-52.1zM256%20400H118.7c2-3%204.7-5.1%208.2-7.6%207-5.1%2016.1-9.8%2027.1-13.6%206.8-2.4%2016.7-4%2025.4-5.3%205.7-.9%2011.1-1.7%2015.9-2.8%203.4-.8%2020.8-5%2028.8-14.6%204.5-5.4%205.8-12.7%205.6-32.3-.1-10-.6-19.3-.6-19.7l-.2-4.2-2.3-3.5c-1.5-2.3-5.8-9.5-8-15.3-1.8-4.7-4.6-19.2-6-28.1%200%200%20.4%201-.5-3.7s-8.4-4.3-9.4-8c-.9-3.6-1.8-6.9-4.3-18.2-2.5-11.3%202.8-11.2%203.9-16.2.6-3.1%200-5.7%200-5.8-.3-1-4.1-13.4-4.7-37.7-.3-13.2%204.6-25.6%2013.8-34.9%2010.6-10.8%2026-16.5%2044.5-16.5%2019%200%2034%205.7%2044.6%2016.5%209.2%209.3%2014.1%2021.7%2013.8%2034.9-.5%2024.2-4.3%2036.6-4.7%2037.7%200%20.1-.6%201.7-.4%205.2.2%205.4%206.8%205.5%204.3%2016.8s-3.4%2014.6-4.3%2018.2c-.9%203.6-8.5%203.3-9.4%208-.9%204.7-.5%203.7-.5%203.7-1.4%208.9-4.2%2023.4-6%2028.1-2.3%205.8-6.6%2013-8%2015.3l-2.3%203.5-.2%204.2c0%20.4-.5%209.7-.6%2019.7-.2%2019.6%201.1%2026.9%205.6%2032.3%208%209.5%2025.4%2013.8%2028.8%2014.6%204.8%201.1%2010.2%201.9%2015.9%202.8%208.7%201.3%2018.6%202.9%2025.4%205.3%2011%203.9%2020.2%208.6%2027.1%2013.7%203.5%202.5%206.2%204.6%208.2%207.6L256%20400z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-person-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-person-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-person-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-person-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-person-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M363.3%20363.9c-12.9-4.6-31.4-6.2-43.2-8.8-6.8-1.5-16.7-5.3-20-9.2-3.3-4-1.3-40.9-1.3-40.9s6.1-9.6%209.4-18%206.9-31.4%206.9-31.4%206.8%200%209.2-11.9c2.6-13%206.6-18.4%206.1-28.1-.5-9-5.2-9.5-5.7-9.5%200%200%204.9-13.6%205.6-42.4C331.1%20129.6%20305%2096%20256%2096s-75%2033.5-74.3%2067.6c.6%2028.7%205.6%2042.4%205.6%2042.4-.5%200-5.2.5-5.7%209.5-.5%209.7%203.6%2014.9%206.1%2027.9%202.4%2011.9%209.2%2012%209.2%2012s3.6%2023.1%206.9%2031.5c3.3%208.5%209.4%2018%209.4%2018s2%2036.9-1.3%2040.9-13.2%207.7-20%209.2c-11.9%202.6-30.3%204.3-43.2%208.9C135.8%20368.5%2096%20384%2096%20416h320c0-32-39.8-47.5-52.7-52.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-person-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-person-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-person($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-person-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-phone-landscape-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20176.3v158.5c0%2018.3%2014.6%2033.1%2032.9%2033.1h381c18.4%200%2034.1-14.8%2034.1-33.1V176.3c0-18.3-15.7-32.3-34.1-32.3h-381C46.6%20144%2032%20158%2032%20176.3zM55%20271v-30c0-2.2%201.8-4%204-4s4%201.8%204%204v30c0%202.2-1.8%204-4%204s-4-1.8-4-4zm414-15.5c0%209.6-7.8%2017.4-17.4%2017.4-9.6%200-17.4-7.8-17.4-17.4%200-9.6%207.8-17.4%2017.4-17.4%209.6%200%2017.4%207.8%2017.4%2017.4zM424%20160v192H83V160h341z%22%2F%3E%3Cpath%20d%3D%22M441.6%20255.5c0%205.5%204.5%2010%209.9%2010%205.5%200%2010-4.5%2010-10s-4.5-10-10-10c-5.4.1-9.9%204.5-9.9%2010z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-phone-landscape-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-phone-landscape-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-phone-landscape($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-phone-landscape-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-phone-portrait-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M335.7%2032H177.1C158.8%2032%20144%2046.6%20144%2064.9v381c0%2018.4%2014.8%2034.1%2033.1%2034.1h158.5c18.3%200%2032.3-15.7%2032.3-34.1v-381C368%2046.6%20354%2032%20335.7%2032zM241%2055h30c2.2%200%204%201.8%204%204s-1.8%204-4%204h-30c-2.2%200-4-1.8-4-4s1.8-4%204-4zm15.5%20414c-9.6%200-17.4-7.8-17.4-17.4%200-9.6%207.8-17.4%2017.4-17.4%209.6%200%2017.4%207.8%2017.4%2017.4%200%209.6-7.8%2017.4-17.4%2017.4zm95.5-45H160V83h192v341z%22%2F%3E%3Cpath%20d%3D%22M256.5%20441.6c-5.5%200-10%204.5-10%209.9%200%205.5%204.5%2010%2010%2010s10-4.5%2010-10c-.1-5.4-4.5-9.9-10-9.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-phone-portrait-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-phone-portrait-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-phone-portrait($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-phone-portrait-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-photos-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20128v320h384V128H96zm368%20304H112V144h352v288z%22%2F%3E%3Cpath%20d%3D%22M32%2064v320h48v-16H48V80h352v32h16V64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-photos-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-photos-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-photos-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-photos-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-photos-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20128v320h384V128H96z%22%2F%3E%3Cpath%20d%3D%22M416%2064H32v320h48V112h336z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-photos-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-photos-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-photos($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-photos-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pie-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M288%2080.826c45.293%203.705%2087.354%2023.024%20119.81%2055.494C444.043%20172.57%20464%20220.744%20464%20272.043c0%2025.924-5.08%2051.042-15.1%2074.703-9.68%2022.86-23.54%2043.384-41.193%2061.024-17.654%2017.64-38.204%2031.48-61.08%2041.15-23.673%2010.01-48.823%2015.082-74.752%2015.082-41.193%200-80.47-12.847-113.584-37.146a193.027%20193.027%200%200%201-41.632-41.692%20191.38%20191.38%200%200%201-21.04-36.634l180.258-45.008L288%20300.496V81m-16-17v224L74.245%20337.376C101.653%20420.22%20179.84%20480%20271.875%20480%20386.75%20480%20480%20386.875%20480%20272S387%2064%20272%2064z%22%2F%3E%3Cpath%20d%3D%22M240%2048.18v214.944l-180.342%2045.73C50.54%20285.286%2048.46%20251.88%2048.5%20239.358V239.287c0-47.31%2016.465-93.746%2045.173-127.398%2016.735-19.62%2037.502-34.982%2061.72-45.664C180.1%2055.33%20208.52%2049.274%20240%2048.18M256%2032h-5.5C90.5%2032%2032%20148.25%2032%20239.287c0%200%20.25%2056.666%2018.91%2088.29L256%20275.574V32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pie-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pie-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pie-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pie-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pie-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M272%2064v224L74.245%20337.376C101.653%20420.22%20179.84%20480%20271.875%20480%20386.75%20480%20480%20386.875%20480%20272S387%2064%20272%2064z%22%2F%3E%3Cpath%20d%3D%22M256%2032h-5.5C90.5%2032%2032%20148.25%2032%20239.287c0%200%20.25%2056.666%2018.91%2088.29L256%20275.574V32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pie-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pie-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pie($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pie-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pin-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064c70.6%200%20128%2052.8%20128%20117.7%200%2039.5-24%2098.7-69.4%20171.4-22.4%2035.9-45.1%2067-58.6%2084.8-13.5-17.8-36-48.7-58.4-84.5-45.5-72.8-69.6-132.2-69.6-171.7C128%20116.8%20185.4%2064%20256%2064m0-16c-79.5%200-144%2059.9-144%20133.7%200%20104%20144%20282.3%20144%20282.3s144-178.3%20144-282.3C400%20107.9%20335.5%2048%20256%2048z%22%2F%3E%3Cpath%20d%3D%22M256%20128c-35.3%200-64%2028.7-64%2064s28.7%2064%2064%2064%2064-28.7%2064-64-28.7-64-64-64zm0%20110.9c-25.9%200-46.9-21-46.9-46.9s21-46.9%2046.9-46.9%2046.9%2021%2046.9%2046.9-21%2046.9-46.9%2046.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pin-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pin-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pin-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pin-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pin-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048c-79.5%200-144%2059.9-144%20133.7%200%20104%20144%20282.3%20144%20282.3s144-178.3%20144-282.3C400%20107.9%20335.5%2048%20256%2048zm0%20190.9c-25.9%200-46.9-21-46.9-46.9s21-46.9%2046.9-46.9%2046.9%2021%2046.9%2046.9-21%2046.9-46.9%2046.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pin-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pin-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pin($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pin-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pint-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M368%20175.2c0-19.5-1-81.7-19.3-115.6C344.2%2051.4%20336.2%2048%20317%2048H195c-19.3%200-27.2%203.4-31.7%2011.6-18.3%2033.9-19.3%2096.5-19.3%20116%200%2091%2032%2093.1%2032%20167.8%200%2036.7-16%2066.7-16%2092.7%200%2025.1%209%2027.8%2032%2027.8h128c23%200%2032-2.9%2032-27.9%200-26-16-55.7-16-92.4%200-74.7%2032-77.4%2032-168.4zM177.4%2067c.5-.9.7-1%202-1.5%202-.8%206.4-1.5%2015.6-1.5h122c9.1%200%2013.5.7%2015.6%201.5%201.4.5%201.6.7%202.1%201.6%207.1%2013.1%2012.2%2033.8%2015%2059.9H162.4c2.8-26.1%207.9-47%2015-60zm157.4%20379.6c-1.4.6-5.2%201.4-14.8%201.4H192c-9.6%200-13.4-.8-14.9-1.4-.4-.9-1.1-3.8-1.1-10.5%200-9.8%203-21.2%206.4-34.3%204.5-17%209.6-36.3%209.6-58.3%200-38.5-8.1-59.8-15.9-80.4-8.3-21.9-16.1-42.7-16.1-87.5%200-11.4.4-22.3%201-32.5h190c.7%2010.2%201%2021%201%2032.2%200%2044.8-7.8%2065.7-16.2%2087.8-7.8%2020.7-15.8%2042.1-15.8%2080.6%200%2022%205.1%2041.2%209.6%2058.1%203.5%2013.1%206.4%2024.5%206.4%2034.3%200%206.7-.8%209.6-1.2%2010.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pint-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pint-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pint-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pint-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pint-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M368%20175.2c0-19.5-1-81.7-19.3-115.6C344.2%2051.4%20336.2%2048%20317%2048H195c-19.3%200-27.2%203.4-31.7%2011.6-18.3%2033.9-19.3%2096.5-19.3%20116%200%2091%2032%2093.1%2032%20167.8%200%2036.7-16%2066.7-16%2092.7%200%2025.1%209%2027.8%2032%2027.8h128c23%200%2032-2.9%2032-27.9%200-26-16-55.7-16-92.4%200-74.7%2032-77.4%2032-168.4zM177.4%2067c.5-.9.7-1%202-1.5%202-.8%206.4-1.5%2015.6-1.5h122c9.1%200%2013.5.7%2015.6%201.5%201.4.5%201.6.7%202.1%201.6%207.1%2013.1%2012.2%2033.8%2015%2059.9H162.4c2.8-26.1%207.9-47%2015-60z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pint-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pint-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pint($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pint-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pizza-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M418.3%2091.5C388.2%2078%20342.3%2064%20256.7%2064c-85.4%200-130%2012.3-161.5%2027.4-27.5%2013.1-19.1%2024-13.1%2036.6%204%208.6%208.2%2011.8%2014.5%2011.8.5%200%201%200%201.4-.1L256.7%20448%20415%20140.5h.9c6.5%200%2011-3.4%2015.5-12.6%206.1-12.4%209.8-26.2-13.1-36.4zm-285%2082.4c9-3.9%2019-4.4%2028.4-1.2%2010%203.4%2018.2%2010.6%2022.9%2020.1%204.7%209.6%205.4%2020.4%202.1%2030.5-3%209-8.9%2016.5-16.9%2021.3-13.4-25.8-26.1-50.5-36.5-70.7zm163.5%20156.5c-21.9%200-39.7-17.9-39.7-40s17.8-40%2039.7-40c14%200%2026.7%207.3%2033.9%2019.2l-31.2%2060.7c-.9.1-1.8.1-2.7.1zm42-76.6c-10.4-12.2-25.6-19.3-42-19.3-30.6%200-55.6%2025.1-55.6%2056%200%2029%2022%2052.9%2050.1%2055.7l-34.6%2067.4c-14.3-27.7-47.9-93-79.6-154.5%2011.6-6.8%2020.3-17.5%2024.6-30.5%204.7-14.2%203.7-29.4-2.9-42.8-13.3-27.1-45.7-38.5-72.8-26.1-5-9.7-9.2-17.9-12.3-23.9%2022.9-7.7%2063.3-23.8%20142.9-23.8h1.4c-.7%2027.3%2019%2051.6%2046.5%2055.7%202.7.4%205.4.6%208.1.6%2011.6%200%2022.9-3.7%2032.4-10.8%2010.6-7.9%2017.8-19.1%2020.6-31.9%2014.3%204%2025.1%208.2%2033.5%2011.1l-60.3%20117.1zM274%20112.3c31.9%201%2056.8%204.8%2076.3%209.3-2%209.2-7.1%2017.3-14.7%2023-8.3%206.2-18.4%208.8-28.6%207.3-10.2-1.5-19.2-6.9-25.3-15.3-5.4-7.1-8-15.6-7.7-24.3zm143.1%208.6c-.9%201.9-1.6%203-2.1%203.6-3.3-.4-9.8-2.7-16.7-5.1-24.6-8.8-65.7-23.4-141.6-23.4-76.3%200-117.8%2014.3-142.6%2022.8-6.6%202.3-12.9%204.4-16.3%204.9-.3-.6-.8-1.4-1.4-2.6-.6-1.2-1.1-2.4-1.7-3.5-.9-1.8-2.1-4.2-2.6-5.8%201.1-1%203.7-3.2%209.8-6.1%2025.2-12%2065.6-25.8%20154.7-25.8%2086.7%200%20130.1%2014.9%20155.2%2026.1%207.2%203.2%208.2%205.6%208.2%205.6.1.3.6%202.1-2.9%209.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pizza-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pizza-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pizza-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pizza-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pizza-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M418.3%2091.5C388.2%2078%20342.3%2064%20256.7%2064c-85.4%200-130%2012.3-161.5%2027.4-27.5%2013.1-19.1%2024-13.1%2036.6%204%208.6%208.2%2011.8%2014.5%2011.8.5%200%201%200%201.4-.1L256.7%20448%20415%20140.5h.9c6.5%200%2011-3.4%2015.5-12.6%206.1-12.4%209.8-26.2-13.1-36.4zm-285%2082.4c9-3.9%2019-4.4%2028.4-1.2%2010%203.4%2018.2%2010.6%2022.9%2020.1%204.7%209.6%205.4%2020.4%202.1%2030.5-3%209-8.9%2016.5-16.9%2021.3-13.4-25.8-26.1-50.5-36.5-70.7zm163.5%20156.5c-21.9%200-39.7-17.9-39.7-40s17.8-40%2039.7-40c14%200%2026.7%207.3%2033.9%2019.2l-31.2%2060.7c-.9.1-1.8.1-2.7.1zM274%20112.3c31.9%201%2056.8%204.8%2076.3%209.3-2%209.2-7.1%2017.3-14.7%2023-8.3%206.2-18.4%208.8-28.6%207.3-10.2-1.5-19.2-6.9-25.3-15.3-5.4-7.1-8-15.6-7.7-24.3zm143.1%208.6c-.9%201.9-1.6%203-2.1%203.6-3.3-.4-9.8-2.7-16.7-5.1-24.6-8.8-65.7-23.4-141.6-23.4-76.3%200-117.8%2014.3-142.6%2022.8-6.6%202.3-12.9%204.4-16.3%204.9-.3-.6-.8-1.4-1.4-2.6-.6-1.2-1.1-2.4-1.7-3.5-.9-1.8-2.1-4.2-2.6-5.8%201.1-1%203.7-3.2%209.8-6.1%2025.2-12%2065.6-25.8%20154.7-25.8%2086.7%200%20130.1%2014.9%20155.2%2026.1%207.2%203.2%208.2%205.6%208.2%205.6.1.3.6%202.1-2.9%209.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pizza-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pizza-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pizza($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pizza-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-plane-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M215.2%2088l93.5%20146.1%204.9%207.5%209.1-.3%2067.8-2h.4c3.2-.2%206.2-.2%209.2-.2%2017.2%200%2033.7%202.4%2046.5%206.7%2010.6%203.6%2015.4%207.4%2017.1%209.3-1.6%201.9-6.5%205.7-17.1%209.3-12.8%204.3-29.3%206.7-46.5%206.7-2.8%200-6.1%200-9.2-.2h-.4l-67.8-1.6-9-.2-4.9%207.9-93.6%20147h-16.1L250%20289l7.8-20.9-22.2-1-126.1-5.1-8.2-.3-5.1%206.7-40%2051.6h-.6l23.2-58.3%202.4-6.1-2.4-5.8L55.6%20192h.6l39.4%2049.8%205%206.2%208.1-.3%20126.8-4.2%2022.4-.7-7.9-20.7L199.2%2088H215m9-16h-48l59%20155.7-126.8%204.3L64%20176H32l32%2080-32%2080h32l44.9-57.7%20126.1%205.2L176%20440h48l98.2-154.5L390%20287c3.3.2%206.6.1%2010%20.1%2044.2%200%2080-14.4%2080-32.1s-35.8-32-80-32c-3.4%200-6.7.1-10%20.2l-67.8%202.2L224%2072z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-plane-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-plane-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-plane-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-plane-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-plane-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M224%2072h-48l59%20155.7-126.8%204.3L64%20176H32l32%2080-32%2080h32l44.9-57.7%20126.1%205.2L176%20440h48l98.2-154.5L390%20287c3.3.2%206.6.1%2010%20.1%2044.2%200%2080-14.4%2080-32.1s-35.8-32-80-32c-3.4%200-6.7.1-10%20.2l-67.8%202.2L224%2072z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-plane-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-plane-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-plane($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-plane-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-planet-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M396.2%20288.9c-1.1%204.5-2.3%209-3.9%2013.4%205.8%204.5%2011.4%208.9%2016.8%2013.3%2036%2029.1%2059%2057.2%2053.2%2057.2-7.9.5-27.6-1.1-71.1-17.1-12.2-4.5-25.2-9.7-38.8-15.6%2019.7-22.5%2031.6-52%2031.6-84.2%200-70.7-57.3-128-128-128-57%200-105.2%2037.2-121.8%2088.6-12-8.6-23.2-17.1-33.3-25.2-36-29.1-47.6-45.2-51.2-52.2-4.3-7%2032.6-.9%2076.1%2015.1%206.8%202.5%2013.9%205.2%2021.1%208%202.8-3.3%205.8-6.5%208.9-9.5C89.9%20125.2%2041.6%20115%2033.3%20129.8c-9%2015.9%2030.8%2056.7%2096.8%20103.4-1.3%207.4-2%2014.9-2%2022.7%200%2070.7%2057.3%20128%20128%20128%2032.3%200%2061.8-11.9%2084.3-31.7%2074%2032.6%20129.5%2045.7%20138.5%2029.8%208.2-14.7-25.3-50.7-82.7-93.1zM176.8%20176.8C198%20155.6%20226.1%20144%20256%20144s58%2011.7%2079.2%2032.8C356.3%20198%20368%20226.1%20368%20256c0%2029.1-11%2056.4-31%2077.3-30.7-13.9-63.7-30.8-96.8-49.5-33-18.7-64.5-38.3-92.3-57.5%205.1-18.5%2014.9-35.5%2028.9-49.5zM256%20368c-29.9%200-58-11.7-79.2-32.8C155.7%20314%20144%20285.9%20144%20256c0-4.2.2-8.4.7-12.5%2026.2%2017.8%2055.8%2036.2%2087.7%2054.3%2031.9%2018.1%2062.9%2034%2091.7%2047.2-19.5%2014.9-43.2%2023-68.1%2023z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-planet-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-planet-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-planet-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-planet-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-planet-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M396.2%20288.9c-1.1%204.5-2.3%209-3.9%2013.4%205.8%204.5%2011.4%208.9%2016.8%2013.3%2036%2029.1%2059%2057.2%2053.2%2057.2-7.9.5-27.6-1.1-71.1-17.1-12.2-4.5-25.3-9.7-38.8-15.6%2019.7-22.5%2031.6-51.9%2031.6-84.2%200-70.7-57.3-128-128-128-57%200-105.2%2037.2-121.8%2088.7-12-8.6-23.2-17.1-33.3-25.3-36-29.1-47.6-45.2-51.2-52.2-4.3-7%2032.6-.9%2076.1%2015.1%206.8%202.5%2013.9%205.2%2021.1%208%202.8-3.3%205.8-6.5%208.9-9.5C89.9%20125.2%2041.6%20115%2033.3%20129.8c-13.1%2023.1%2076.1%2098.2%20199.1%20167.9%20123%2069.6%20233.4%20107.4%20246.4%2084.3%208.3-14.7-25.2-50.7-82.6-93.1zM128.1%20252.3c0%201.2-.1%202.4-.1%203.7%200%2070.7%2057.3%20128%20128%20128%2025.8%200%2049.8-7.6%2069.9-20.7-32.5-14.4-66.4-29.5-103.5-50.5-33.8-19.2-67.1-41.7-94.3-60.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-planet-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-planet-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-planet($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-planet-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-play-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M144%20124.9L353.8%20256%20144%20387.1V124.9M128%2096v320l256-160L128%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-play-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-play-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-play-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-play-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-play-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%2096v320l256-160L128%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-play-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-play-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-play($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-play-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-podium-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M320%20256V96H192v96H64v224h384V256H320zM192%20400H80V208h112v192zm112%200h-96V112h96v288zm128%200H320V272h112v128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-podium-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-podium-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-podium-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-podium-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-podium-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20192h112v224H64zM192%2096v320h128V96zM336%20256h112v160H336z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-podium-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-podium-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-podium($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-podium-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-power-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M390.7%2097.9c-3.4-2.9-8.4-2.5-11.3.9-2.9%203.4-2.5%208.4.9%2011.3%2043%2036.6%2067.6%2089.7%2067.6%20145.8C448%20361.8%20361.9%20448%20256%20448S64%20361.8%2064%20255.9c0-56.1%2024.6-109.2%2067.6-145.8%203.4-2.9%203.8-7.9.9-11.3-2.9-3.4-7.9-3.8-11.3-.9-46.5%2039.6-73.2%2097.2-73.2%20158C48%20370.6%20141.3%20464%20256%20464s208-93.4%20208-208.1c0-60.8-26.7-118.4-73.3-158z%22%2F%3E%3Cpath%20d%3D%22M257%20272c4.4%200%208-3.6%208-8V56c0-4.4-3.6-8-8-8s-8%203.6-8%208v208c0%204.4%203.6%208%208%208z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-power-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-power-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-power-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-power-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-power-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%20fill%3D%22%23231F20%22%3E%3Cpath%20d%3D%22M390.7%2099.7c-2.8-2.4-6.4-3.7-10.2-3.7-4.6%200-9%202-11.9%205.5-2.7%203.2-4%207.2-3.7%2011.4.3%204.2%202.3%208%205.5%2010.7%2039.5%2033.5%2062.2%2082.1%2062.2%20133.3%200%2096.9-79.2%20175.8-176.6%20175.8S79.4%20353.8%2079.4%20256.9c0-51.3%2022.7-99.9%2062.2-133.3%203.2-2.7%205.2-6.5%205.5-10.7.3-4.2-1-8.2-3.7-11.4-3-3.5-7.3-5.5-11.9-5.5-3.7%200-7.3%201.3-10.2%203.7C74.7%20139.1%2048%20196.4%2048%20256.9%2048%20371.1%20141.3%20464%20256%20464s208-92.9%20208-207.1c0-60.5-26.7-117.8-73.3-157.2z%22%2F%3E%3Cpath%20d%3D%22M257%20272c8.8%200%2016-7.2%2016-16V64c0-8.8-7.2-16-16-16s-16%207.2-16%2016v192c0%208.8%207.2%2016%2016%2016z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-power-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-power-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-power($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-power-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pricetag-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20160c17.6%200%2032-14.4%2032-32s-14.4-32-32-32-32%2014.4-32%2032%2014.4%2032%2032%2032zm0-48c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016-16-7.2-16-16%207.2-16%2016-16z%22%2F%3E%3Cpath%20d%3D%22M448%2064v130.7L201.3%20441.4%2070.6%20310.7%20317.3%2064H448m16-16H310.7L48%20310.7%20201.3%20464%20464%20201.3V48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pricetag-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pricetag-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pricetag-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pricetag-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pricetag-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22384%22%20cy%3D%22128%22%20r%3D%2216%22%2F%3E%3Cpath%20d%3D%22M464%2048H310.7L48%20310.7%20201.3%20464%20464%20201.3V48zm-80%20112c-17.6%200-32-14.4-32-32s14.4-32%2032-32%2032%2014.4%2032%2032-14.4%2032-32%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pricetag-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pricetag-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pricetag($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pricetag-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pricetags-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%2064V32H288L32%20320l160%20160%2023.47-23.904L240%20480l240-272V64h-32zM192%20457.37L54.39%20320%20294.62%2048H432v137.377l-216.555%20247.99-11.34%2011.363L192%20457.37zm272-255.993L240%20457.37l-13.182-12.65L448%20192V80h16v121.377z%22%2F%3E%3Cpath%20d%3D%22M352%20160c17.645%200%2032-14.355%2032-32s-14.355-32-32-32-32%2014.355-32%2032%2014.355%2032%2032%2032zm0-48c8.836%200%2016%207.163%2016%2016s-7.164%2016-16%2016-16-7.163-16-16%207.164-16%2016-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pricetags-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pricetags-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pricetags-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pricetags-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pricetags-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M464%2064v137.377L227.153%20467.48%20240%20480l240-272V64z%22%2F%3E%3Cpath%20d%3D%22M288%2032L32%20320l160%20160%2023.47-23.904%2011.35-11.375L448%20192V32H288zm64%20128c-17.645%200-32-14.355-32-32s14.355-32%2032-32%2032%2014.355%2032%2032-14.355%2032-32%2032z%22%2F%3E%3Ccircle%20cx%3D%22352%22%20cy%3D%22128%22%20r%3D%2216%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pricetags-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pricetags-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pricetags($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pricetags-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-print-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M432.5%20112H400V64H112v48H80.5C62.9%20112%2048%20125.8%2048%20143.3v158.4c0%2017.5%2014.9%2032.3%2032.5%2032.3H128v114h256V334h48.5c17.6%200%2031.5-14.8%2031.5-32.3V143.3c0-17.5-13.9-31.3-31.5-31.3zM128%2080h256v32H128V80zm240%20352H144V240h224v192zm80-130.3c0%208.7-6.7%2016.3-15.5%2016.3H384v-94H128v94H80.5c-8.8%200-16.5-7.6-16.5-16.3V143.3c0-8.7%207.7-15.3%2016.5-15.3h352c8.8%200%2015.5%206.6%2015.5%2015.3v158.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-print-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-print-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-print-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-print-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-print-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%20224h256v224H128z%22%2F%3E%3Cpath%20d%3D%22M127.5%20224.5h256v224h-256zM111.5%2064.5h288v32h-288z%22%2F%3E%3Cpath%20d%3D%22M432.5%20112.5h-352c-17.645%200-33%2012.842-33%2030.31V301.2c0%2017.468%2015.355%2033.3%2033%2033.3h31v-126h288v126h33c17.645%200%2031-15.832%2031-33.3V142.81c0-17.468-13.355-30.31-31-30.31z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-print-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-print-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-print($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-print-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pulse-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20288c-15.268%200-28.03%2010.695-31.223%2025h-59.004l-30.18-90.896a8.006%208.006%200%200%200-7.76-5.478%207.996%207.996%200%200%200-7.524%205.795l-54.243%20189.32-58.175-349.055a8.003%208.003%200%200%200-7.576-6.68%207.996%207.996%200%200%200-8.078%206.062L121.748%20313H32v16h96a8%208%200%200%200%207.763-6.066l54.685-219.59%2057.66%20345.972a8.002%208.002%200%200%200%2015.584.888l56.872-198.496%2023.845%2071.813A8.002%208.002%200%200%200%20352%20329h65.292c3.89%2013.29%2016.16%2023%2030.708%2023%2017.674%200%2032-14.327%2032-32S465.674%20288%20448%20288z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pulse-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pulse-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pulse-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pulse-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-pulse-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20273c-21.27%200-39.296%2014-45.596%2033h-38.857l-28.36-85.417a16%2016%200%200%200-15.184-10.956c-.112%200-.224%200-.335.004a15.997%2015.997%200%200%200-15.05%2011.59l-44.483%20155.26-52.353-314.107C206.535%2054.893%20200.332%2048%20192%2048s-13.693%205.776-15.525%2013.135L115.495%20306H16v32h112c7.348%200%2013.75-5.004%2015.525-12.135l45.368-182.177%2051.324%20307.94c1.23%207.377%207.397%2011.92%2014.864%2012.344.31.018.615.028.92.028%207.097%200%2013.406-3.7%2015.38-10.594l49.745-173.617%2015.69%2047.25A16%2016%200%200%200%20352%20338h51.108c6.865%2018%2024.37%2031%2044.892%2031%2026.51%200%2048-22.492%2048-49%200-26.51-21.49-47-48-47z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-pulse-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-pulse-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-pulse($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-pulse-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-qr-scanner-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20124.2C64%20102%2085%2080%20108.2%2080H176V64h-66.8C75.7%2064%2048%2090.7%2048%20124.2V192h16v-67.8zM448%20192h16v-67.8c0-33.5-27.7-60.2-61.2-60.2H336v16h67.8c23.2%200%2044.2%2022%2044.2%2044.2V192zM64%20320H48v67.8c0%2033.5%2027.7%2060.2%2061.2%2060.2H176v-16h-67.8C85%20432%2064%20410%2064%20387.8V320zM448%20387.8c0%2022.2-21%2044.2-44.2%2044.2H336v16h66.8c33.5%200%2061.2-26.7%2061.2-60.2V320h-16v67.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-qr-scanner-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-qr-scanner-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-qr-scanner($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-qr-scanner-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-quote-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M209%20112c8.8%200%2015%206.2%2015%2015v192c0%2023.3-4.3%2045-13.3%2064-3.5%207.5-6.8%2013-9.4%2017H182c12.7-19%2025-45.3%2025-80.5V304h-78c-8.8%200-17-8.2-17-17V127c0-8.5%207.9-15%2017-15h80m0-16h-80c-17.7%200-33%2013.3-33%2031v160c0%2017.7%2015.3%2033%2033%2033h62c0%2064-46%2096-46%2096h64s31-33.6%2031-97V127c0-17.7-13.3-31-31-31zM385%20112c8.8%200%2015%206.2%2015%2015v192c0%2023.3-4.3%2045-13.3%2064-3.5%207.5-6.8%2013-9.4%2017H358c12.7-19%2025-45.3%2025-80.5V304h-78c-8.8%200-17-8.2-17-17V127c0-8.5%207.9-15%2017-15h80m0-16h-80c-17.7%200-33%2013.3-33%2031v160c0%2017.7%2015.3%2033%2033%2033h62c0%2064-46%2096-46%2096h64s31-33.6%2031-97V127c0-17.7-13.3-31-31-31z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-quote-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-quote-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-quote-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-quote-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-quote-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M209%2096h-80c-17.7%200-33%2013.3-33%2031v160c0%2017.7%2015.3%2033%2033%2033h62c0%2064-46%2096-46%2096h64s31-33.6%2031-97V127c0-17.7-13.3-31-31-31zM385%2096h-80c-17.7%200-33%2013.3-33%2031v160c0%2017.7%2015.3%2033%2033%2033h62c0%2064-46%2096-46%2096h64s31-33.6%2031-97V127c0-17.7-13.3-31-31-31z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-quote-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-quote-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-quote($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-quote-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-radio-button-off-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-radio-button-off-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-radio-button-off-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-radio-button-off($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-radio-button-off-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-radio-button-on-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cpath%20d%3D%22M256%2096c-88.4%200-160%2071.6-160%20160s71.6%20160%20160%20160%20160-71.6%20160-160S344.4%2096%20256%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-radio-button-on-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-radio-button-on-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-radio-button-on($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-radio-button-on-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-radio-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M113.9%20406c-2.1%200-4.2-.8-5.8-2.5-39.3-41-60.1-92-60.1-147.5s20.8-106.5%2060.2-147.5c3.1-3.2%208.1-3.3%2011.3-.2s3.3%208.1.2%2011.3C83.3%20157.5%2064%20204.7%2064%20256c0%2051.3%2019.3%2098.5%2055.7%20136.5%203.1%203.2%203%208.3-.2%2011.3-1.6%201.5-3.6%202.2-5.6%202.2zM398.1%20406c-2%200-4-.7-5.5-2.2-3.2-3.1-3.3-8.1-.2-11.3%2036.4-38%2055.7-85.2%2055.7-136.5s-19.3-98.5-55.7-136.5c-3.1-3.2-3-8.3.2-11.3s8.3-3%2011.3.2c39.4%2041%2060.2%2092%2060.2%20147.5s-20.8%20106.5-60.2%20147.5c-1.6%201.8-3.7%202.6-5.8%202.6z%22%2F%3E%3Cpath%20d%3D%22M156.1%20365.6c-2.1%200-4.1-.8-5.7-2.4-28.1-28.6-43.6-66.3-43.6-106.4%200-41%2016.1-79.4%2045.3-108.1%203.1-3.1%208.2-3.1%2011.3.1%203.1%203.2%203.1%208.2-.1%2011.3-26.2%2025.7-40.6%2060.1-40.6%2096.7%200%2035.8%2013.8%2069.6%2039%2095.1%203.1%203.2%203.1%208.2-.1%2011.3-1.5%201.6-3.5%202.4-5.5%202.4zM355.9%20365.6c-2%200-4.1-.8-5.6-2.3-3.1-3.1-3.2-8.2-.1-11.3%2025.1-25.5%2039-59.3%2039-95.1%200-36.7-14.4-71-40.6-96.7-3.1-3.1-3.2-8.2-.1-11.3%203.1-3.1%208.2-3.2%2011.3-.1%2029.2%2028.8%2045.3%2067.2%2045.3%20108.1%200%2040-15.5%2077.8-43.6%20106.4-1.4%201.5-3.5%202.3-5.6%202.3z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M198%20326.9c-2.1%200-4.1-.8-5.7-2.4-17.9-18.2-27.8-42.4-27.8-67.9%200-26.2%2010.3-50.7%2029-69.1%203.1-3.1%208.2-3.1%2011.3.1%203.1%203.2%203.1%208.2-.1%2011.3-15.6%2015.3-24.2%2035.8-24.2%2057.7%200%2021.4%208.2%2041.5%2023.2%2056.7%203.1%203.1%203.1%208.2-.1%2011.3-1.5%201.5-3.5%202.3-5.6%202.3zM314%20326.9c-2%200-4.1-.8-5.6-2.3-3.1-3.1-3.2-8.2-.1-11.3%2015-15.2%2023.2-35.4%2023.2-56.7%200-21.9-8.6-42.3-24.2-57.7-3.1-3.1-3.2-8.2-.1-11.3%203.1-3.1%208.2-3.2%2011.3-.1%2018.7%2018.4%2029%2042.9%2029%2069.1%200%2025.6-9.9%2049.7-27.8%2067.9-1.6%201.6-3.7%202.4-5.7%202.4z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%2232%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-radio-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-radio-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-radio-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-radio-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-radio-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm-94.2%20315.7c-1.6%201.5-3.6%202.3-5.6%202.3-2.1%200-4.1-.8-5.7-2.4-28-28.7-43.5-66.6-43.5-106.8%200-41.1%2016.1-79.7%2045.3-108.5%203.1-3.1%208.2-3.1%2011.3.1%203.1%203.2%203.1%208.2-.1%2011.4-26.1%2025.8-40.5%2060.3-40.5%2097.1%200%2035.9%2013.8%2069.9%2038.9%2095.5%203.1%203.1%203.1%208.2-.1%2011.3zm42-50.2c3.1%203.2%203.1%208.2-.1%2011.4-1.6%201.5-3.6%202.3-5.6%202.3-2.1%200-4.1-.8-5.7-2.4-17.9-18.3-27.8-42.5-27.8-68.2%200-26.3%2010.3-50.9%2028.9-69.3%203.1-3.1%208.2-3.1%2011.3.1%203.1%203.2%203.1%208.2-.1%2011.4-15.6%2015.4-24.1%2035.9-24.1%2057.9%200%2021.3%208.2%2041.5%2023.2%2056.8zm52.2-25.4c-17.7%200-32-14.4-32-32.1%200-17.7%2014.3-32.1%2032-32.1s32%2014.4%2032%2032.1c0%2017.7-14.3%2032.1-32%2032.1zm63.6%2036.6c-1.6%201.6-3.6%202.4-5.7%202.4-2%200-4-.8-5.6-2.3-3.1-3.1-3.2-8.2-.1-11.4%2015-15.3%2023.2-35.5%2023.2-56.9%200-21.9-8.6-42.5-24.1-57.9-3.1-3.1-3.2-8.2-.1-11.4%203.1-3.2%208.2-3.2%2011.3-.1%2018.7%2018.4%2028.9%2043.1%2028.9%2069.3%200%2025.8-9.9%2050-27.8%2068.3zm41.9%2038.9c-1.6%201.6-3.6%202.4-5.7%202.4-2%200-4-.8-5.6-2.3-3.1-3.1-3.2-8.2-.1-11.4%2025.1-25.6%2038.9-59.6%2038.9-95.5%200-36.8-14.4-71.3-40.5-97.1-3.1-3.1-3.2-8.2-.1-11.4%203.1-3.2%208.2-3.2%2011.3-.1%2029.2%2028.9%2045.3%2067.4%2045.3%20108.5%200%2040.3-15.5%2078.2-43.5%20106.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-radio-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-radio-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-radio($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-radio-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-rainy-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M374.4%20143.2l-13.3-.1C349.3%2089.6%20306%2048%20236%2048S108.2%2099.7%20108.2%20170.8l.3%204.8C66.2%20181.2%2032%20220.1%2032%20264.5c0%2047%2037.9%2088.5%2084.6%2088.5h10.6l-37.4%2050.7c-2.6%203.6-1.8%208.3%201.8%2010.9%201.3%201%202.9%201.4%204.4%201.4%202.3%200%205.1-.6%206.8-2.9L147%20353h61.4l-72.3%2099c-2.6%203.6-2.2%208%201.4%2010.6%201.3%201%203.3%201.4%204.8%201.4%203.7%200%206.1-1.3%207.8-3.6l78-107.4h61.1l-37.3%2050.7c-2.6%203.6-1.8%208.3%201.8%2010.9%201.3%201%202.9%201.4%204.4%201.4%202.3%200%205.1-.6%206.8-2.9L309%20353h61.4l-72.3%2099c-2.6%203.6-2.1%207.8%201.5%2010.3%201.3%201%203.2%201.7%204.7%201.7%202.3%200%205.1-.8%206.8-3.1l80.1-110.3c50.4-8.4%2088.9-53.7%2088.9-106.6-.1-58.6-47.4-100.8-105.7-100.8zm12.8%20192.6s-8.9%201.2-20.2%201.2H116.6c-18%200-35.1-7.9-48.2-21.8-13-13.7-20.4-32.3-20.4-50.9%200-17.5%206.6-34.7%2018.5-48.4%2011.8-13.5%2027.4-22.2%2044.1-24.4l14.8-2-1-14.9-.3-4.3c.1-29.3%2011.7-56.3%2032.6-75.9C177.7%2074.8%20205.8%2064%20236%2064c29.3%200%2055%208.3%2074.3%2023.9%2017.7%2014.4%2029.9%2034.7%2035.2%2058.7l2.9%2013.4c11.5-.7%2026-.7%2026-.7%2024.5%200%2047.1%208.6%2063.7%2024.1%2016.7%2015.6%2025.8%2037.1%2025.8%2060.7.1%2044.6-33.6%2084.5-76.7%2091.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-rainy-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-rainy-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-rainy-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-rainy-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-rainy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M374.4%20143.2l-13.3-.1C349.3%2089.6%20306%2048%20236%2048S108.2%2099.7%20108.2%20170.8l.3%204.8C66.2%20181.2%2032%20220.1%2032%20264.5c0%2047%2037.9%2088.5%2084.6%2088.5h10.6l-37.4%2050.7c-2.6%203.6-1.8%208.3%201.8%2010.9%201.3%201%202.9%201.4%204.4%201.4%202.3%200%205.1-.6%206.8-2.9L147%20353h61.4l-72.3%2099c-2.6%203.6-2.2%208%201.4%2010.6%201.3%201%203.3%201.4%204.8%201.4%203.7%200%206.1-1.3%207.8-3.6l78-107.4h61.1l-37.3%2050.7c-2.6%203.6-1.8%208.3%201.8%2010.9%201.3%201%202.9%201.4%204.4%201.4%202.3%200%205.1-.6%206.8-2.9L309%20353h61.4l-72.3%2099c-2.6%203.6-2.1%207.8%201.5%2010.3%201.3%201%203.2%201.7%204.7%201.7%202.3%200%205.1-.8%206.8-3.1l80.1-110.3c50.4-8.4%2088.9-53.7%2088.9-106.6-.1-58.6-47.4-100.8-105.7-100.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-rainy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-rainy-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-rainy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-rainy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-recording-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M386.2%20144c-60.6%200-109.8%2050.1-109.8%20112%200%2040.4%2021%2075.7%2052.5%2095.4H183.1c31.5-19.7%2052.5-55%2052.5-95.4%200-61.9-49.2-112-109.8-112C65.2%20144%2016%20194.1%2016%20256s49.2%20112%20109.8%20112h260.4c60.6%200%20109.8-50.1%20109.8-112s-49.2-112-109.8-112zM32.3%20256c0-52.6%2042-95.4%2093.5-95.4%2051.6%200%2093.5%2042.8%2093.5%2095.4s-42%2095.4-93.5%2095.4c-51.6%200-93.5-42.8-93.5-95.4zm353.9%2095.4c-51.6%200-93.5-42.8-93.5-95.4s42-95.4%2093.5-95.4%2093.5%2042.8%2093.5%2095.4-41.9%2095.4-93.5%2095.4z%22%2F%3E%3Cpath%20d%3D%22M384%20208c26.5%200%2048%2021.5%2048%2048s-21.5%2048-48%2048-48-21.5-48-48%2021.5-48%2048-48m0-16c-35.3%200-64%2028.7-64%2064s28.7%2064%2064%2064%2064-28.7%2064-64-28.7-64-64-64zM128%20208c26.5%200%2048%2021.5%2048%2048s-21.5%2048-48%2048-48-21.5-48-48%2021.5-48%2048-48m0-16c-35.3%200-64%2028.7-64%2064s28.7%2064%2064%2064%2064-28.7%2064-64-28.7-64-64-64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-recording-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-recording-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-recording-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-recording-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-recording-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M386.2%20144c-60.6%200-109.8%2049.9-109.8%20111.8%200%2040.4%2021%2076.2%2052.5%2095.2H183.1c31.5-19%2052.5-54.8%2052.5-95.2%200-61.9-49.2-111.9-109.8-111.9-60.6%200-109.8%2050.2-109.8%20112C16%20317.8%2065.2%20368%20125.8%20368h260.4c60.6%200%20109.8-50.1%20109.8-112s-49.2-112-109.8-112zM128%20320c-35.3%200-64-28.7-64-64s28.7-64%2064-64%2064%2028.7%2064%2064-28.7%2064-64%2064zm256%200c-35.3%200-64-28.7-64-64s28.7-64%2064-64%2064%2028.7%2064%2064-28.7%2064-64%2064z%22%2F%3E%3Cpath%20d%3D%22M384%20208c-26.5%200-48%2021.5-48%2048s21.5%2048%2048%2048%2048-21.5%2048-48-21.5-48-48-48zM128%20208c-26.5%200-48%2021.5-48%2048s21.5%2048%2048%2048%2048-21.5%2048-48-21.5-48-48-48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-recording-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-recording-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-recording($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-recording-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-redo-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20400h10.3l19.2-31.2c20.5-32.7%2044.9-62.8%2075.8-76.6%2024.4-10.9%2046.7-18.9%2086.7-20V352l192-128L256%2096v80.3c-63%202.8-108.1%2020.7-143.3%2056.2C60.4%20285.2%2064%20351.5%2064%20368.2c.1%208.9%200%2021.7%200%2031.8zm208-208v-64.7l148.1%2096.8L272%20320.8V256c-91%200-144.6%2024.6-192.2%20105.4%200%200-8.8-169.4%20192.2-169.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-redo-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-redo-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-redo-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-redo-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-redo-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20400h10.3l19.2-31.2c20.5-32.7%2044.9-62.8%2075.8-76.6%2024.4-10.9%2046.7-18.9%2086.7-20V352l192-128L256%2096v80.3c-63%202.8-108.1%2020.7-143.3%2056.2C60.4%20285.2%2064%20351.5%2064%20368.2c.1%208.9%200%2021.7%200%2031.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-redo-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-redo-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-redo($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-redo-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-refresh-circle-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M364.1%20256c0%2060-48.5%20108.2-108.1%20108.2S147.9%20315.7%20147.9%20256c0-59.6%2048.5-108.1%20108.1-108.1v55.8l96-55.7-96-64v44c-70.7%200-128%2057.4-128%20128.1%200%2070.8%2057.3%20128.1%20128%20128.1s128-57.1%20128-128.1h-19.9z%22%2F%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-refresh-circle-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-refresh-circle-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-refresh-circle-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-refresh-circle-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-refresh-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20336.1c-70.7%200-128-57.3-128-128.1s57.3-128.1%20128-128.1V84l96%2064-96%2055.7v-55.8c-59.6%200-108.1%2048.5-108.1%20108.1%200%2059.6%2048.5%20108.1%20108.1%20108.1S364.1%20316%20364.1%20256H384c0%2071-57.3%20128.1-128%20128.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-refresh-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-refresh-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-refresh-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-refresh-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-refresh-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20384.1c-70.7%200-128-57.3-128-128.1s57.3-128.1%20128-128.1V84l96%2064-96%2055.7v-55.8c-59.6%200-108.1%2048.5-108.1%20108.1%200%2059.6%2048.5%20108.1%20108.1%20108.1S364.1%20316%20364.1%20256H384c0%2071-57.3%20128.1-128%20128.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-refresh-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-refresh-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-refresh($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-refresh-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-remove-circle-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cpath%20d%3D%22M128%20248h256v17H128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-remove-circle-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-remove-circle-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-remove-circle-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-remove-circle-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-remove-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm128%20217H128v-17h256v17z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-remove-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-remove-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-remove-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-remove-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-remove-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20265H128v-17h256v17z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-remove-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-remove-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-remove($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-remove-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-reorder-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M80%20304h352v16H80zM80%20248h352v16H80zM80%20192h352v16H80z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-reorder-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-reorder-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-reorder($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-reorder-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-repeat-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M332.3%20163.7l-33.6-33.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7%202.3c-3.1%203.1-3.1%208.2%200%2011.3L314%20168H136c-39.6%200-72%2032.4-72%2072v24h16v-24c0-14.9%205.8-28.9%2016.5-39.5%2010.6-10.6%2024.7-16.5%2039.5-16.5h176l-26.6%2026.4c-3.1%203.1-3.1%208.2%200%2011.3%203.1%203.1%208.2%203.1%2011.3%200l35.6-35.4c6.3-6.2%206.3-16.3%200-22.6zM432.1%20248v24c0%2014.9-5.8%2028.9-16.5%2039.5-10.7%2010.7-24.7%2016.5-39.6%2016.5H200l26.6-26.4c3.1-3.1%203.1-8.2%200-11.3-3.1-3.1-8.2-3.1-11.3%200l-35.6%2035.4c-6.3%206.2-6.3%2016.3%200%2022.6l33.6%2033.4c1.6%201.6%203.6%202.3%205.7%202.3s4.1-.8%205.7-2.3c3.1-3.1%203.1-8.2%200-11.3L198.1%20344h178c39.6%200%2072-32.4%2072-72v-24h-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-repeat-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-repeat-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-repeat($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-repeat-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-resize-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M440%2064H328c-4.4%200-8%203.6-8%208s3.6%208%208%208h92L80%20419.9V328c0-4.4-3.6-8-8-8s-8%203.6-8%208v112c0%204.4%203.6%208%208%208h112c4.4%200%208-3.6%208-8s-4-8-8.4-8H92L432%2092v92c0%204.4%203.6%208%208%208s8-3.6%208-8V72c0-4.4-3.6-8-8-8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-resize-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-resize-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-resize($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-resize-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-restaurant-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384.5%2064c-24.8%200-47.8%2077.3-47.8%20160%200%2057%2032.1%2080%2032.1%2080s6.2%204.8%2015.1%206v130c0%204.4%203.6%208%208%208s8-3.6%208-8V75c.1-11-10.4-11-15.4-11zm-.5%2017v212c-1-.1-5-1-7.3-3.1-1.3-1.1-5.2-4.6-10.3-12.9-11.3-18.1-13.6-38.8-13.6-52.9%200-34.9%204.2-71.4%2012-100.1%207.5-28%2016.2-39.7%2019.2-43zM296%2064h-8l10%20103.5c0%204.4-3.6%207.8-8%207.8s-8-3.2-8-7.6L276%2064h-8l-6%20103.5c0%204.4-3.6%207.8-8%207.8s-8-3.2-8-7.6L256%2064h-8s-24%20107.1-24%20127.9c0%2020.8%2013.2%2039.4%2032%2045.3%205.3%201.7%208%201.8%208%201.8v201c0%204.4%203.6%208%208%208s8-3.6%208-8V239s5.1-.9%208-1.8c18.6-6%2032-24.2%2032-45.2S296%2064%20296%2064zm-24%20159c-28.6%200-32-26.6-32-31.6%200%200%20.1-2.7.3-4.5%203.9%202.7%208.6%204.3%2013.7%204.3%207.2%200%2011.5-3.1%2018-3.1s10.8%203.1%2018%203.1c5.1%200%209.8-1.6%2013.7-4.3.2%201.9.3%204.6.3%204.6%200%204.7-3.4%2031.5-32%2031.5zM160%2064c-26.5%200-48%2063.9-48%20127.9%200%2017.3%209.2%2033.2%2023.2%2041.3%2011.4%206.7%2016.8%206.8%2016.8%206.8v200c0%204.4%203.6%208%208%208s8-3.6%208-8V240s5.1%200%2016.2-6.2c14.2-8%2023.8-24%2023.8-41.8%200-64-21.5-128-48-128zm16.3%20155.6l-.1.1-.1.1c-.7.4-1.6%201-2.6%201.4-1.2.3-2.4.7-3.5%201.3-3.4.7-6.8%201.3-9.9%201.3-3.1%200-6.5-.6-9.9-1.3-1.1-.5-2.2-.9-3.5-1.2-1-.5-2.2-1.2-3-1.7l-.2-.1-.2-.1c-9.4-5.6-15.3-16.1-15.3-27.4%200-29.4%204.8-59.5%2013.1-82.5%204.8-13.2%209.5-20.5%2012.6-24.3%203.4-4.2%205.8-5.1%206.3-5.1s2.9.9%206.3%205.1c3.1%203.8%207.8%2011%2012.6%2024.3%208.3%2023%2013.1%2053%2013.1%2082.5%200%2011.3-6.2%2022.2-15.7%2027.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-restaurant-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-restaurant-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-restaurant-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-restaurant-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-restaurant-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%2064c-24.8%200-48%2077.3-48%20160%200%2057%2032%2080%2032%2080v128c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V75c0-11-11-11-16-11zM288%2064l10%20104c0%204.4-3.6%208-8%208s-8-3.6-8-8l-6-104h-8l-6%20104c0%204.4-3.6%208-8%208s-8-3.6-8-8l10-104h-8s-24%20107.2-24%20128%2013.4%2038.6%2032%2045.2V432c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V237.2c18.6-6.6%2032-24.2%2032-45.2S296%2064%20296%2064h-8zM160%2064c-26.5%200-48%2064-48%20128%200%2020.8%2013.4%2038.6%2032%2045.2V432c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V237.2c18.6-6.6%2032-24.2%2032-45.2%200-64-21.5-128-48-128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-restaurant-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-restaurant-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-restaurant($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-restaurant-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-return-left-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M68.7%20292.3l57.6%2057.4c1.6%201.6%203.6%202.3%205.7%202.3s4.1-.8%205.7-2.3c3.1-3.1%203.1-8.2%200-11.3L88%20288h288c39.6%200%2072-32.4%2072-72v-56h-16v56c0%2014.9-5.8%2028.9-16.5%2039.5-10.6%2010.6-24.7%2016.5-39.5%2016.5H88l51.6-50.4c3.1-3.1%203.1-8.2%200-11.3-3.1-3.1-8.2-3.1-11.3%200l-59.6%2059.4c-6.3%206.2-6.3%2016.3%200%2022.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-return-left-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-return-left-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-return-left($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-return-left-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-return-right-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M443.3%20292.3l-57.6%2057.4c-1.6%201.6-3.6%202.3-5.7%202.3s-4.1-.8-5.7-2.3c-3.1-3.1-3.1-8.2%200-11.3L424%20288H136c-39.6%200-72-32.4-72-72v-56h16v56c0%2014.9%205.8%2028.9%2016.5%2039.5%2010.6%2010.6%2024.7%2016.5%2039.5%2016.5h288l-51.6-50.4c-3.1-3.1-3.1-8.2%200-11.3%203.1-3.1%208.2-3.1%2011.3%200l59.6%2059.4c6.3%206.2%206.3%2016.3%200%2022.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-return-right-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-return-right-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-return-right($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-return-right-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-reverse-camera-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M301.815%20318.608C288.7%20329.638%20272.86%20335.964%20256%20335.964c-36.36%200-66.286-28.965-70.89-61.965h30.61l-38.87-50-37.534%2050h29.48c4.695%2042%2041.716%2078%2087.204%2078%2020.9%200%2041.17-7.567%2057.076-21.22l2.37-2.158-11.6-11.662-2.03%201.648zM315.736%20198.885c-16.188-14.775-37.402-22.84-59.736-22.84-20.9%200-41.17%207.557-57.075%2021.207l-2.37%202.052%2011.598%2011.61%202.033-1.706c12.927-10.872%2029.197-17.005%2045.814-17.005%2036.343%200%2066.274%2028.797%2070.89%2063.797h-30.643l38.846%2051.225L372.72%20256h-29.513c-2.24-20-11.932-42.936-27.47-57.115z%22%2F%3E%3Cpath%20d%3D%22M417.5%20160h-61.725c-32.105-36-42.22-48-54.525-48h-88.5c-12.314%200-22.167%2012-54.52%2048H145v-16h-34v16H97.5C79.855%20160%2064%20173.217%2064%20190.684v176.018C64%20384.17%2079.855%20400%2097.5%20400h320c17.645%200%2030.5-15.83%2030.5-33.3V190.685C448%20173.217%20435.145%20160%20417.5%20160zM432%20366.7c0%209.264-6.23%2017.3-14.5%2017.3h-320c-8.738%200-17.5-8.664-17.5-17.3V190.685C80%20182.518%2088.126%20176%2097.5%20176h66.862c2.01%200%203.225-.2%205.768-3.2s7.702-10.008%2011.08-13.795c11.296-12.666%2019.457-21.915%2025.316-27.132%204.746-4.225%206.21-3.873%206.225-3.873h88.5c.017%200%201.612-.363%206.71%204.22%206.14%205.52%2014.705%2016.84%2026.558%2030.197%202.888%203.255%207.214%208.11%209.317%2010.44s4.252%203.143%205.77%203.143H417.5c8.832%200%2014.5%205.965%2014.5%2014.684V366.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-reverse-camera-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-reverse-camera-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-reverse-camera-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-reverse-camera-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-reverse-camera-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M417.5%20160h-61.725c-32.105-36-42.22-48-54.525-48h-88.5c-12.314%200-22.167%2012-54.52%2048H145v-16h-34v16H97.5C79.855%20160%2064%20173.217%2064%20190.684v176.018C64%20384.17%2079.855%20400%2097.5%20400h320c17.645%200%2030.5-15.83%2030.5-33.3V190.685C448%20173.217%20435.145%20160%20417.5%20160zM313.076%20330.782C297.17%20344.434%20276.9%20352%20256%20352c-45.487%200-82.51-36-87.205-78h-29.48l37.535-50%2038.87%2050h-30.61c4.604%2033%2034.53%2061.965%2070.89%2061.965%2016.86%200%2032.7-6.327%2045.815-17.356l2.032-1.648%2011.6%2011.662-2.37%202.158zm22.018-23.557L296.248%20256h30.644c-4.617-35-34.548-63.797-70.89-63.797-16.62%200-32.89%206.133-45.815%2017.005l-2.033%201.706-11.6-11.61%202.372-2.052c15.905-13.65%2036.175-21.206%2057.075-21.206%2022.334%200%2043.55%208.063%2059.737%2022.84%2015.538%2014.178%2025.23%2037.114%2027.47%2057.114h29.512l-37.626%2051.225z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-reverse-camera-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-reverse-camera-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-reverse-camera($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-reverse-camera-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-rewind-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M464%20155v201.9L280.5%20256%20464%20155m-224%201v200.4L64%20256l176-100.2m16-27.8L32%20256l224%20128V260.8L480%20384V128L256%20251.2V128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-rewind-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-rewind-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-rewind-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-rewind-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-rewind-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20128L32%20256l224%20128V260.8L480%20384V128L256%20251.2V128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-rewind-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-rewind-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-rewind($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-rewind-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-ribbon-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2088c39.7%200%2072%2032.3%2072%2072s-32.3%2072-72%2072-72-32.3-72-72%2032.3-72%2072-72m0-16c-48.5%200-88%2039.5-88%2088s39.5%2088%2088%2088%2088-39.5%2088-88-39.5-88-88-88z%22%2F%3E%3Cpath%20d%3D%22M256%2048c29.9%200%2058%2011.7%2079.2%2032.8S368%20130.1%20368%20160s-11.7%2058-32.8%2079.2S285.9%20272%20256%20272s-58-11.7-79.2-32.8S144%20189.9%20144%20160s11.7-58%2032.8-79.2S226.1%2048%20256%2048m0-16c-70.7%200-128%2057.3-128%20128s57.3%20128%20128%20128%20128-57.3%20128-128S326.7%2032%20256%2032z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M150.6%20280.4C179.6%20305.8%20217%20320%20256%20320c2.4%200%204.7-.1%207.1-.2l-21.7%2047.7-35.4%2078-32.3-53.8-4.7-7.8H91.5l59.1-103.5m-3.5-26.2L64%20400h96l48%2080%2048-105.8%2033.6-74.2c-10.8%202.6-22.1%204-33.6%204-43.5%200-82.5-19.3-108.9-49.8zM361.4%20280.4L420.5%20384h-77.6l-4.7%207.8-32.2%2053.8-24.3-53.5%2039.1-85.8c14.7-6.5%2028.5-15.3%2040.6-25.9m3.5-26.2c-15.1%2017.4-34.3%2031.2-56%2039.8l-44.8%2098.1L304%20480l48-80h96l-83.1-145.8z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-ribbon-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-ribbon-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-ribbon-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-ribbon-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-ribbon-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20288c70.7%200%20128-57.3%20128-128S326.7%2032%20256%2032%20128%2089.3%20128%20160s57.3%20128%20128%20128zm0-216c48.5%200%2088%2039.5%2088%2088s-39.5%2088-88%2088-88-39.5-88-88%2039.5-88%2088-88z%22%2F%3E%3Cpath%20d%3D%22M256%20232c39.7%200%2072-32.3%2072-72s-32.3-72-72-72-72%2032.3-72%2072%2032.3%2072%2072%2072zM256%20304c-43.5%200-82.5-19.3-108.9-49.8L64%20400h96l48%2080%2048-105.8%2033.6-74.2c-10.8%202.6-22%204-33.6%204zM364.9%20254.2c-15.1%2017.4-34.3%2031.2-56%2039.8l-44.8%2098.1L304%20480l48-80h96l-83.1-145.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-ribbon-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-ribbon-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-ribbon($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-ribbon-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-rose-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M378.6%20162.1c-28.5%2051.1-16.4%2091.7-5.4%20128.3C378.7%20309%20384%20326.5%20384%20345c0%2029-11.5%2054.2-33.2%2072.7-23.2%2019.8-56%2030.2-94.8%2030.2s-71.5-10.5-94.8-30.2C139.5%20399.2%20128%20374.1%20128%20345c0-28.9%206.8-51.2%2021.4-70%2013-16.8%2032.6-31.6%2063.4-47.9l6.5-3.5c20.2-10.7%2027-14.4%2044-21.9%2031.9-14.2%2066.6-26.4%20103.2-36.3%204-1.1%208.1-2.2%2012.1-3.3m37.4-25c-18.9%203.9-36.8%208.2-53.7%2012.8-40.5%2011-75.5%2023.9-105.4%2037.2-19.3%208.6-26.2%2012.4-51.5%2025.9C147%20243.9%20112%20277.3%20112%20345c0%2067.8%2055.6%20119%20144%20119s144-51.2%20144-119c0-67.7-61-118.7%2016-207.9zM134.5%20134c21.3%206.5%2047.3%2015.7%2069.2%2027.6%205.5%203%2010.5%206%2015%209-4.8%202.4-9.5%204.8-14.1%207.2-7.2%203.8-14.4%207.8-21.2%2011.8-10.7%206.2-20.8%2012.6-30.3%2019-.6-23.4-5.5-49.3-18.6-74.6M96%20107.4c41.5%2043.7%2044.6%2096.5%2039.4%20134.4%2012.8-10.5%2031.2-23.9%2056.1-38.4%206.4-3.8%2013.3-7.6%2020.6-11.4%2011.6-6.1%2023.5-11.9%2035.8-17.4-9.1-10.1-22.1-19.1-36.6-27C162.6%20121.1%2096%20107.4%2096%20107.4zM344.9%2094.3c4.9%206.2%2011.4%2015.1%2016.5%2023.8-29.8%207.9-65.6%2019.6-94.3%2031-5.6-5.5-12.2-10.8-19.6-16%2021.1-17.1%2044.7-26.6%2062.2-31.7%2014.9-4.3%2027.6-6.3%2035.2-7.1m7.1-16.6s-78.6%202.2-130.7%2058c16.6%209.2%2029.7%2019%2039%2029.3l2.7%203c37.2-15.6%2088.1-31.7%20121-39-6.4-21.7-32-51.3-32-51.3zM181.1%2068.9c9%205.5%2022.1%2014.7%2035.3%2028.6-4.5%203.7-8.8%207.5-12.9%2011.5-14.2-6.7-25.1-11.4-36.4-15.3%203.6-7.5%208.3-16%2014-24.8M176%2048c-15.3%2020.8-25.7%2042.1-30.3%2055.7%2021.1%205.9%2035.5%2012.3%2061.4%2024.7%209.5-10.6%2020.4-20.1%2032.6-28.4C210.3%2062.5%20176%2048%20176%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-rose-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-rose-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-rose-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-rose-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-rose-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20137.1c-18.9%203.9-36.8%208.2-53.7%2012.8-40.5%2011-75.5%2023.9-105.4%2037.2-19.3%208.6-26.2%2012.4-51.5%2025.9C147%20243.9%20112%20277.3%20112%20345c0%2067.8%2055.6%20119%20144%20119s144-51.2%20144-119c0-67.7-61-118.7%2016-207.9zM96%20107.4c41.5%2043.7%2044.6%2096.5%2039.4%20134.4%2012.8-10.5%2031.2-23.9%2056.1-38.4%206.4-3.8%2013.3-7.6%2020.6-11.4%2011.6-6.1%2023.5-11.9%2035.8-17.4-9.1-10.1-22.1-19.1-36.6-27C162.6%20121.1%2096%20107.4%2096%20107.4zM352%2077.7s-78.6%202.2-130.7%2058c16.6%209.2%2029.7%2019%2039%2029.3l2.7%203c37.2-15.6%2088.1-31.7%20121-39-6.4-21.7-32-51.3-32-51.3zM176%2048c-15.3%2020.8-25.7%2042.1-30.3%2055.7%2021.1%205.9%2035.5%2012.3%2061.4%2024.7%209.5-10.6%2020.4-20.1%2032.6-28.4C210.3%2062.5%20176%2048%20176%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-rose-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-rose-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-rose($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-rose-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-sad-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064c25.9%200%2051.1%205.1%2074.7%2015.1%2022.9%209.7%2043.4%2023.5%2061%2041.2%2017.6%2017.6%2031.5%2038.2%2041.2%2061%2010%2023.7%2015.1%2048.8%2015.1%2074.7s-5.1%2051.1-15.1%2074.7c-9.7%2022.9-23.5%2043.4-41.2%2061-17.6%2017.6-38.2%2031.5-61%2041.2-23.7%2010-48.8%2015.1-74.7%2015.1s-51.1-5.1-74.7-15.1c-22.9-9.7-43.4-23.5-61-41.2-17.6-17.6-31.5-38.2-41.2-61C69.1%20307.1%2064%20281.9%2064%20256s5.1-51.1%2015.1-74.7c9.7-22.9%2023.5-43.4%2041.2-61%2017.6-17.6%2038.2-31.5%2061-41.2C204.9%2069.1%20230.1%2064%20256%2064m0-16C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048z%22%2F%3E%3Ccircle%20cx%3D%22328%22%20cy%3D%22224%22%20r%3D%2224%22%2F%3E%3Ccircle%20cx%3D%22184%22%20cy%3D%22224%22%20r%3D%2224%22%2F%3E%3Cpath%20d%3D%22M256%20271c-48.3%200-88%2035-96%2081h192c-8-46-47.7-81-96-81z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-sad-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-sad-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-sad-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-sad-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-sad-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm-72%20152c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024-24-10.7-24-24%2010.7-24%2024-24zm-24%20152c8-46%2047.7-81%2096-81s88%2035%2096%2081H160zm168-104c-13.3%200-24-10.7-24-24s10.7-24%2024-24%2024%2010.7%2024%2024-10.7%2024-24%2024z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-sad-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-sad-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-sad($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-sad-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-school-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256.4%2064L32.2%20192%2096%20228.6v127.9L256%20448l160-91.5V228.6l48-27.4V384h16V192L256.4%2064zM248%20425l-136-77.8V237.7l136%2077.7V425zm152-77.8L264%20425V315.4l136-77.7v109.5zM256%20301L64.6%20192l192-109.6L448.1%20192%20256%20301z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-school-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-school-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-school-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-school-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-school-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20244.6v111.9l152%2086.9v-112zM264%20443.4l152-86.9V244.6l-152%2086.8z%22%2F%3E%3Cpath%20d%3D%22M256%2064L32%20192l224%20128%20208-118.9V384h16V192z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-school-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-school-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-school($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-school-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-search-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448.3%20424.7L335%20311.3c20.8-26%2033.3-59.1%2033.3-95.1%200-84.1-68.1-152.2-152-152.2-84%200-152%2068.2-152%20152.2s68.1%20152.2%20152%20152.2c36.2%200%2069.4-12.7%2095.5-33.8L425%20448l23.3-23.3zM120.1%20312.6c-25.7-25.7-39.8-59.9-39.8-96.3s14.2-70.6%2039.8-96.3%2059.9-40%2096.2-40c36.3%200%2070.5%2014.2%2096.2%2039.9s39.8%2059.9%2039.8%2096.3-14.2%2070.6-39.8%2096.3c-25.7%2025.7-59.9%2039.9-96.2%2039.9-36.3.1-70.5-14.1-96.2-39.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-search-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-search-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-search-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-search-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-search-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M344.5%20298c15-23.6%2023.8-51.6%2023.8-81.7%200-84.1-68.1-152.3-152.1-152.3C132.1%2064%2064%20132.2%2064%20216.3c0%2084.1%2068.1%20152.3%20152.1%20152.3%2030.5%200%2058.9-9%2082.7-24.4l6.9-4.8L414.3%20448l33.7-34.3-108.5-108.6%205-7.1zm-43.1-166.8c22.7%2022.7%2035.2%2052.9%2035.2%2085s-12.5%2062.3-35.2%2085c-22.7%2022.7-52.9%2035.2-85%2035.2s-62.3-12.5-85-35.2c-22.7-22.7-35.2-52.9-35.2-85s12.5-62.3%2035.2-85c22.7-22.7%2052.9-35.2%2085-35.2s62.3%2012.5%2085%2035.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-search-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-search-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-search($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-search-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-send-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20249.6l116.6%2051.3L269.8%20416%20416%2096%2096%20249.6zm132.1%2046.9l155.7-166.2-114.6%20248.9-41.1-82.7zm153.7-168.2l-165%20157.1L134%20249l247.8-120.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-send-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-send-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-send-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-send-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-send-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20249.6l106%2046.7L416%2096zM416%2096L217.9%20311.7%20269.8%20416z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-send-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-send-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-send($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-send-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-settings-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M189.2%2083c6.7%208.5%2014.9%2015.8%2024.1%2021.4%2013.3%208.2%2028%2012.5%2042.7%2012.5%2014.7%200%2029.4-4.3%2042.7-12.5%209.2-5.6%2017.3-12.9%2024.1-21.4%204.7%201.7%209.3%203.6%2013.8%205.7-3.2%2024.8%204.3%2046.5%2022.3%2064.4%2017.9%2017.9%2037.4%2026.9%2058%2026.9%202.1%200%204.2-.1%206.3-.3%202.1%204.5%204%209.2%205.8%2013.9-21.9%2016.4-33.9%2038.2-33.9%2062.3%200%2024.2%2011.9%2045.9%2033.8%2062.3-1.7%204.7-3.7%209.4-5.8%2013.9-2.1-.2-4.2-.3-6.2-.3-20.7%200-40.2%209.1-58.1%2026.9-17.9%2018-25.4%2039.7-22.3%2064.4-4.5%202.1-9.1%204-13.8%205.7-6.7-8.5-14.9-15.8-24.1-21.4-13.3-8.2-28-12.5-42.7-12.5s-29.4%204.3-42.7%2012.5c-9.2%205.6-17.3%2012.9-24.1%2021.4-4.7-1.7-9.3-3.6-13.8-5.7%203.2-24.9-4.3-46.5-22.3-64.4-15.3-15.3-33.3-23-53.5-23-3.5%200-7.1.2-10.8.7-2.1-4.5-4-9.1-5.7-13.8%208.5-6.7%2015.8-14.9%2021.5-24.1%208.2-13.3%2012.6-28.1%2012.6-42.7%200-24.2-12-45.9-34-62.4%201.7-4.7%203.7-9.4%205.8-13.9%202.1.2%204.2.3%206.2.3%2020.7%200%2040.2-9.1%2058.1-26.9%2017.9-18%2025.4-39.7%2022.3-64.4%204.4-1.9%209-3.8%2013.7-5.5M256%20368c29.9%200%2058-11.6%2079.2-32.8S368%20285.9%20368%20256s-11.6-58-32.8-79.2S285.9%20144%20256%20144s-58%2011.6-79.2%2032.8S144%20226.1%20144%20256c0%2061.8%2050.2%20112%20112%20112m60.4-304c-13%2022.2-36.4%2036.9-60.4%2036.9-23.9%200-47.4-14.7-60.4-36.9-13.4%204-26.2%209.3-38.2%2015.8%206.5%2024.9%201.3%2045-15.6%2062-13.3%2013.3-28.7%2022.2-46.7%2022.2-4.9%200-9.9-.6-15.2-2-6.6%2012-11.9%2024.8-15.9%2038.2%2022.2%2013%2037%2031.9%2037%2055.8s-14.8%2047.4-37%2060.4c4%2013.4%209.3%2026.2%2015.8%2038.2%206.9-1.8%2013.5-2.7%2019.7-2.7%2016.1%200%2030%206.1%2042.2%2018.3%2017%2016.9%2022.1%2037.1%2015.6%2062%2012.1%206.5%2024.8%2011.8%2038.2%2015.8%2013-22.2%2036.5-36.9%2060.4-36.9s47.4%2014.7%2060.4%2036.9c13.4-4%2026.2-9.3%2038.2-15.8-6.5-24.9-1.3-45%2015.6-62%2013.3-13.3%2028.7-22.2%2046.8-22.2%204.9%200%209.9.6%2015.2%202%206.5-12.1%2011.8-24.9%2015.8-38.2-22.1-13-36.8-31.9-36.8-55.8s14.8-42.8%2036.9-55.8c-4-13.3-9.3-26.2-15.8-38.2-5.3%201.4-10.4%202-15.3%202-18%200-33.3-8.9-46.7-22.2-16.9-16.9-22.1-37.1-15.6-62-12-6.5-24.8-11.8-38.2-15.8zM256%20352c-52.9%200-96-43-96-96s43-96%2096-96%2096%2043%2096%2096-43%2096-96%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-settings-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-settings-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-settings-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-settings-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-settings-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M411.1%20256c0-23.9%2014.8-42.8%2036.9-55.8-4-13.3-9.3-26.2-15.8-38.2-24.9%206.5-45-3.2-62-20.2-16.9-16.9-22.1-37.1-15.6-62-12-6.5-24.8-11.8-38.2-15.8-13%2022.2-36.4%2036.9-60.4%2036.9-23.9%200-47.4-14.7-60.4-36.9-13.4%204-26.2%209.3-38.2%2015.8%206.5%2024.9%201.3%2045-15.6%2062-16.9%2016.9-37.1%2026.7-61.9%2020.2-6.6%2012-11.9%2024.8-15.9%2038.2%2022.2%2013%2037%2031.9%2037%2055.8s-14.8%2047.4-37%2060.4c4%2013.4%209.3%2026.2%2015.8%2038.2%2024.9-6.5%2045-1.3%2061.9%2015.6%2017%2016.9%2022.1%2037.1%2015.6%2062%2012.1%206.5%2024.8%2011.8%2038.2%2015.8%2013-22.2%2036.5-36.9%2060.4-36.9s47.4%2014.7%2060.4%2036.9c13.4-4%2026.2-9.3%2038.2-15.8-6.5-24.9-1.3-45%2015.6-62%2016.9-16.9%2037.1-26.7%2062-20.2%206.5-12.1%2011.8-24.9%2015.8-38.2-22.1-13-36.8-31.9-36.8-55.8zM256%20352c-52.9%200-96-43-96-96s43-96%2096-96%2096%2043%2096%2096-43%2096-96%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-settings-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-settings-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-settings($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-settings-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-share-alt-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M304%20291v67.3l120.5-110.5L304%20133.3v61.9l-13.7%202c-33.7%204.8-63.8%2014.5-89.5%2028.8-23.2%2012.9-43.5%2030-60.4%2050.8-17.4%2021.4-31.6%2047-42.7%2077.1%2016-14.1%2032.7-25.6%2051.2-34.7%2038-18.9%2083.5-28.2%20139.1-28.2h16z%22%2F%3E%3Cpath%20d%3D%22M448%20248L288%2096v85.3C138.7%20202.7%2085.3%20309.3%2064%20416c53.3-74.7%20117.3-108.8%20224-108.8v87.5L448%20248zm-299.1%2071.2c-18.5%209.2-35.2%2020.6-51.2%2034.7%2011.1-30.2%2025.3-55.7%2042.7-77.1%2016.9-20.8%2037.2-37.9%2060.4-50.8%2025.7-14.3%2055.8-24%2089.5-28.8L304%20196v-64l120.5%20115.8L304%20360v-68l-16-1c-55.6%200-101.1%209.3-139.1%2028.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-share-alt-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-share-alt-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-share-alt-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-share-alt-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-share-alt-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20248L288%2096v85.3C138.7%20202.7%2085.3%20309.3%2064%20416c53.3-74.7%20117.3-108.8%20224-108.8v87.5L448%20248z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-share-alt-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-share-alt-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-share-alt($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-share-alt-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-share-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M288%20144v16h112v272H112V160h112v-16H96v304h320V144z%22%2F%3E%3Cpath%20d%3D%22M193.1%20118.1l-11.6-11.6L256%2032l74.5%2074.5-11.6%2011.6-54.7-54.7v243h-16.4v-243z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-share-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-share-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-share-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-share-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-share-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M264%20144v162h-16V144H96v304h320V144zM264%2063.4l54.8%2054.7%2011.6-11.6L256%2032l-74.5%2074.5%2011.7%2011.6L248%2063.4V144h16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-share-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-share-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-share($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-share-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-shirt-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M372.5%2092.6C352%2077.9%20332%2063.9%20310%2063.9s-22%208-54%208-32-8-54-8-42%2014-62.5%2028.7C107.9%20115.3%2048%20179%2048%20179l80%2093.2V448h256V272.6l80-93.7s-59.9-63.6-91.5-86.3zM213.1%2080.8c9.9%200%2025.4%207.3%2042.9%207.3s33.1-7.3%2042.9-7.3c6.9%200%2011.1%203.6%2011.1%2016%200%2023.3-24.2%2044-54%2044s-54-21.3-54-44c0-12.3%204.1-16%2011.1-16zM384%20200.1c0-4.4-3.6-8-8-8s-8%203.6-8%208V432H144V200.1c0-4.4-3.6-8-8-8s-8%203.6-8%208v49.2c-13.6-16-51.4-60.9-58.6-69.6%2018-18.7%2056.9-57.9%2079.5-74.1%2012.9-9.3%2026.2-18.8%2039.2-23.2-1.4%204.1-2.1%208.9-2.1%2014.5%200%2015.7%207.9%2031.3%2021.6%2042.8%2013.3%2011.1%2030.5%2017.2%2048.4%2017.2%2018%200%2035.2-6%2048.4-16.9%2013.7-11.4%2021.6-27.1%2021.6-43.1%200-5.6-.7-10.4-2.1-14.5%2013%204.4%2026.3%2013.9%2039.2%2023.2%2022.6%2016.2%2061.4%2055.4%2079.4%2074.1-7.4%209-46.1%2054.9-58.6%2069.6v-49.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-shirt-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-shirt-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-shirt-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-shirt-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-shirt-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M372.5%2092.7C352%2078%20332%2064%20310%2064s-22%208-54%208-32-8-54-8-42%2014-62.5%2028.7C107.9%20115.4%2048%20179%2048%20179s34.6%2041.3%2051.7%2061c12.7%2014.7%2016%2017.8%2016%200%200-42.7%200-48%206.3-48s6%203.6%206%208v248h256V200c0-4.4-.3-8%206-8s6.3%205.3%206.3%2048c0%2017.8%203.3%2014.7%2016%200%2017-19.7%2051.7-61%2051.7-61s-59.9-63.6-91.5-86.3zM256%20141c-30%200-54-20.7-54-44%200-30%2024-8.7%2054-8.7%2029.8%200%2054-21.3%2054%208.7%200%2023.3-24.2%2044-54%2044z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-shirt-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-shirt-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-shirt($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-shirt-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-shuffle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M443.3%20325.7l-35.6-35.4c-3.1-3.1-8.2-3.1-11.3%200-3.1%203.1-3.1%208.2%200%2011.3L423%20328h-99L198.2%20170.8c-1.5-1.8-3.9-2.8-6.3-2.8H72c-4.4%200-8%203.6-8%208s3.6%208%208%208h116.3l57.3%2072-57.3%2072H72c-4.4%200-8%203.6-8%208s3.6%208%208%208h120c2.4%200%204.6-1%206.1-2.8l57.9-72.7%2057.9%2072.7c1.5%201.8%203.8%202.8%206.1%202.8h105l-26.6%2026.4c-3.1%203.1-3.1%208.2%200%2011.3%201.6%201.6%203.6%202.3%205.7%202.3s4.1-.8%205.7-2.3l33.6-33.4c6.2-6.3%206.2-16.4-.1-22.6z%22%2F%3E%3Cpath%20d%3D%22M323.7%20184h99.2l-26.6%2026.4c-3.1%203.1-3.1%208.2%200%2011.3%203.1%203.1%208.2%203.1%2011.3%200l35.6-35.4c6.2-6.2%206.2-16.3%200-22.5l-33.6-33.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7%202.3c-3.1%203.1-3.1%208.2%200%2011.3l26.6%2026.4H320c-2.4%200-4.6%201-6.1%202.8l-47.3%2060.2%2010.5%2012.4%2046.6-59.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-shuffle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-shuffle-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-shuffle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-shuffle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-skip-backward-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%2096v320h79V274.2L416%20416V96L175%20237.8V96H96zm79.6%20160l7.6-4.4L400%20124v264L183.1%20260.4l-7.5-4.4zM112%20112h47v288h-47V112z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-skip-backward-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-skip-backward-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-skip-backward-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-skip-backward-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-skip-backward-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%2096v320h79V274.2L416%20416V96L175%20237.8V96H96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-skip-backward-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-skip-backward-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-skip-backward($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-skip-backward-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-skip-forward-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M337%2096v141.8L96%2096v320l241-141.8V416h79V96h-79zm-8.1%20164.4L112%20388V124l216.9%20127.6%207.6%204.4-7.6%204.4zM400%20400h-47V112h47v288z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-skip-forward-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-skip-forward-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-skip-forward-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-skip-forward-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-skip-forward-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M337%2096v141.8L96%2096v320l241-141.8V416h79V96h-79z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-skip-forward-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-skip-forward-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-skip-forward($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-skip-forward-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-snow-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M431.7%20348.4l-37.6-21.9c13.1-16.9%2032.1-24.8%2032.4-24.9%204.3-1.7%206.6-6.7%205.2-11.1-1.4-4.4-6.1-6.6-10.4-4.8-1.1.5-25.1%2010.3-41.3%2032.5L273.2%20256l106.7-62.2c16.1%2022.2%2040.2%2032.1%2041.3%2032.5%204.3%201.7%209-.4%2010.4-4.8%201.4-4.4-.9-9.4-5.2-11.1-.2-.1-19.3-7.9-32.4-24.9l37.6-21.9c4.1-2.4%205.5-7.7%203.1-11.9s-7.6-5.6-11.8-3.2l-37.6%2021.9c-7.9-19.8-5.2-40.5-5.1-40.7.7-4.6-2.4-9.2-6.9-10.1-4.5-.9-8.7%202.1-9.3%206.7-.2%201.2-3.5%2027.1%207.5%2052.4L265%20240.9v-124c27-3%2047.5-19%2048.5-19.8%203.7-2.9%204-8%201-11.5-3.1-3.5-8.4-3.9-12-1-.2.1-16.4%2012.9-37.4%2015.8V56.7c0-4.8-4.2-8.7-9-8.7s-9%203.9-9%208.7v43.7c-21-3-37.2-15.7-37.4-15.8-3.7-2.9-9-2.4-12.1%201-3.1%203.5-2.7%208.6.9%2011.5.9.7%2021.5%2016.8%2048.5%2019.8V241l-106.5-62.2c11-25.2%207.5-51.2%207.4-52.4-.7-4.6-4.8-7.6-9.3-6.7-4.5.9-7.6%205.5-6.9%2010.1%200%20.2%202.8%2020.8-5.1%2040.7L89%20148.6c-4.1-2.4-9.4-1-11.8%203.2-2.4%204.2-1%209.5%203.2%2011.9l37.6%2021.9c-13%2016.8-32.1%2024.8-32.3%2024.9-4.3%201.7-6.6%206.7-5.2%2011.1%201.4%204.4%206.1%206.6%2010.4%204.8%201.1-.4%2025.1-10.3%2041.3-32.5L238.8%20256l-106.7%2062.2C116%20296%2091.9%20286.1%2090.8%20285.7c-4.3-1.7-9%20.4-10.4%204.8-1.4%204.4.9%209.4%205.2%2011.1.2.1%2019.3%208%2032.3%2024.9l-37.6%2021.9c-4.1%202.4-5.5%207.7-3.1%2011.9s7.6%205.6%2011.8%203.2l37.6-21.9c8%2019.9%205.2%2040.5%205.1%2040.7-.7%204.6%202.4%209.2%206.9%2010.1%204.5.9%208.7-2.1%209.3-6.7.2-1.2%203.5-27.1-7.5-52.4L247%20271.1v124.1c-27%203-47.5%2019-48.5%2019.8-3.7%202.9-4%208-1%2011.5%203.1%203.5%208.4%203.9%2012%201%20.2-.1%2016.4-12.8%2037.4-15.8v43.7c0%204.8%204.2%208.7%209%208.7s9-3.9%209-8.7v-43.7c21%203%2037.2%2015.7%2037.4%2015.8%203.7%202.9%209%202.4%2012.1-1%203.1-3.5%202.7-8.6-.9-11.5-.9-.7-21.5-16.8-48.5-19.8V271.1l106.5%2062.2c-11%2025.2-7.5%2051.2-7.4%2052.4.7%204.6%204.8%207.6%209.3%206.7%204.5-.9%207.6-5.5%206.9-10.1%200-.2-2.8-20.9%205.1-40.7l37.6%2021.9c4.1%202.4%209.4%201%2011.8-3.2%202.4-4.2%201-9.5-3.1-11.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-snow-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-snow-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-snow-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-snow-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-snow-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M435.7%20341.5l-29.1-17c10.7-10.4%2022.7-15.4%2022.8-15.5%208.3-3.3%2012.6-12.6%209.8-21-2.1-6.5-8.2-10.9-15-10.9-2.1%200-4.1.4-6%201.2-2.5%201-23.5%209.9-40.3%2029.5L290.1%20256l87.9-51.8c17.1%2020.1%2039.2%2029.1%2040.3%2029.6%201.9.8%204%201.2%206%201.2%206.8%200%2012.8-4.4%2015-10.9%202.8-8.5-1.5-17.7-9.8-21-.1-.1-12.2-5.1-22.9-15.5l29.1-17c7.9-4.6%2010.6-14.8%206.1-22.8-3-5.2-8.5-8.4-14.4-8.4-2.9%200-5.8.8-8.3%202.3l-29%2016.9c-3.5-14.5-1.8-27.5-1.8-27.6%201.3-8.9-4.5-17.3-13.2-19.1-1.1-.2-2.2-.3-3.3-.3-7.8%200-14.3%205.6-15.6%2013.4l-.1.3c-2.4%2010.4-3.1%2030.8%203.5%2050.9L273%20227.3V123.7c25-4.7%2041.8-16.3%2044.4-18.4%204.2-3.3%206.9-8.1%207.4-12.8.3-3.8-.9-7.5-3.3-10.3-3.2-3.6-8.4-5.6-14.3-5.6-4.4%200-8.4%201.2-11.4%203.4-1.4.9-8.8%206.5-22.8%2010.5V56.7c0-9-7.8-16.7-17-16.7s-17%207.6-17%2016.7v33.7c-11-3.7-18.6-8.7-22.7-11.4-4.1-2.8-9.1-4.2-12.1-4.2-2.9%200-9.8.1-13.7%206.6-3%204.9-2.8%209.2-2.4%2011.8.5%202.9%201.9%206.3%205.5%2010.2%203.6%203.9%2023.4%2016.1%2045.4%2020.3v103l-91.6-51.3c9.4-26%207.4-49.9%207.4-50.2-1.2-8.2-7-13.7-14.6-13.7-1.1%200-2.2.1-3.2.3-8.5%201.8-14%2010-12.7%2019.1.1.6%201.9%2013.3-1.6%2027.6l-29.8-16.9c-2.5-1.5-5.4-2.3-8.3-2.3-5.9%200-11.4%203.2-14.4%208.4-4.5%207.9-1.8%2018.1%206.1%2022.8l29.1%2017c-10.7%2010.3-22.7%2015.4-22.8%2015.5-8.3%203.3-12.6%2012.6-9.8%2021%202.1%206.5%208.2%2010.9%2015%2010.9%202.1%200%204.1-.4%206-1.2%201-.4%2023.1-9.5%2040.3-29.6l89.9%2051.8-89.9%2051.8c-16.7-19.7-37.7-28.5-40.3-29.5-1.9-.8-4-1.2-6-1.2-6.8%200-12.8%204.4-15%2010.9-2.8%208.5%201.5%2017.7%209.7%2021%20.1.1%2012.2%205.2%2022.9%2015.5l-29.1%2017c-7.9%204.6-10.6%2014.8-6.1%2022.8%203%205.2%208.5%208.4%2014.4%208.4%202.9%200%205.8-.8%208.3-2.3l29-16.9c3.5%2014.5%201.8%2027.5%201.8%2027.6-1.3%208.9%204.5%2017.2%2013.2%2019.1%201.1.2%202.2.3%203.3.3%207.9%200%2014.5-5.8%2015.6-13.7.5-3.4%203.2-26.8-5.4-50.2l88.6-51.3v103c-21%204.2-39.8%2016.4-45.4%2021.3l-.1.1c-2.9%202.3-4.6%205.6-4.9%209.3-.4%204.6%201.4%209.6%205.1%2013.7%201.2%201.4%205%205.6%2010.8%205.6%203.1%200%206.1-1.2%209.2-3.6l.5-.4c1-.9%2013-8.8%2025-12.7v33.7c0%209%207.8%2016.7%2017%2016.7s17-7.6%2017-16.7v-33.9c15%204%2022.2%2010.6%2023.8%2011.6%202.9%202.2%206.8%203.3%2010.9%203.3%205.6%200%2010.6-2%2013.7-5.6%202.3-2.7%203.5-6.1%203.2-9.6-.4-4.7-3.5-9.7-8.1-13.4-.2-.2-16.5-14.4-43.5-19.4V285.7l86.6%2051.1c-7.2%2021.3-4.8%2041.6-3.3%2049.8v.2c1.2%207.8%206.3%2013.6%2014.5%2013.6%201.1%200%202.2-.1%203.3-.3%208.8-1.8%2014.9-10.3%2013.7-19-.1-.8-1.4-13.6%202-27.8l29.1%2017.1c2.5%201.5%205.4%202.5%208.3%202.5%206%200%2011.5-3.4%2014.4-8.6%204.5-7.8%201.8-18.2-6.1-22.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-snow-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-snow-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-snow($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-snow-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-speedometer-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064C132.288%2064%2032%20164.226%2032%20287.938c0%2056.975%2021.283%20108.97%2056.316%20148.5%203.55%204.006%207.24%207.82%2011.066%2011.562%203.06-3.49%206.232-6.834%209.54-10.14.48-.48.97-.948%201.455-1.423%2018.78-18.426%2040.52-32.95%2064.664-43.16%2025.634-10.843%2052.872-16.34%2080.96-16.34s55.324%205.497%2080.957%2016.34c24.144%2010.21%2045.884%2024.734%2064.664%2043.16.485.475.977.94%201.457%201.422%203.307%203.306%206.48%206.65%209.54%2010.14%203.824-3.742%207.515-7.557%2011.065-11.562%2035.033-39.53%2056.316-91.525%2056.316-148.5C480%20164.226%20379.712%2064%20256%2064zm191.66%20305.177c-8.662%2020.48-20.428%2039.092-35.043%2055.776-40.39-39.51-95.653-63.945-156.617-63.945s-116.228%2024.33-156.617%2063.84c-14.615-16.685-26.38-35.172-35.044-55.653A206.047%20206.047%200%200%201%2048.165%20296.5H79.5v-16H48.166c.945-25%206.363-50.047%2016.173-73.238%209.37-22.157%2022.375-42.43%2038.69-60.11l26.933%2026.893%205.496-5.538%205.276-5.264-.02-.027.547-.552-26.95-26.984c17.86-16.647%2038.003-29.894%2060.478-39.4a206.128%20206.128%200%200%201%2072.71-16.174V117.5h16V80.104c26%20.945%2050.016%206.363%2073.207%2016.173%2022.437%209.49%2042.92%2022.706%2060.762%2039.312l-26.976%2027.068.577.547-.003.02%205.285%205.245%205.5%205.503%2027.026-27.057c16.356%2017.703%2029.392%2038.148%2038.78%2060.345%209.81%2023.192%2015.23%2048.24%2016.174%2073.24H431.5v16h32.334a205.96%20205.96%200%200%201-16.173%2072.677z%22%2F%3E%3Cpath%20d%3D%22M368.48%20174.545l-85.485%2073.727A47.72%2047.72%200%200%200%20256%20239.938c-26.466%200-48%2021.533-48%2048%200%2010.48%203.386%2020.178%209.107%2028.08l-11.948%2011.948%2011.31%2011.313%2012.034-12.034c7.795%205.47%2017.273%208.69%2027.496%208.69%2026.467%200%2048-21.532%2048-48%200-10.386-3.327-20.004-8.956-27.867l74.85-84.11-1.415-1.415zM256%20319.938c-17.673%200-32-14.326-32-32%200-17.673%2014.327-32%2032-32s32%2014.327%2032%2032c0%2017.673-14.327%2032-32%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-speedometer-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-speedometer-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-speedometer-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-speedometer-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-speedometer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M417%20278.742V278h29.814c-.93-23-6.056-45.61-14.83-66.15-8.644-20.23-20.504-38.666-35.258-54.563l-24.867%2024.646-11.23-10.992%2024.788-24.678c-16.187-14.836-34.86-26.742-55.515-35.392C308.48%20101.897%20286%2097.092%20263%2096.186V130h-15V96.186c-23%20.894-44.95%205.7-66.404%2014.685-20.353%208.524-38.958%2020.458-55.315%2035.472l24.797%2024.583-.55.55.002.005-.29.335-10.27%2010.203-24.78-24.48c-14.77%2015.933-26.604%2034.244-35.176%2054.31C71.24%20232.388%2066.117%20255%2065.187%20278H94v16H65.187c.926%2022%205.915%2044.432%2014.83%2065.297%207.688%2018%2018.397%2034.664%2031.83%2049.926%2038.785-37.377%2089.958-57.928%20144.154-57.928%2054.114%200%20105.287%2020.676%20144.155%2058.135%2013.354-15.175%2024.06-31.98%2031.83-50.166C440.9%20338.396%20445.89%20316%20446.815%20294H417v-15.258zm-113%209.196c0%2026.467-21.533%2048-48%2048-10.223%200-19.7-3.223-27.496-8.69L216.47%20339.28l-11.31-11.313%2011.947-11.948c-5.722-7.903-9.106-17.603-9.106-28.08%200-26.468%2021.534-48%2048-48a47.72%2047.72%200%200%201%2026.995%208.333l73.484-65.727%201.413%201.414-62.85%2076.11c5.63%207.863%208.957%2017.48%208.957%2027.868z%22%2F%3E%3Cpath%20d%3D%22M256%2064C132.288%2064%2032%20164.226%2032%20287.938c0%2056.975%2021.283%20108.97%2056.316%20148.5%203.55%204.006%207.24%207.82%2011.066%2011.562h22.193c31.713-39.103%2080.144-64.096%20134.424-64.096S358.71%20408.897%20390.423%20448h22.193c3.825-3.742%207.516-7.557%2011.066-11.562%2035.033-39.53%2056.316-91.525%2056.316-148.5C480%20164.226%20379.71%2064%20256%2064zm154.744%20356.797c-3.05%203.408-6.392%206.863-10.213%2010.564l-.375.366-.348-.393c-2.63-2.97-5.493-5.985-8.76-9.22-.274-.27-.554-.54-.833-.807l-.504-.485c-17.258-16.765-37.234-29.966-59.375-39.237C306.8%20371.727%20281.79%20366.73%20256%20366.73c-25.792%200-50.802%204.997-74.337%2014.853-22.14%209.27-42.117%2022.473-59.375%2039.238l-.504.486c-.28.268-.558.535-.833.807-3.265%203.234-6.13%206.25-8.758%209.22l-.348.393-.377-.365c-3.82-3.7-7.162-7.155-10.212-10.563-33.514-37.44-51.97-85.63-51.97-135.685%200-54.666%2021.5-106.053%2060.544-144.694C148.87%20101.778%20200.78%2080.5%20256%2080.5c55.22%200%20107.13%2021.28%20146.17%2059.918%2039.043%2038.642%2060.545%2090.03%2060.545%20144.694%200%2050.056-18.456%2098.243-51.97%20135.685z%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22287.938%22%20r%3D%2232%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-speedometer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-speedometer-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-speedometer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-speedometer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-square-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M216%20357c.4%200%20.4-.1%200-.2-.4.1-.5.2%200%20.2z%22%2F%3E%3Cpath%20d%3D%22M432%2080v352H80V80h352m16-16H64v384h384V64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-square-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-square-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-square-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-square-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-square-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M216%20357c.4%200%20.4-.1%200-.2-.4.1-.5.2%200%20.2z%22%2F%3E%3Cpath%20d%3D%22M448%2064H64v384h384V64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-square-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-square-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-square($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-square-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-star-half-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M172.248%20304.93L117.57%20464.005%20256%20365.37l138.445%2098.634-54.685-159.067L480%20207H308.613L256%2048.005%20203.402%20207H32l140.248%2097.93zM256%20100.75L297%20224h131l-108%2074.71%2042.623%20122.482L256%20345.257V100.75z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-star-half-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-star-half-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-star-half($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-star-half-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-star-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20207H308.6L256%2047.9%20203.4%20207H32l140.2%2097.9L117.6%20464%20256%20365.4%20394.4%20464l-54.7-159.1L480%20207zM362.6%20421.2l-106.6-76-106.6%2076L192%20298.7%2084%20224h131l41-123.3L297%20224h131l-108%2074.6%2042.6%20122.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-star-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-star-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-star-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-star-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-star-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20207H308.6L256%2047.9%20203.4%20207H32l140.2%2097.9L117.6%20464%20256%20365.4%20394.4%20464l-54.7-159.1L480%20207z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-star-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-star-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-star($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-star-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-stats-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M176%20448h64V64h-64v384zm16-368h32v352h-32V80zM80%20448h64V288H80v160zm16-144h32v128H96V304zM272%20448h64V224h-64v224zm16-208h32v192h-32V240zM368%20128v320h64V128h-64zm48%20304h-32V144h32v288z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-stats-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-stats-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-stats-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-stats-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-stats-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M176%20448h64V64h-64v384zM80%20448h64V288H80v160zM272%20448h64V224h-64v224zM368%20128v320h64V128h-64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-stats-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-stats-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-stats($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-stats-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-stopwatch-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M397.6%20146.7l-1.8-1.7h18.4l8.5%207.8%2022.5-22.8-40.8-40.3-23.2%2022.3%208.8%209.2v18.6l-5-4.7c-31.3-28.3-70-45.2-113-48.9V48h-32v38h-2c-43.7%203-85%2022.5-116%2053v-17.8l8.9-9.2L108%2089.8%2067.2%20130l22.5%2022.8%208.5-7.8H116c-.3%200-.7.7-1%201.1-32.8%2035.1-51%2080.9-51%20128.5C64%20379%20150.1%20464%20256.1%20464%20361.9%20464%20448%20379.1%20448%20274.7c0-47.6-18-93.1-50.4-128zm-141.3%20299c-95.5%200-173.1-76.7-173.1-170.9%200-94.3%2077.7-170.9%20173.1-170.9%2095.5%200%20173.1%2076.7%20173.1%20170.9.1%2094.2-77.6%20170.9-173.1%20170.9z%22%2F%3E%3Cpath%20d%3D%22M264%20257.3V128h-16v129.4c-12.5%204.3-24%2016.5-24%2030.3%200%2014.7%2010%2027%2024%2030.5l8%2017.8%208-17.8c14-3.5%2024-15.8%2024-30.5%200-14.5-10.5-26.7-24-30.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-stopwatch-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-stopwatch-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-stopwatch-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-stopwatch-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-stopwatch-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M397.6%20146.7l-1.8-1.7h18.4l8.5%207.8%2022.5-22.8-40.8-40.3-23.2%2022.3%208.8%209.2v18.6l-5-4.7c-31.3-28.3-70-45.2-113-48.9V48h-32v38h-2c-43.7%203-85%2022.5-116%2053v-17.8l8.9-9.2L108%2089.8%2067.2%20130l22.5%2022.8%208.5-7.8H116c-.3%200-.7.7-1%201.1-32.8%2035.1-51%2080.9-51%20128.5C64%20379%20150.1%20464%20256.1%20464%20361.9%20464%20448%20379.1%20448%20274.7c0-47.6-18-93.1-50.4-128zM264%20318.2l-8%2017.8-8-17.8c-14-3.5-24-15.8-24-30.5%200-13.8%2011.5-26%2024-30.3V128h16v129.3c13.5%203.7%2024%2015.9%2024%2030.4%200%2014.7-10%2027-24%2030.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-stopwatch-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-stopwatch-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-stopwatch($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-stopwatch-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-subway-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M347.2%20464H370l-49.3-48h-22.8l16.1%2016H198l16.1-16h-22.8L142%20464h22.8l17.1-16h148.2zM200%2072h112c4.4%200%208%203.6%208%208s-3.6%208-8%208H200c-4.4%200-8-3.6-8-8s3.6-8%208-8z%22%2F%3E%3Cpath%20d%3D%22M344%2064c26.5%200%2048%2021.5%2048%2048v224c0%2026.5-21.5%2048-48%2048H168c-26.5%200-48-21.5-48-48V112c0-26.5%2021.5-48%2048-48h176M168%20256h178c17.6%200%2032-14.4%2032-32v-96c0-17.6-14.3-32-32-32H168c-17.6%200-32%2014.4-32%2032v96c0%2017.6%2014.3%2032%2032%2032m168.5%20119.5c24.3%200%2044-19.7%2044-44s-19.7-44-44-44-44%2019.7-44%2044%2019.7%2044%2044%2044m-160%200c24.3%200%2044-19.7%2044-44s-19.7-44-44-44-44%2019.7-44%2044%2019.7%2044%2044%2044M344%2048H168c-35.3%200-64%2028.7-64%2064v224c0%2035.3%2028.7%2064%2064%2064h176c35.3%200%2064-28.7%2064-64V112c0-35.3-28.7-64-64-64zM168%20240c-8.8%200-16-7.2-16-16v-96c0-8.8%207.2-16%2016-16h178c8.8%200%2016%207.2%2016%2016v96c0%208.8-7.2%2016-16%2016H168zm168.5%20119.5c-15.5%200-28-12.5-28-28s12.5-28%2028-28%2028%2012.5%2028%2028-12.5%2028-28%2028zm-160%200c-15.5%200-28-12.5-28-28s12.5-28%2028-28%2028%2012.5%2028%2028-12.5%2028-28%2028z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-subway-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-subway-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-subway-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-subway-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-subway-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M344%2048H168c-35.2%200-64%2028.8-64%2064v224c0%2035.2%2028.8%2064%2064%2064h176c35.2%200%2064-28.8%2064-64V112c0-35.2-28.8-64-64-64zM200%2072h112c4.4%200%208%203.6%208%208s-3.6%208-8%208H200c-4.4%200-8-3.6-8-8s3.6-8%208-8zm-32%20304c-15.5%200-28-12.5-28-28s12.5-28%2028-28%2028%2012.5%2028%2028-12.5%2028-28%2028zm176%200c-15.5%200-28-12.5-28-28s12.5-28%2028-28%2028%2012.5%2028%2028-12.5%2028-28%2028zm40-152c0%208.8-7.2%2016-16%2016H144.2c-8.8%200-16.2-7.2-16.2-16v-95.8c0-8.8%207.4-16.2%2016.2-16.2H368c8.8%200%2016%207.4%2016%2016.2V224zM369.2%20464H392l-49.3-48h-22.8l16.1%2016H176l16.1-16h-22.8L120%20464h22.8l17.1-16h192.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-subway-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-subway-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-subway($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-subway-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-sunny-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M248%20400h16v64h-16zM248%2048h16v64h-16zM48%20248h64v16H48zM400%20248h64v16h-64z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M148.452%20352.163l11.313%2011.314-45.254%2045.254-11.313-11.312zM397.49%20103.262l11.313%2011.313-45.255%2045.255-11.313-11.314z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M159.905%20148.52l-11.314%2011.313-45.253-45.254%2011.313-11.315zM408.67%20397.42l-11.313%2011.315-45.255-45.255%2011.314-11.313z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20d%3D%22M256%20176c44.1%200%2080%2035.9%2080%2080s-35.9%2080-80%2080-80-35.9-80-80%2035.9-80%2080-80m0-16c-52.9%200-96%2043.1-96%2096s43.1%2096%2096%2096%2096-43.1%2096-96-43.1-96-96-96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-sunny-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-sunny-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-sunny-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-sunny-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-sunny-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M248%20400h16v64h-16zM248%2048h16v64h-16zM48%20248h64v16H48zM400%20248h64v16h-64z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M148.452%20352.163l11.313%2011.314-45.254%2045.254-11.313-11.312zM397.49%20103.262l11.313%2011.313-45.255%2045.255-11.313-11.314z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M159.905%20148.52l-11.314%2011.313-45.253-45.254%2011.313-11.315zM408.67%20397.42l-11.313%2011.315-45.255-45.255%2011.314-11.313z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20d%3D%22M256%20160c-52.9%200-96%2043.1-96%2096s43.1%2096%2096%2096%2096-43.1%2096-96-43.1-96-96-96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-sunny-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-sunny-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-sunny($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-sunny-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-swap-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M389.5%2093l-11.3%2011.6L449%20176H192v16h257l-70.8%2070.9%2011.3%2011.2%2090.5-90.6zM122.5%20236.9l11.3%2011.6L63%20320h257v16H63l70.8%2070.9-11.3%2011.1L32%20327.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-swap-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-swap-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-swap($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-swap-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-switch-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M144%20320c26.5%200%2048%2021.5%2048%2048s-21.5%2048-48%2048-48-21.5-48-48%2021.5-48%2048-48m0-16c-35.3%200-64%2028.7-64%2064s28.7%2064%2064%2064%2064-28.7%2064-64-28.7-64-64-64z%22%2F%3E%3Cpath%20d%3D%22M367.2%20288c44.4%200%2080.6%2036.1%2080.6%2080.5s-36%2079.5-80.4%2079.5h-223c-44.4%200-80.5-35.1-80.5-79.5S100%20288%20144.4%20288H367m.5-16h-223C91.2%20272%2048%20315.2%2048%20368.5S91.2%20464%20144.5%20464h223c53.3%200%2096.5-42.2%2096.5-95.5S420.8%20272%20367.5%20272z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M368%2096c26.5%200%2048%2021.5%2048%2048s-21.5%2048-48%2048-48-21.5-48-48%2021.5-48%2048-48m0-16c-35.3%200-64%2028.7-64%2064s28.7%2064%2064%2064%2064-28.7%2064-64-28.7-64-64-64z%22%2F%3E%3Cpath%20d%3D%22M145%2064h222.5c44.4%200%2080.5%2036.1%2080.5%2080.5S411.9%20224%20367.5%20224h-223c-44.4%200-80.4-35.1-80.4-79.5S100.4%2064%20144.8%2064m-.3-16C91.2%2048%2048%2091.2%2048%20144.5S91.2%20240%20144.5%20240h223c53.3%200%2096.5-42.2%2096.5-95.5S420.8%2048%20367.5%2048h-223z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-switch-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-switch-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-switch-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-switch-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-switch-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M367.5%20272h-223C91.2%20272%2048%20315.2%2048%20368.5S91.2%20464%20144.5%20464h223c53.3%200%2096.5-42.2%2096.5-95.5S420.8%20272%20367.5%20272zM144%20432c-35.3%200-64-28.7-64-64s28.7-64%2064-64%2064%2028.7%2064%2064-28.7%2064-64%2064zM144.5%20240h223c53.3%200%2096.5-42.2%2096.5-95.5S420.8%2048%20367.5%2048h-223C91.2%2048%2048%2091.2%2048%20144.5S91.2%20240%20144.5%20240zM368%2080c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064-64-28.7-64-64%2028.7-64%2064-64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-switch-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-switch-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-switch($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-switch-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-sync-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M493.4%20256l-31.8%2031.8c9.7-63-9.8-130.2-58.5-178.9-81.2-81.2-213-81.3-294.2%200-16.3%2016.3-29.3%2034.5-39%2054l15.5%207.8c8.9-17.9%2020.8-34.7%2035.7-49.6%2074.3-74.3%20195.3-74.3%20269.7.1%2045.6%2045.6%2063.2%20108.6%2052.9%20168L409.6%20256l-10.8%2010.8L452%20320l52.7-52.7-11.3-11.3zM390.8%20390.8c-74.3%2074.3-195.3%2074.4-269.7%200C75.6%20345.2%2058%20281.9%2068.3%20222.9l33.1%2033.1%2011.3-11.3L60%20192%207.3%20244.7%2018.6%20256l31.8-31.8c-9.8%2063.4%209.7%20130.2%2058.4%20178.9%2081.2%2081.2%20213%2081.2%20294.2%200%2016.3-16.3%2029.3-34.6%2039-54l-15.5-7.8c-8.9%2017.9-20.8%2034.6-35.7%2049.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-sync-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-sync-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-sync($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-sync-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-tablet-landscape-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20110v292c0%207.8%206.1%2014%2014%2014h420c7.9%200%2014-6.2%2014-14V110c0-7.8-6.1-14-14-14H46c-7.9%200-14%206.3-14%2014zm16.7%20146.4c0-3.9%203.1-7%207-7s7%203.1%207%207-3.1%207-7%207c-3.8%200-7-3.2-7-7zM470%20256c0%207.7-6.5%2014-14.1%2014-7.5%200-14-6.2-14-14%200-7.7%206.4-14.1%2014-14.1%207.6.1%2014.1%206.4%2014.1%2014.1zm-38-144v288H80V112h352z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-tablet-landscape-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-tablet-landscape-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-tablet-landscape($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-tablet-landscape-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-tablet-portrait-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M402%2032H110c-7.8%200-14%206.1-14%2014v420c0%207.9%206.2%2014%2014%2014h292c7.8%200%2014-6.1%2014-14V46c0-7.9-6.3-14-14-14zM255.6%2048.7c3.9%200%207%203.1%207%207s-3.1%207-7%207-7-3.1-7-7c0-3.8%203.2-7%207-7zM256%20470c-7.7%200-14-6.5-14-14.1%200-7.5%206.2-14%2014-14%207.7%200%2014.1%206.4%2014.1%2014-.1%207.6-6.4%2014.1-14.1%2014.1zm144-38H112V80h288v352z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-tablet-portrait-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-tablet-portrait-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-tablet-portrait($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-tablet-portrait-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-tennisball-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M464%20256c0-114.863-93.13-208-208-208-114.863%200-208%2093.136-208%20208%200%20114.863%2093.137%20208%20208%20208%202.54%200%205.068-.062%207.587-.152a202.8%20202.8%200%200%200%204.258-.19c.85-.048%201.698-.105%202.547-.162.64-.044%201.28-.08%201.917-.13%201.353-.104%202.704-.22%204.054-.352v-.01c97.47-9.473%20175.23-86.228%20186.274-183.222h.057a208.68%20208.68%200%200%200%201.196-16.05h-.048c.095-2.566.158-5.14.158-7.732zm-17.335%200c0%202.568-.066%205.12-.167%207.664-23.64-1.076-46.677-6.106-68.616-15.005-25.79-10.46-48.938-25.832-68.797-45.692-19.86-19.86-35.233-43.007-45.692-68.797-8.903-21.955-13.935-45.013-15.006-68.67%202.527-.1%205.063-.164%207.614-.164%20105.13%200%20190.665%2085.533%20190.665%20190.664zm-381.328%200c0-1.318.023-2.63.05-3.942%2022.476%201.38%2044.388%206.337%2065.3%2014.817%2025.79%2010.458%2048.938%2025.83%2068.798%2045.69s35.232%2043.008%2045.69%2068.8c8.475%2020.895%2013.43%2042.79%2014.815%2065.248-1.328.027-2.656.05-3.99.05-105.13%200-190.664-85.533-190.663-190.663zm210.606%20189.623c-3.273-52.566-24.974-104.198-65.145-144.37-40.186-40.185-91.84-61.888-144.427-65.15%209.173-88.052%2078.52-158.477%20166.075-169.312%202.595%2053.64%2024.36%20106.526%2065.326%20147.49%2040.95%2040.953%2093.812%2062.714%20147.434%2065.323-10.853%2087.515-81.247%20156.83-169.26%20166.02z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-tennisball-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-tennisball-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-tennisball-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-tennisball-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-tennisball-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M48.05%20251.556c0%20.04-.003.077-.004.116h.003v-.116zM260.31%20463.915c.067-.002.134-.006.2-.007-.066%200-.133%200-.2.004v.003z%22%2F%3E%3Cpath%20d%3D%22M256%2048c-2.586%200-5.29.065-7.852.16l-.148-.007v.006c-5%20.198-10%20.6-16%201.204v-.008c0%20.005.083.008.072.012-96.974%2011.06-173.654%2088.975-183.13%20186.41-.004.018.045.222.042.222h.007c-.512%205-.825%2010-.935%2016h-.004l.004-.152c-.028%201.43-.054%202.777-.054%204.215C48%20370.915%20140.977%20464%20255.84%20464c6.857%200%2014.16-.382%2020.16-1.03v.006c0-.004.213-.008.24-.014%2097.436-9.486%20175.247-86.086%20186.312-183.036.004-.014.088.074.092.074h-.008c.89-8%201.363-15.86%201.363-23.904C464%20141.246%20370.87%2048%20256%2048zM130.63%20266.854c-20.895-8.474-42.788-13.43-65.244-14.816.11-5.374.438-10.695.986-15.952%2052.568%203.275%20104.203%2024.977%20144.375%2065.146%2040.172%2040.17%2061.876%2091.798%2065.152%20144.36-5.258.548-10.58.876-15.955.985-1.385-22.453-6.342-44.344-14.816-65.236-10.46-25.79-25.835-48.938-45.697-68.796-19.86-19.86-43.01-35.233-68.803-45.69zm167.092-52.588c-40.964-40.96-62.73-93.835-65.332-147.467%205.25-.652%2010.568-1.08%2015.94-1.293%201.074%2023.65%206.106%2046.702%2015.008%2068.654%2010.46%2025.79%2025.835%2048.935%2045.696%2068.794%2019.862%2019.86%2043.01%2035.232%2068.803%2045.69%2021.954%208.902%2045.008%2013.934%2068.66%2015.008-.213%205.37-.643%2010.69-1.293%2015.94-53.64-2.603-106.518-24.367-147.482-65.327z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-tennisball-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-tennisball-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-tennisball($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-tennisball-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-text-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20112c97%200%20176%2062%20176%20138.3%200%2035.9-17.6%2069.2-49.5%2093.9-32.8%2025.4-77.4%2039.3-125.5%2039.3-28.9%200-51-3-69.7-9.3-.6-.2-1.3-.5-2-.7-.3-.1-.6-.2-.8-.2-4.7-1.4-9.7-2.1-14.7-2.1-5.6%200-11.1.9-16.3%202.6l-.3.1c-.6.2-8.9%203.3-11%204.3l-39.6%2017.2c13.8-43.9%2013.8-44.8%2013.8-47.6%200-7.1-2.2-14.1-6.3-20.2-.5-.7-1-1.4-1.6-2.1-.7-.9-1.3-1.7-1.8-2.3-17.4-21.9-26.6-47.1-26.6-73C80%20174%20159%20112%20256%20112m0-16C149.9%2096%2064%20165.1%2064%20250.3c0%2030.7%2011.2%2059.3%2030.4%2083.3.9.9%202.9%203.8%203.6%204.9%200%200-1-1.6-1.1-1.9%202.3%203.3%203.6%207.1%203.6%2011.2%200%201.4-17.9%2058-17.9%2058-1.3%204.4%202.1%208.9%207.6%2010%20.8.2%201.6.2%202.4.2%201.3%200%202.5-.2%203.7-.5l1.6-.6%2050.6-22c.9-.4%209-3.5%2010-3.9l.6-.2s-.1%200-.6.2c3.4-1.2%207.2-1.8%2011.2-1.8%203.6%200%207.1.5%2010.3%201.5.1%200%20.2%200%20.2.1.5.2%201%20.3%201.5.5%2023.1%207.9%2048.4%2010.3%2075.1%2010.3%20106%200%20191-64.1%20191-149.3C448%20165.1%20362%2096%20256%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-text-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-text-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-text-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-text-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-text-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2096C149.9%2096%2064%20165.1%2064%20250.3c0%2030.7%2011.2%2059.3%2030.4%2083.3.9.9%202.9%203.8%203.6%204.9%200%200-1-1.6-1.1-1.9%202.3%203.3%203.6%207.1%203.6%2011.2%200%201.4-17.9%2058-17.9%2058-1.3%204.4%202.1%208.9%207.6%2010%20.8.2%201.6.2%202.4.2%201.3%200%202.5-.2%203.7-.5l1.6-.6%2050.6-22c.9-.4%209-3.5%2010-3.9l.6-.2s-.1%200-.6.2c3.4-1.2%207.2-1.8%2011.2-1.8%203.6%200%207.1.5%2010.3%201.5.1%200%20.2%200%20.2.1.5.2%201%20.3%201.5.5%2023.1%207.9%2048.4%2010.3%2075.1%2010.3%20106%200%20191-64.1%20191-149.3C448%20165.1%20362%2096%20256%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-text-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-text-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-text($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-text-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-thermometer-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M303%20300.3V78.4c0-25.7-21-46.5-47-46.5s-47%2020.8-47%2046.5v221.9c-29%2016.5-48.9%2047.8-48.9%2083.7%200%2053%2043%2096%2096%2096s96-43%2096-96c0-35.9-20.1-67.3-49.1-83.7zm9.5%20140.3C297.4%20455.7%20277.4%20464%20256%20464c-44.2%200-80.1-35.9-80.1-80%200-28.8%2015.8-55.5%2040.8-69.8l8.3-4.6V78.4c0-16.8%2013.9-30.5%2031-30.5s31%2013.7%2031%2030.5V309.5l7.9%204.6c25.4%2014.4%2041%2041.1%2041%2069.9%200%2021.4-8.4%2041.5-23.4%2056.6z%22%2F%3E%3Cpath%20d%3D%22M272%20322V144c0-8.8-7.2-16-16-16s-16%207.2-16%2016v178c-28%207.1-48.1%2032.2-48.1%2062%200%2035.3%2028.6%2064%2064%2064s64.1-28.7%2064.1-64c-.1-29.8-21-54.9-48-62z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-thermometer-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-thermometer-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-thermometer-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-thermometer-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-thermometer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M303%20300.3V78.5c0-25.7-21-46.5-47-46.5s-47%2020.8-47%2046.5v221.9c-29%2016.5-49%2047.8-49%2083.6%200%2053%2042.9%2096%2095.9%2096s96.1-43%2096.1-96c0-36-20-67.3-49-83.7zM256.2%20448c-35.3%200-64-28.6-64-64%200-29.8%2019.8-54.9%2047.8-62V144c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v178c27%207.1%2048.1%2032.2%2048.1%2062%200%2035.3-28.6%2064-63.9%2064z%22%2F%3E%3Ccircle%20cx%3D%22255.8%22%20cy%3D%22384.2%22%20r%3D%2248%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-thermometer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-thermometer-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-thermometer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-thermometer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-thumbs-down-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M214.3%2048c38.5%200%2080.2%204.1%20112.6%208.1%2021.5%202.6%2034.1%207.5%2046.4%2012.1%2015.9%206.1%2031%2011.8%2066.7%2011.8%204.4%200%208%203.6%208%208s-3.6%208-8%208c-38.7%200-55.8-6.5-72.4-12.9-11.8-4.5-23-8.8-42.6-11.2-48.6-6-111.5-11-165.4-4.1-37.4%204.7-56.1%2012.5-62.2%2027.3-2.1%205%20.5%2010.9%202.7%2016.1%201.5%203.5%202.9%206.6%202.9%209.8%200%205.5-4.1%208.9-8.9%2012.8C87.8%20139%2080%20145.4%2080%20154.6c0%209.1%204.8%2014.8%209.4%2020.3%203.7%204.5%207.6%209.1%207.6%2015.1%200%205.6-2.9%209.5-5.3%2012.6-3.2%204.2-6.7%208.9-6.7%2021.4%200%208.8%204.5%2012.5%209.6%2016.8%204.6%203.8%2014.2%2011.8%205.9%2023.8-7.3%2010.5-2.5%2022.6%202.4%2028.1%205.3%206%208.2%207.8%2033.6%206.3%2017.2-1%2054.2-6.8%2078.7-10.6%2011.2-1.8%2019.3-3%2022.4-3.3%204.9-.5%2011.5-1.2%2017.8.4%208.3%202.2%2013.8%207.9%2015.9%2016.6%201.9%207.8-1.5%2014.5-6.1%2023.9-3.7%207.6-8.9%2018-13.5%2033.4-7.3%2024-9.7%2060%201.3%2079.8%202.7%204.9%206.9%207.8%2012.6%208.7%206%20.9%2011-.9%2012.3-1.9%201.5-2.5%204-12.5%206-20.5%203.3-13.1%207.3-32.4%2012.9-44.7%208.2-18.1%2034.7-42.4%2061-65.7%204-3.5%207.4-6.6%209.8-8.8%207.4-6.8%2015.8-19.1%2023.2-30%206-8.8%2011.2-16.5%2015.6-20.8%209.4-9.4%2022.7-15.6%2033.7-15.6%204.4%200%208%203.6%208%208s-3.6%208-8%208c-5.7%200-15.2%203.7-22.3%2010.9-3.3%203.3-8.4%2010.7-13.7%2018.5-7.9%2011.5-16.8%2024.6-25.5%2032.7-2.5%202.4-6.1%205.5-10.1%209.1-17.3%2015.3-49.5%2043.8-57%2060.4-5%2011-8.9%2029.5-12%2042-3.8%2015.3-5.8%2022.8-9.2%2026.8-4.6%205.5-13.4%207.9-24.9%207.9s-20.8-7.2-26.3-17.1c-11.7-21-12.7-59-2.7-92.2%205-16.7%2010.5-27.7%2014.5-35.8%203-6.1%205.4-10.9%204.9-13-1.2-4.8-3.7-6.2-16.4-4.9-2.7.3-11.5%201.7-21.6%203.2-24.8%203.9-62.2%209.7-80.2%2010.8-26.1%201.5-36%20.1-46.4-11.7-10.2-11.5-14.8-31.6-3.7-47.7-.8-.7-1.9-1.7-2.9-2.5C78.7%20248.4%2069%20240.4%2069%20224c0-17.9%206-25.8%2010-31.1.7-.9%201.6-2.2%201.9-2.8-.6-1.1-2.4-3.3-3.8-5-5.2-6.2-13.1-15.7-13.1-30.6%200-16.8%2012.5-27.1%2019.9-33.2.7-.6%201.6-1.3%202.4-2-.3-.6-.6-1.3-.8-1.9-2.8-6.5-7.6-17.3-2.8-28.7%2010.9-26.2%2044.1-33.4%2075.2-37%2016.5-1.7%2036-3.7%2056.4-3.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-thumbs-down-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-thumbs-down-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-thumbs-down-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-thumbs-down-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-thumbs-down-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20154.6c0%2014.9%207.9%2024.3%2013.1%2030.6%201.4%201.6%203.2%203.8%203.8%205-.3.6-1.2%201.9-1.9%202.8-4%205.2-10%2013.2-10%2031.1%200%2016.4%209.7%2024.4%2015.4%2029.1.9.8%202.1%201.7%202.9%202.5-11.1%2016.1-6.5%2036.2%203.7%2047.7%2010.5%2011.8%2020.3%2013.2%2046.4%2011.7%2018-1.1%2055.5-6.9%2080.2-10.8%2010.1-1.6%2018.9-3%2021.6-3.2%2012.7-1.3%2015.2%200%2016.4%204.9.5%202.1-1.9%206.9-4.9%2013-4%208.1-9.5%2019.2-14.5%2035.8-10.1%2033.2-9%2071.2%202.7%2092.2%205.5%209.9%2014.8%2017.1%2026.3%2017.1s20.3-2.4%2024.9-7.9c3.4-4%205.3-11.6%209.2-26.8%203.1-12.4%207-30.9%2012-42%207.5-16.6%2039.7-45.1%2057-60.4%204.1-3.6%207.6-6.7%2010.1-9.1%208.7-8.1%2017.6-21.1%2025.5-32.7%205.4-7.8%2010.4-15.2%2013.7-18.5%207.1-7.1%2016.6-10.9%2022.3-10.9%204.4%200%208-3.6%208-8V88c0-4.4-3.6-8-8-8-35.7%200-50.7-5.7-66.7-11.8-12.2-4.7-24.9-9.5-46.4-12.1-32.4-4-74.2-8.1-112.6-8.1-20.4%200-39.9%202-56.6%203.9-31%203.6-64.2%2010.8-75.2%2037-4.7%2011.4%200%2022.2%202.8%2028.7.3.6.5%201.2.8%201.9-.8.6-1.6%201.4-2.4%202-7.1%206.1-19.6%2016.3-19.6%2033.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-thumbs-down-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-thumbs-down-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-thumbs-down($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-thumbs-down-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-thumbs-up-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M297.7%20464c-38.5%200-80.2-4.1-112.6-8.1-21.5-2.6-34.1-7.5-46.4-12.1-15.9-6.1-31-11.8-66.7-11.8-4.4%200-8-3.6-8-8s3.6-8%208-8c38.7%200%2055.8%206.5%2072.4%2012.9%2011.8%204.5%2023%208.8%2042.6%2011.2%2048.6%206%20111.5%2011%20165.4%204.1%2037.4-4.7%2056.1-12.5%2062.2-27.3%202.1-5-.5-10.9-2.7-16.1-1.5-3.5-2.9-6.6-2.9-9.8%200-5.5%204.1-8.9%208.9-12.8%206.3-5.1%2014.1-11.5%2014.1-20.8%200-9.1-4.8-14.8-9.4-20.3-3.7-4.5-7.6-9.1-7.6-15.1%200-5.6%202.9-9.5%205.3-12.6%203.2-4.2%206.7-8.9%206.7-21.4%200-8.8-4.5-12.5-9.6-16.8-4.6-3.8-14.2-11.8-5.9-23.8%207.3-10.5%202.5-22.6-2.4-28.1-5.3-6-8.2-7.8-33.6-6.3-17.2%201-54.2%206.8-78.7%2010.6-11.2%201.8-19.3%203-22.4%203.3-4.9.5-11.5%201.2-17.8-.4-8.3-2.2-13.8-7.9-15.9-16.6-1.9-7.8%201.5-14.5%206.1-23.9%203.7-7.6%208.9-18%2013.5-33.4%207.3-24%209.7-60-1.3-79.8-2.7-4.9-6.9-7.8-12.6-8.7-6-.9-11%20.9-12.3%201.9-1.5%202.5-4%2012.5-6%2020.5-3.3%2013.1-7.3%2032.4-12.9%2044.7-8.2%2018.1-34.7%2042.4-61%2065.7-4%203.5-7.4%206.6-9.8%208.8-7.4%206.8-15.8%2019.1-23.2%2030-6%208.8-11.2%2016.5-15.6%2020.8-9.4%209.4-22.7%2015.6-33.7%2015.6-4.4%200-8-3.6-8-8s3.6-8%208-8c5.7%200%2015.2-3.7%2022.3-10.9%203.3-3.3%208.4-10.7%2013.7-18.5%207.9-11.5%2016.8-24.6%2025.5-32.7%202.5-2.4%206.1-5.5%2010.1-9.1%2017.3-15.3%2049.5-43.8%2057-60.4%205-11%208.9-29.5%2012-42%203.8-15.3%205.8-22.8%209.2-26.8%204.6-5.5%2013.4-7.9%2024.9-7.9s20.8%207.2%2026.3%2017.1c11.7%2021%2012.7%2059%202.7%2092.2-5%2016.7-10.5%2027.7-14.5%2035.8-3%206.1-5.4%2010.9-4.9%2013%201.2%204.8%203.7%206.2%2016.4%204.9%202.7-.3%2011.5-1.7%2021.6-3.2%2024.8-3.9%2062.2-9.7%2080.2-10.8%2026.1-1.5%2036-.1%2046.4%2011.7%2010.2%2011.5%2014.8%2031.6%203.7%2047.7.8.7%201.9%201.7%202.9%202.5%205.8%204.8%2015.4%2012.8%2015.4%2029.1%200%2017.9-6%2025.8-10%2031.1-.7.9-1.6%202.2-1.9%202.8.6%201.1%202.4%203.3%203.8%205%205.2%206.2%2013.1%2015.7%2013.1%2030.6%200%2016.8-12.5%2027.1-19.9%2033.2-.7.6-1.6%201.3-2.4%202%20.3.6.6%201.3.8%201.9%202.8%206.5%207.6%2017.3%202.8%2028.7-10.9%2026.2-44.1%2033.4-75.2%2037-16.3%201.9-35.8%203.9-56.2%203.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-thumbs-up-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-thumbs-up-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-thumbs-up-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-thumbs-up-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-thumbs-up-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20357.4c0-14.9-7.9-24.3-13.1-30.6-1.4-1.6-3.2-3.8-3.8-5%20.3-.6%201.2-1.9%201.9-2.8%204-5.2%2010-13.2%2010-31.1%200-16.4-9.7-24.4-15.4-29.1-.9-.8-2.1-1.7-2.9-2.5%2011.1-16.1%206.5-36.2-3.7-47.7-10.5-11.8-20.3-13.2-46.4-11.7-18%201.1-55.5%206.9-80.2%2010.8-10.1%201.6-18.9%203-21.6%203.2-12.7%201.3-15.2%200-16.4-4.9-.5-2.1%201.9-6.9%204.9-13%204-8.1%209.5-19.2%2014.5-35.8%2010.1-33.2%209-71.2-2.7-92.2-5.5-9.9-14.8-17.1-26.3-17.1s-20.3%202.4-24.9%207.9c-3.4%204-5.3%2011.6-9.2%2026.8-3.1%2012.4-7%2030.9-12%2042-7.5%2016.6-39.7%2045.1-57%2060.4-4.1%203.6-7.6%206.7-10.1%209.1-8.7%208.1-17.6%2021.1-25.5%2032.7-5.4%207.8-10.4%2015.2-13.7%2018.5-7.1%207.1-16.6%2010.9-22.3%2010.9-4.4%200-8%203.6-8%208V424c0%204.4%203.6%208%208%208%2035.7%200%2050.7%205.7%2066.7%2011.8%2012.2%204.7%2024.9%209.5%2046.4%2012.1%2032.4%204%2074.2%208.1%20112.6%208.1%2020.4%200%2039.9-2%2056.6-3.9%2031-3.6%2064.2-10.8%2075.2-37%204.7-11.4%200-22.2-2.8-28.7-.3-.6-.5-1.2-.8-1.9.8-.6%201.6-1.4%202.4-2%207.1-6.1%2019.6-16.3%2019.6-33.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-thumbs-up-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-thumbs-up-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-thumbs-up($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-thumbs-up-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-thunderstorm-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M283.2%20176l-17.8%2059.4-6.2%2020.6H312l-69.2%20109.8%2015.5-57.7%205.4-20.2h-72.8l24.9-112h67.4m21.5-15.9H203l-32%20144h71.8L200%20464l141-224h-60.3l24-80z%22%2F%3E%3Cpath%20d%3D%22M374.4%20141.9l-13.3-.1C349.4%2088.2%20306%2048%20236%2048S108.2%2098.4%20108.2%20169.5l.3%204.8C66.3%20179.9%2032%20219.6%2032%20264c0%2047%2037.9%2088%2084.7%2088H214l4.2-16H116.7c-18%200-35.1-8.1-48.2-21.9-13-13.7-20.4-32.4-20.4-51%200-17.5%206.6-34.8%2018.5-48.5%2011.8-13.5%2027.4-22.2%2044.1-24.5l14.8-2-1-14.9-.3-4.3c.1-29.3%2011.7-56.3%2032.6-75.9%2020.9-19.6%2049-29.4%2079.2-29.4%2029.3%200%2055%207.3%2074.3%2022.9%2017.7%2014.4%2029.9%2034.7%2035.2%2058.7l2.9%2013.4c11.5-.7%2026-.7%2026-.7%2024.5%200%2047.1%208.6%2063.7%2024.1%2016.7%2015.6%2025.8%2037.2%2025.8%2060.8%200%2044.7-33.7%2084.7-76.8%2091.8%200%200-8.9%201.4-20.2%201.4h-70.4l-10.2%2016H367c72%200%20113-52%20113-110%200-58.6-47.3-100.1-105.6-100.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-thunderstorm-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-thunderstorm-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-thunderstorm-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-thunderstorm-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-thunderstorm-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M374.4%20141.9l-13.3-.1C349.4%2088.2%20306%2048%20236%2048S108.2%2098.4%20108.2%20169.5l.3%204.8C66.3%20179.9%2032%20219.6%2032%20264c0%2047%2037.9%2088%2084.7%2088h96.8l8.6-32h-70.9l4.3-19.5%2032-144%202.8-12.5h135.9l-6.2%2020.6-17.8%2059.4H370l-15.4%2024.5L289.4%20352H367c72%200%20113-52%20113-110%200-58.6-47.3-100.1-105.6-100.1z%22%2F%3E%3Cpath%20d%3D%22M341%20240h-60.3l24-80H203l-32%20144h72l-42.9%20160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-thunderstorm-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-thunderstorm-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-thunderstorm($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-thunderstorm-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-time-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm0%20398.7c-105.1%200-190.7-85.5-190.7-190.7%200-105.1%2085.5-190.7%20190.7-190.7%20105.1%200%20190.7%2085.5%20190.7%20190.7%200%20105.1-85.6%20190.7-190.7%20190.7z%22%2F%3E%3Cpath%20d%3D%22M256%20256h-96v17.3h113.3V128H256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-time-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-time-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-time-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-time-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-time-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm17%20225H160v-17h96V128h17v145z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-time-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-time-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-time($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-time-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-timer-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M236.6%20271.6c4.6%205.7%2011.5%209.4%2019.4%209.4%2013.8%200%2025-11.2%2025-25%200-7.3-3.2-13.8-8.2-18.4-.6-.7-1.3-1.5-2.2-2.2%200%200-117.7-87.5-120.3-85.2-2.6%202.3%2085.3%20120.2%2085.3%20120.2.2.4.7.8%201%201.2z%22%2F%3E%3Cpath%20d%3D%22M256.2%2048h-.2v112h16V65.3c97.8%208.3%20175.3%2090.5%20175.3%20190.5%200%20105.5-85.7%20191.4-191.2%20191.4-105.5%200-191.3-85.8-191.3-191.3%200-52.8%2021.5-100.6%2056.1-135.2L109%20108.9C71.3%20146.6%2048%20198.6%2048%20256c0%20114.9%2093.1%20208%20208%20208s208-93.1%20208-208S371%2048%20256.2%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-timer-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-timer-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-timer-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-timer-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-timer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zM150.5%20150.5c2.6-2.3%20119.9%2084.9%20119.9%2084.9%201%20.7%201.6%201.5%202.2%202.2%205%204.6%208.2%2011%208.2%2018.3%200%2013.7-11.1%2024.9-24.9%2024.9-7.8%200-14.7-3.7-19.3-9.4-.4-.4-.8-.7-1.1-1.1.1.1-87.5-117.4-85-119.8zm105.6%20296.7c-105.7%200-191.4-85.7-191.4-191.4%200-52.8%2021.4-100.7%2056-135.3l11.8%2011.8c-31.6%2031.6-51.2%2075.3-51.2%20123.5%200%2096.3%2078.4%20174.7%20174.7%20174.7s174.5-78.4%20174.5-174.7c0-90.3-70.5-165.1-158.5-174V160h-16V64.4c105.7%200%20191.5%2085.7%20191.5%20191.4s-85.8%20191.4-191.4%20191.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-timer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-timer-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-timer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-timer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-train-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M347.2%20464H370l-54.5-53.2-17.6%205.2%2016.1%2016H198l16.1-16-17.4-5.2L142%20464h22.8l17.1-16h148.2zM256%20368c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048zm0-78.5c-16.8%200-30.5%2013.7-30.5%2030.5s13.7%2030.5%2030.5%2030.5%2030.5-13.7%2030.5-30.5-13.7-30.5-30.5-30.5z%22%2F%3E%3Cpath%20d%3D%22M337%2064h-17c0-8.8-7.2-16-16-16h-96c-8.8%200-16%207.2-16%2016h-15c-35.3%200-65%2027.7-65%2063v224c0%2035.3%20144%2065%20144%2065s144-29.7%20144-65V127c0-35.3-27.7-63-63-63zm-128%200h94v16h-94V64zm175%20286.5c0%201.6-8.7%2014.3-65%2031.9-27.2%208.5-53.7%2015.4-62.6%2017.3-8.9-1.9-35.5-8.7-62.7-17.2-56.5-17.6-64.7-30.3-65.7-31.9V127c0-26.2%2022.3-47%2049-47h15c0%208.8%207.2%2016%2016%2016h96c8.8%200%2016-7.2%2016-16h17c12.8%200%2024.5%204.7%2033.4%2013.6%208.9%208.9%2013.6%2020.6%2013.6%2033.4v223.5z%22%2F%3E%3Cpath%20d%3D%22M336%20144v64H176v-63.9-.1h160m0-16H176c-8.8%200-16%207.2-16%2016v64c0%208.8%207.2%2016%2016%2016h160c8.8%200%2016-7.2%2016-16v-64c0-8.8-7.2-16-16-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-train-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-train-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-train-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-train-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-train-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M297.9%20416l16.1%2016H198l16.1-16-17.4-5.2L142%20464h22.8l17.1-16h148.2l17.1%2016H370l-54.5-53.2z%22%2F%3E%3Cpath%20d%3D%22M337%2064h-17c0-8.8-7.2-16-16-16h-96c-8.8%200-16%207.2-16%2016h-15c-35.3%200-65%2027.7-65%2063v224c0%2035.3%20144%2065%20144%2065s144-29.7%20144-65V127c0-35.3-27.7-63-63-63zm-128%200h94v16h-94V64zm47%20304c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048zm96-160c0%208.8-7.2%2016-16%2016H176c-8.8%200-16-7.2-16-16v-64c0-8.8%207.2-16%2016-16h160c8.8%200%2016%207.2%2016%2016v64z%22%2F%3E%3Cpath%20d%3D%22M256%20289.5c-16.8%200-30.5%2013.7-30.5%2030.5s13.7%2030.5%2030.5%2030.5%2030.5-13.7%2030.5-30.5-13.7-30.5-30.5-30.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-train-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-train-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-train($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-train-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-transgender-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M427.3%20416l34.3-34.3c3.1-3.1%203.1-8.2%200-11.3-3.1-3.1-8.2-3.1-11.3%200L416%20404.7l-27.3-27.3c17.2-25.5%2027.3-56.3%2027.3-89.4%200-49.4-22.4-93.6-57.6-123L448%2076v76c0%204.4%203.6%208%208%208s8-3.6%208-8V56c0-4.4-3.6-8-8-8h-96c-4.4%200-8%203.6-8%208s3.6%208%208%208h76l-90.7%2091.2C319.8%20138%20289.1%20128%20256%20128c-33.1%200-63.8%2010-89.3%2027.2l-27.2-27.4%2033.2-33.2c3.1-3.1%203.1-8.2%200-11.3-3.1-3.1-8.2-3.1-11.3%200l-33.2%2033.2L76%2064h76c4.4%200%208-3.6%208-8s-3.6-8-8-8H56c-4.4%200-8%203.6-8%208v96c0%204.4%203.6%208%208%208s8-3.6%208-8V76l52.5%2052.2-35.2%2035.2c-3.1%203.1-3.1%208.2%200%2011.3%201.6%201.6%203.6%202.3%205.7%202.3s4.1-.8%205.7-2.3l35.2-35.2%2025.8%2025.6C118.4%20194.4%2096%20238.6%2096%20288c0%2088.4%2071.6%20160%20160%20160%2049.4%200%2093.7-22.4%20123-57.7l25.7%2025.7-34.3%2034.3c-3.1%203.1-3.1%208.2%200%2011.3%201.6%201.6%203.6%202.3%205.7%202.3s4.1-.8%205.7-2.3l34.3-34.3%2034.3%2034.3c1.6%201.6%203.6%202.3%205.7%202.3s4.1-.8%205.7-2.3c3.1-3.1%203.1-8.2%200-11.3L427.3%20416zm-69.5-26.2C330.6%20417%20294.5%20432%20256%20432s-74.6-15-101.8-42.2C127%20362.6%20112%20326.5%20112%20288s15-74.6%2042.2-101.8C181.4%20159%20217.5%20144%20256%20144s74.6%2015%20101.8%2042.2C385%20213.4%20400%20249.5%20400%20288s-15%2074.6-42.2%20101.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-transgender-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-transgender-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-transgender($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-transgender-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-trash-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M400%20113.3h-80v-20c0-16.2-13.1-29.3-29.3-29.3h-69.5C205.1%2064%20192%2077.1%20192%2093.3v20h-80V128h21.1l23.6%20290.7c0%2016.2%2013.1%2029.3%2029.3%2029.3h141c16.2%200%2029.3-13.1%2029.3-29.3L379.6%20128H400v-14.7zm-193.4-20c0-8.1%206.6-14.7%2014.6-14.7h69.5c8.1%200%2014.6%206.6%2014.6%2014.7v20h-98.7v-20zm135%20324.6v.8c0%208.1-6.6%2014.7-14.6%2014.7H186c-8.1%200-14.6-6.6-14.6-14.7v-.8L147.7%20128h217.2l-23.3%20289.9z%22%2F%3E%3Cpath%20d%3D%22M249%20160h14v241h-14zM320%20160h-14.6l-10.7%20241h14.6zM206.5%20160H192l10.7%20241h14.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-trash-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-trash-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-trash-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-trash-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-trash-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M320%20113V93.3c0-16.2-13.1-29.3-29.3-29.3h-69.5C205.1%2064%20192%2077.1%20192%2093.3V113h-80v15h21.1l23.6%20290.7c0%2016.2%2013.1%2029.3%2029.3%2029.3h141c16.2%200%2029.3-13.1%2029.3-29.3L379.6%20128H400v-15h-80zM207%2093.3c0-8.1%206.2-14.3%2014.3-14.3h69.5c8.1%200%2014.3%206.2%2014.3%2014.3V113h-98V93.3h-.1zM202.7%20401L192%20160h14.5l10.9%20241h-14.7zm60.3%200h-14V160h14v241zm46.3%200h-14.6l10.8-241H320l-10.7%20241z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-trash-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-trash-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-trash($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-trash-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-trending-down-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M472%20396H360c-4.4%200-8-3.6-8-8s3.6-8%208-8h92L287.6%20215.8l-83.9%2084.1c-1.5%201.5-3.5%202.4-5.7%202.4-2.1%200-4.2-.8-5.7-2.3L34.1%20141.6c-1.6-1.6-2.1-3.7-2.1-5.9%200-2.1.6-3.9%202.1-5.4%201.6-1.6%203.6-2.3%205.7-2.3%202%200%204.1.8%205.7%202.3L198%20283l83.9-84c3.1-3.1%208.2-3.1%2011.3%200L464%20368.3v-92c0-4.4%203.6-8%208-8s8%203.6%208%208v112c0%204.4-3.6%207.7-8%207.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-trending-down-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-trending-down-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-trending-down($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-trending-down-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-trending-up-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M472%20128H360c-4.4%200-8%203.6-8%208s3.6%208%208%208h92L287.6%20308.4l-83.9-84c-1.5-1.5-3.5-2.3-5.7-2.3-2.1%200-4.2.8-5.7%202.3L34.1%20382.6c-1.6%201.6-2.1%203.7-2.1%205.9%200%202.1.6%203.9%202.1%205.5%201.6%201.6%203.6%202.3%205.7%202.3%202%200%204.1-.8%205.7-2.3L198%20241.3l83.9%2084c3.1%203.1%208.2%203.1%2011.3%200L464%20156v92c0%204.4%203.6%208%208%208s8-3.6%208-8V136c0-4.4-3.6-8-8-8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-trending-up-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-trending-up-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-trending-up($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-trending-up-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-trophy-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%2096V64H128v32H48v8c0%2082%2030.5%20132.2%2082%20135.8%2012.9%2049.2%2083.9%2075.8%20118%2079.7V432h-88v16h192v-16h-88V319.5c34.1-3.9%20105.1-30.5%20118-79.7%2051.5-3.6%2082-53.7%2082-135.8v-8h-80zM80.7%20188.3c-7.1-13.7-15.6-37.8-16.6-76.3H128v111.4c-20-2.7-36.5-14.4-47.3-35.1zM368%20224c0%2027.3-23.9%2046.7-43.9%2058.1-26.5%2015.1-55.7%2021.9-68.1%2021.9s-41.6-6.8-68.1-21.9c-20-11.5-43.9-30.8-43.9-58.1V80h224v144zm63.3-35.7C420.5%20209%20404%20220.7%20384%20223.4V112h63.9c-1%2038.5-9.5%2062.6-16.6%2076.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-trophy-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-trophy-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-trophy-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-trophy-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-trophy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%2096V64H128v32H48v8c0%2082%2030.5%20132.2%2082%20135.8%2012.9%2049.2%2083.9%2075.8%20118%2079.7V432h-88v16h192v-16h-88V319.5c34.1-3.9%20105.1-30.5%20118-79.7%2051.5-3.6%2082-53.7%2082-135.8v-8h-80zM80.7%20188.3c-7.1-13.7-15.6-37.8-16.6-76.3H128v111.4c-20-2.7-36.5-14.4-47.3-35.1zm350.6%200C420.5%20209%20404%20220.7%20384%20223.4V112h63.9c-1%2038.5-9.5%2062.6-16.6%2076.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-trophy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-trophy-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-trophy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-trophy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-umbrella-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M271%2064.8V64c0-8.8-6.8-16-15-16s-15%207.2-15%2016v.7c-108%208-192.8%20103.7-192.8%20222%200%20.4-.2.8-.2%201.3h3.2c6.4-23%2026.2-39.8%2049.6-39.8%2023.3%200%2043%2016.9%2049.5%2039.8h4.9c6.4-23%2026.4-39.8%2049.8-39.8%2018.4%200%2035%2010.5%2044%2026.3V424c0%2013.2-11%2024-24.2%2024s-24.1-10.8-24.1-24c0-4.4-3.6-8-8.1-8-4.4%200-8%203.6-8%208%200%2022.1%2018.2%2040%2040.2%2040s40.2-17.9%2040.2-40V275.2c9-16.2%2025.3-27%2044-27%2023.3%200%2042.8%2016.9%2049.3%2039.8h4.9c6.4-23%2026.2-40%2049.6-40%2023.5%200%2043.4%2016.9%2049.7%2040h1.6C462.1%20171.4%20378%2073.2%20271%2064.8zm141.8%20167.1c-20.9%200-39.6%2010.1-52.1%2025.9-12.4-15.8-31.1-25.8-52-25.8s-39.6%2010.1-52%2025.9c-12.4-15.8-31.1-25.9-52-25.9s-39.6%2010.1-52%2025.9c-12.4-15.8-31.1-25.9-52-25.9-11.5%200-22.3%203-31.8%208.4%207.5-35.7%2023.6-68.7%2047.2-95.7%2033-37.7%2077.8-60.5%20126-64.1%200%200%206.6-.4%2014.3-.4%207.8%200%2013.2.5%2013.2.5%2048%203.8%2092.8%2027.5%20126.2%2066.9%2022.3%2026.3%2038%2057.6%2046%2091.3-8.8-4.6-18.7-7-29-7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-umbrella-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-umbrella-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-umbrella-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-umbrella-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-umbrella-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M271%2064.8V64c0-8.8-6.8-16-15-16s-15%207.2-15%2016v.7c-108%208-192.8%20103.7-192.8%20222%200%20.4-.2.8-.2%201.3h3.2c6.4-23%2026.2-39.8%2049.6-39.8%2023.3%200%2043%2016.9%2049.5%2039.8h4.9c6.4-23%2026.4-39.8%2049.8-39.8%2018.4%200%2035%2010.5%2044%2026.3V424c0%2013.2-11%2024-24.2%2024s-24.1-10.8-24.1-24c0-4.4-3.6-8-8.1-8-4.4%200-8%203.6-8%208%200%2022.1%2018.2%2040%2040.2%2040s40.2-17.9%2040.2-40V275.2c9-16.2%2025.3-27%2044-27%2023.3%200%2042.8%2016.9%2049.3%2039.8h4.9c6.4-23%2026.2-40%2049.6-40%2023.5%200%2043.4%2016.9%2049.7%2040h1.6C462.1%20171.4%20378%2073.2%20271%2064.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-umbrella-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-umbrella-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-umbrella($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-umbrella-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-undo-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M447.9%20368.2c0-16.8%203.6-83.1-48.7-135.7-35.2-35.4-80.3-53.4-143.3-56.2V96L64%20224l192%20128v-79.8c40%201.1%2062.4%209.1%2086.7%2020%2030.9%2013.8%2055.3%2044%2075.8%2076.6l19.2%2031.2H448c0-10.1-.1-22.9-.1-31.8zm-15.7-6.8C384.6%20280.6%20331%20256%20240%20256v64.8L91.9%20224.1%20240%20127.3V192c201%200%20192.2%20169.4%20192.2%20169.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-undo-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-undo-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-undo-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-undo-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-undo-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M447.9%20368.2c0-16.8%203.6-83.1-48.7-135.7-35.2-35.4-80.3-53.4-143.3-56.2V96L64%20224l192%20128v-79.8c40%201.1%2062.4%209.1%2086.7%2020%2030.9%2013.8%2055.3%2044%2075.8%2076.6l19.2%2031.2H448c0-10.1-.1-22.9-.1-31.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-undo-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-undo-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-undo($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-undo-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-unlock-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20288c-17.673%200-32%2014.327-32%2032%200%2014.91%2010.198%2027.44%2024%2030.992V384h16v-33.008c13.802-3.553%2024-16.082%2024-30.992%200-17.673-14.327-32-32-32zm0%2048c-8.822%200-16-7.178-16-16s7.178-16%2016-16%2016%207.178%2016%2016-7.178%2016-16%2016z%22%2F%3E%3Cpath%20d%3D%22M168%20224v-72c0-48.523%2039.484-88%2088.016-88C304.53%2064%20344%20103.477%20344%20152v8h16v-8c0-57.43-46.562-104-103.984-104C198.562%2048%20152%2094.57%20152%20152v72H96v240h320V224H168zm232%20224H112V240h288v208z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-unlock-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-unlock-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-unlock-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-unlock-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-unlock-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20304c-8.822%200-16%207.178-16%2016s7.178%2016%2016%2016%2016-7.178%2016-16-7.178-16-16-16z%22%2F%3E%3Cpath%20d%3D%22M168%20224v-72c0-48.523%2039.484-88%2088.016-88C304.53%2064%20344%20103.477%20344%20152v8h16v-8c0-57.43-46.562-104-103.984-104C198.562%2048%20152%2094.57%20152%20152v72H96v240h320V224H168zm96%20126.992V384h-16v-33.008c-13.802-3.553-24-16.082-24-30.992%200-17.673%2014.327-32%2032-32s32%2014.327%2032%2032c0%2014.91-10.198%2027.44-24%2030.992z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-unlock-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-unlock-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-unlock($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-unlock-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-videocam-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M303.7%20128h-221C63.9%20128%2047%20142.1%2047%20160.7v187.9c0%2018.6%2016.9%2035.4%2035.7%2035.4h221c18.8%200%2033.3-16.8%2033.3-35.4V160.7c0-18.6-14.5-32.7-33.3-32.7zM320%20348.6c0%209.3-6.9%2018.4-16.3%2018.4h-221c-9.4%200-18.7-9.1-18.7-18.4V160.7c0-9.3%209-15.5%2018.4-15.5l221%20.1c9.4%200%2016.6%206.1%2016.6%2015.4v187.9zM367%20213v85.6l98%2053.4V160l-98%2053zm81-23v132.3l-64-33.5v-65.6l64.1-33.6-.1.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-videocam-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-videocam-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-videocam-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-videocam-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-videocam-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M303.7%20128h-221C63.9%20128%2047%20142.1%2047%20160.7v187.9c0%2018.6%2016.9%2035.4%2035.7%2035.4h221c18.8%200%2033.3-16.8%2033.3-35.4V160.7c0-18.6-14.5-32.7-33.3-32.7zM367%20213v85.6l98%2053.4V160l-98%2053z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-videocam-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-videocam-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-videocam($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-videocam-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-volume-down-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M330.4%20319.9C343.9%20302%20352%20280%20352%20256s-8.1-46-21.6-63.9l-13.3%209.8c11.4%2015.1%2018.2%2033.8%2018.2%2054.1%200%2020.3-6.8%2039-18.2%2054.1l13.3%209.8zM217.9%20216H160v80h57.9l69.1%2056V160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-volume-down-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-volume-down-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-volume-down($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-volume-down-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-volume-mute-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M249.9%20216H192v80h57.9l70.1%2056V160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-volume-mute-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-volume-mute-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-volume-mute($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-volume-mute-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-volume-off-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M365%20388c30-35.2%2047-84%2047-132s-15.6-92.3-41.9-128.1l-13.6%2010.3c24.2%2032.9%2038.6%2073.7%2038.6%20117.8s-14.4%2084.9-38.6%20117.8L365%20388zM351.2%20256c0-35.9-12-69-32-95.8l-13.5%2010.1c17.9%2024%2028.6%2053.6%2028.6%2085.8%200%2021.4-4.8%2041.7-13.3%2060l10.1%2017.3c12.8-23%2020.1-49.3%2020.1-77.4zM293.9%20256c0-24-8.2-46-21.8-63.9l-13.5%209.8c8%2010.4%2013.7%2022.5%2016.5%2035.7l18.1%2030.8c.5-4%20.7-8.2.7-12.4zM158.4%20216H100v80h58.4l69.6%2056v-92.8l-39.5-67.4z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M162.8%2080L148%2088.5%20349.2%20432l14.8-8.5z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-volume-off-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-volume-off-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-volume-off($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-volume-off-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-volume-up-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M374.1%20128l-13.6%2010.3C384.6%20171.2%20399%20211.9%20399%20256c0%2044.1-14.4%2084.8-38.6%20117.7L374%20384c26.3-35.7%2041.9-80%2041.9-128s-15.5-92.3-41.8-128zM320%20351.8c20-26.8%2032-59.9%2032-95.8s-12-69-32-95.8l-13.6%2010.1c17.9%2024%2028.6%2053.6%2028.6%2085.7s-10.7%2061.7-28.6%2085.7l13.6%2010.1zM273.1%20319.9C286.8%20302%20295%20280%20295%20256s-8.2-46-21.9-63.9l-13.5%209.8c11.6%2015.1%2018.5%2033.8%2018.5%2054.1s-6.9%2038.9-18.5%2054.1l13.5%209.8zM153.9%20216H96v80h57.9l70.1%2056V160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-volume-up-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-volume-up-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-volume-up($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-volume-up-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-walk-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%20fill%3D%22%23231F20%22%3E%3Cpath%20d%3D%22M208%20346.1L148.6%20388c-3.2%203-4.5%207.8-4.6%2011.9s1%207.5%204.1%2010.7c3.1%203.3%207.7%205.3%2011.9%205.3%204%200%2010.9-4.2%2014-7.2l61-44.3c3.2-3%205-7.2%205-11.6l8-45-40-40v78.3z%22%2F%3E%3Ccircle%20cx%3D%22272%22%20cy%3D%2296%22%20r%3D%2232%22%2F%3E%3Cpath%20d%3D%22M338.9%20430.2l-13.3-100.7c-.4-3-1.7-5.8-3.6-8.1l-49.9-59V155.7c0-9.7-13.2-11.7-16-11.7h-32c-2.5%200-4.9.6-7.2%201.7l-59.5%2029.7C148.7%20180%20144%20188.7%20144%20200v56c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16v-54.1l32-16V256l86.5%2086.5%2012.7%2092c1.1%208%208%2013.4%2015.8%2013.4h1.8c8.7-1.1%2015.3-9%2014.1-17.7z%22%2F%3E%3Cpath%20d%3D%22M363.1%20235.8L280%20153.3v45.1l60.6%2060.1c6.3%206.2%2016.4%206.2%2022.6-.1%203.1-3.1%204.8-6.4%204.8-10.4%200-4.1-1.7-9-4.9-12.2z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-walk-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-walk-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-walk($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-walk-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-warning-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20368c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016%2016-7.2%2016-16-7.2-16-16-16zM244.2%20273.7V208h24v65.7l-6%2070.3h-12l-6-70.3z%22%2F%3E%3Cpath%20d%3D%22M256%2097.5L437.2%20432H74.8L256%2097.5m0-33.5L48%20448h416L256%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-warning-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-warning-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-warning-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-warning-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-warning-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064L48%20448h416L256%2064zm-11.8%20144h24v65.7l-6%2070.3h-12l-6-70.3V208zM256%20400c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-warning-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-warning-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-warning($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-warning-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-watch-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M127.9%20376c0-2%20.7-4%202.2-5.5%203.1-3.2%208.1-3.3%2011.3-.2%2020.9%2020%2046.8%2030.8%2079.3%2032.8%2019%201.2%2027.1%205.8%2035%2010.3%209.3%205.3%2018.9%2010.7%2054.2%2010.7%2071.7%200%20122-59.2%20122-132v-56c0-24.7-3-48.9-16.1-69.8-12.8-20.4-26.9-37-48.3-47.9-3.9-2-5.5-6.8-3.5-10.8%202-3.9%206.8-5.5%2010.8-3.5%2024%2012.2%2040.2%2030.8%2054.6%2053.6%2014.8%2023.5%2018.5%2050.6%2018.5%2078.3v56c0%2081.6-57.5%20148-138%20148-39.4%200-51.4-6.8-62-12.8-7.2-4.1-12.8-7.3-28.2-8.2-36.4-2.3-65.6-14.4-89.3-37.2-1.6-1.6-2.5-3.7-2.5-5.8z%22%2F%3E%3Cpath%20d%3D%22M272.7%20402c0-.4%200-.9.1-1.3.7-4.4%204.8-7.3%209.2-6.6%2035.5%205.8%2066.1-2.4%2088.5-23.9%203.2-3.1%208.3-2.9%2011.3.2%203.1%203.2%202.9%208.3-.2%2011.3-26.2%2025.1-61.5%2034.8-102.1%2028.1-4-.6-6.8-4-6.8-7.8zM64%20292v-56c0-27.7%203.8-54.8%2018.5-78.3%2014.3-22.8%2030.6-41.4%2054.6-53.6%203.9-2%208.8-.4%2010.8%203.5s.4%208.8-3.5%2010.8c-21.4%2010.9-35.5%2027.5-48.3%2047.9-13.2%2020.8-16.2%2045-16.2%2069.7v56c0%2034.8%209%2070.1%2038.8%2096.9%2030.3%2027.4%2071%2043.1%20111.6%2043.1%204.4%200%208%203.6%208%208s-3.6%208-8%208c-44.5%200-89-17.2-122.3-47.2-33.1-29.9-44-69.5-44-108.8z%22%2F%3E%3Ccircle%20cx%3D%22304.2%22%20cy%3D%22104%22%20r%3D%2219%22%2F%3E%3Cpath%20d%3D%22M375.3%20129c-1.9.6-3.9%201-6.1%201-10.5%200-19-8.5-19-19s8.5-19%2019-19c5.7%200%2010.7%202.4%2014.2%206.3-3-19.4-19.8-34.3-40-34.3h-175c-19.6%200-36.1%2014-39.8%2032.7%203.4-3%207.8-4.7%2012.6-4.7%2010.5%200%2019%208.5%2019%2019s-8.5%2019-19%2019c-1.5%200-2.9-.2-4.3-.5%207.4%208.9%2018.8%2014.5%2031.5%2014.5h175c12.9%200%2024.6-5.8%2031.9-15zm-98.1-25c0-14.9%2012.1-27%2027-27s27%2012.1%2027%2027-12.1%2027-27%2027c-14.7%200-27-12.1-27-27z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-watch-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-watch-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-watch($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-watch-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-water-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M255.8%2068c30.2%2024.1%2058.1%2054%2083.1%2089.2%2041.1%2057.7%2061%20111.4%2061%20164.3%200%2069.7-64.6%20126.4-144.1%20126.4-49.1%200-94.3-21.7-120.9-57.9-5.4-7.3-9.9-15.1-13.4-23.1-6.3-14.6-9.6-29.8-9.6-45.4v-1.2c0-.7.1-1.5.1-2.3%201-52.6%2021-105.2%2061.1-160.8%2034.5-47.8%2065.3-75.5%2082.7-89.2m.3-20c-23.1%2016-58.6%2048.1-95.8%2099.8s-62.9%20107.8-64.1%20170c0%201.2-.1%202.5-.1%203.7%200%2018.3%203.9%2035.8%2010.9%2051.8%204.1%209.3%209.2%2018%2015.2%2026.2%2028.5%2038.8%2077.8%2064.4%20133.8%2064.4%2088.4%200%20160.1-63.8%20160.1-142.4%200-63.4-27-121.6-64-173.6s-72.6-82.4-96-99.9z%22%2F%3E%3Cpath%20d%3D%22M265.9%20411c-15.8%200-32.7-1.4-45.9-7.4C307%20390%20339%20358%20359.8%20281.4c5.2%2011.2%206.2%2023.7%206.2%2036.8%200%2051.2-44.8%2092.8-100.1%2092.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-water-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-water-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-water-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-water-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-water-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%20148c-37-52-72.5-82.5-96-100-23.1%2016-58.6%2048.1-95.8%2099.8s-62.9%20107.8-64.1%20170c0%201.2-.1%202.5-.1%203.7%200%2018.3%203.9%2035.8%2010.9%2051.8%204.1%209.3%209.2%2018%2015.2%2026.2%2028.5%2038.8%2077.8%2064.4%20133.8%2064.4%2088.4%200%20160.1-63.8%20160.1-142.4%200-63.3-27-121.5-64-173.5zm-86.1%20263c-15.8%200-32.7-1.4-45.9-7.4C307%20390%20339%20358%20359.8%20281.4c5.2%2011.2%206.2%2023.7%206.2%2036.8%200%2051.2-44.8%2092.8-100.1%2092.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-water-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-water-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-water($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-water-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-wifi-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20112c72.3%200%20146.5%2029.1%20201.4%2078.4L442%20206.7c-22.9-20.4-48.7-36.8-77-48.7-34.5-14.6-71.2-22-109-22s-74.5%207.4-109%2022c-28.3%2012-54.1%2028.3-77%2048.7l-15.4-16.3C109.5%20141.1%20183.7%20112%20256%20112m0-16c-83%200-166.1%2035.8-224%2093.7l37.3%2039.6c24.3-24.3%2052.5-43.3%2083.9-56.6C185.8%20159%20220.3%20152%20256%20152s70.2%207%20102.7%2020.7c31.4%2013.3%2059.7%2032.3%2083.9%2056.6l37.3-39.6C422.1%20131.8%20339%2096%20256%2096z%22%2F%3E%3Cpath%20d%3D%22M256%20225c45.6%200%2088.9%2015.9%20123.4%2044.9l-17%2017c-29.9-24.6-67.2-38-106.4-38s-76.5%2013.4-106.4%2038l-17-17c34.5-29%2077.8-44.9%20123.4-44.9m0-16c-57.2%200-109%2023.1-146.6%2060.4L149%20309c28.7-28.4%2066.6-44%20107-44%2040.4%200%2078.3%2015.6%20107%2044l39.6-39.6C365%20232.1%20313.2%20209%20256%20209zM256%20337c15.4%200%2029.9%205.4%2041.3%2015.1L256%20393.4l-41.3-41.3c11.4-9.7%2025.9-15.1%2041.3-15.1m0-16c-25.9%200-48.9%2012.3-63.6%2031.4L256%20416l63.6-63.6C304.9%20333.3%20281.9%20321%20256%20321z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-wifi-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-wifi-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-wifi-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-wifi-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-wifi-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2096c-83%200-166.1%2035.8-224%2093.7l37.3%2039.6c24.3-24.3%2052.5-43.3%2083.9-56.6C185.8%20159%20220.3%20152%20256%20152s70.2%207%20102.7%2020.7c31.4%2013.3%2059.7%2032.3%2083.9%2056.6l37.3-39.6C422.1%20131.8%20339%2096%20256%2096z%22%2F%3E%3Cpath%20d%3D%22M256%20209c-57.2%200-109%2023.1-146.6%2060.4L149%20309c28.7-28.4%2066.6-44%20107-44%2040.4%200%2078.3%2015.6%20107%2044l39.6-39.6C365%20232.1%20313.2%20209%20256%20209zM256%20321c-25.9%200-48.9%2012.3-63.6%2031.4L256%20416l63.6-63.6C304.9%20333.3%20281.9%20321%20256%20321z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-wifi-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-wifi-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-wifi($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-wifi-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-wine-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M264%20325c0-22%2020.5-38.7%2040.2-54.8%207.9-6.5%2015.4-12.5%2021.5-19%2026.5-27.7%2026.2-51.7%2026.2-71.1V176c0-44.2-30.8-124.6-32-128h-128c-1.2%203.4-32%2083.5-32%20128v4.1c0%2019.3-.3%2043.4%2026.2%2071.1%206.1%206.4%2013.6%2012.5%2021.5%2019C227.5%20286.3%20248%20303%20248%20325v123h-72v16h160v-16h-72V325zM202.7%2064h106.6c5.4%2016%2019.5%2062.7%2024.8%2096H177.9c5.3-33.3%2019.5-80%2024.8-96zM256%20289.4c-3%200-5.2-.9-7.2-2.8-8.8-10.8-20.2-20.2-31-28.9-7.5-6.1-14.6-11.9-20.1-17.6-22.1-23-21.9-40.9-21.8-59.9%200-1.4-.1-2.8%200-4.3h160c.1%201.4%200%202.8%200%204.3.1%2019%20.3%2036.9-21.8%2059.9-5.5%205.7-12.6%2011.5-20.1%2017.6-10.7%208.8-22.2%2018.1-31%2028.9-1.8%201.9-4%202.8-7%202.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-wine-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-wine-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-wine-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-wine-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-wine-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M264%20325c0-22%2020.5-38.7%2040.2-54.8%207.9-6.5%2015.4-12.5%2021.5-19%2026.5-27.7%2026.2-51.7%2026.2-71.1V176c0-44.2-30.8-124.6-32-128h-128c-1.2%203.4-32%2083.5-32%20128v4.1c0%2019.3-.3%2043.4%2026.2%2071.1%206.1%206.4%2013.6%2012.5%2021.5%2019C227.5%20286.3%20248%20303%20248%20325v123h-72v16h160v-16h-72V325zM202.7%2064h106.6c5.4%2016%2019.5%2062.7%2024.8%2096H177.9c5.3-33.3%2019.5-80%2024.8-96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-wine-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-wine-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-wine($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-wine-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-woman-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M286%20496c-6.1%200-11.8-2.3-16-6.6-3.2-3.3-7.1-9.1-7.1-18.6V351.4H249v119.4c0%209.5-4%2015.4-7.4%2018.7-4.3%204.2-10.1%206.5-16.3%206.5-6.2%200-11.9-2.3-16.3-6.5-3.4-3.3-7.4-9.1-7.4-18.7V351.4h-43.9l44.5-170.6h-6.8L171%20271.2c-4%2013.1-13.7%2017.8-21.4%2017.8-6.6%200-12.9-3.2-17-8.7-4.8-6.4-6.1-14.9-3.6-23.9l29-104.1c4.2-15.2%2020.7-38.2%2048.7-39.3H305.1c28.4%201.2%2044.1%2026%2048.5%2038.9l.1.4%2029%20104.3c2.4%209%201%2017.6-3.9%2024-4.1%205.4-10.4%208.6-16.9%208.6-7.7%200-17.3-4.8-21.3-18.1v-.2l-24.3-90.1h-7.7l45.5%20170.6H309v119.4c0%209.5-3.9%2015.3-7.1%2018.6-4.2%204.3-9.8%206.6-15.9%206.6zm-52.7-160.5h45.3v135.3c0%206.8%203.8%209.2%207.4%209.2s7.4-2.4%207.4-9.2V335.5h40.3l-45.5-170.6h40.3L356%20266.6c1.2%204.2%203.5%206.6%206.1%206.6%201.6%200%203.3-.9%204.4-2.4%201.8-2.4%202.2-6%201.1-10.1l-28.9-103.9c-2.6-7.6-13.6-27-34-27.9h-97.4c-21.7%201-32.1%2020.8-34%2027.7l-28.9%20104.1c-1.1%204.1-.8%207.6%201%209.9%201.1%201.5%202.8%202.4%204.5%202.4%202.7%200%205-2.3%206.3-6.4l27.4-101.7h39.3l-44.5%20170.6h39.2v135.3c0%208.8%206.6%209.2%207.9%209.2%201.3%200%207.9-.4%207.9-9.2V335.5zM255.9%20106.4c-24.2%200-43.9-20.3-43.9-45.2S231.7%2016%20255.9%2016s43.9%2020.3%2043.9%2045.2-19.7%2045.2-43.9%2045.2zm0-74.4c-15.5%200-28.2%2013.1-28.2%2029.2s12.6%2029.2%2028.2%2029.2%2028.2-13.1%2028.2-29.2S271.5%2032%20255.9%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-woman-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-woman-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-woman-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-woman-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-ios-woman-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M286%20496c-6.1%200-11.8-2.3-16-6.6-3.2-3.3-7.1-9.1-7.1-18.6V351.4H249v119.4c0%209.5-4%2015.4-7.4%2018.7-4.3%204.2-10.1%206.5-16.3%206.5s-11.9-2.3-16.3-6.5c-3.4-3.3-7.4-9.1-7.4-18.7V351.4h-43.9l44.5-170.6h-6.8L171%20271.2c-4%2013.1-13.7%2017.8-21.4%2017.8-6.6%200-12.9-3.2-17-8.7-4.8-6.4-6.1-14.9-3.6-23.9l29-104.1c4.2-15.2%2020.7-38.2%2048.7-39.3H305.1c28.4%201.2%2044.1%2026%2048.5%2038.9l.1.4%2029%20104.3c2.4%209%201%2017.6-3.9%2024-4.1%205.4-10.4%208.6-16.9%208.6-7.7%200-17.3-4.8-21.3-18.1v-.2l-24.3-90.1h-7.7l45.5%20170.6H309v119.4c0%209.5-3.9%2015.3-7.1%2018.6-4.2%204.3-9.8%206.6-15.9%206.6zM255.9%20106.4c-24.2%200-43.9-20.3-43.9-45.2S231.7%2016%20255.9%2016s43.9%2020.3%2043.9%2045.2-19.7%2045.2-43.9%2045.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-ios-woman-image($size: 16px, $color: #000000) {
|
|
background-image: ion-ios-woman-image($color);
|
|
}
|
|
|
|
@mixin ion-ios-woman($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-ios-woman-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-android-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M144%20268.4V358c0%206.9%204.5%2014%2011.4%2014H184v52c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-52h49v52c0%207.5%203.4%2014.2%208.8%2018.6%203.9%203.4%209.1%205.4%2014.7%205.4h.5c13.3%200%2024-10.7%2024-24v-52h27.6c7%200%2011.4-7.1%2011.4-13.9V192H144v76.4zM408%20176c-13.3%200-24%2010.7-24%2024v96c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-96c0-13.3-10.7-24-24-24zM104%20176c-13.3%200-24%2010.7-24%2024v96c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24v-96c0-13.3-10.7-24-24-24z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M311.2%2089.1l18.5-21.9c.4-.5-.2-1.6-1.3-2.5-1.1-.8-2.4-1-2.7-.4l-19.2%2022.8c-13.6-5.4-30.2-8.8-50.6-8.8-20.5-.1-37.2%203.2-50.8%208.5l-19-22.4c-.4-.5-1.6-.4-2.7.4s-1.7%201.8-1.3%202.5l18.3%2021.6c-48.2%2020.9-55.4%2072.2-56.4%2087.2h223.6c-.9-15.1-8-65.7-56.4-87zm-104.4%2049.8c-7.4%200-13.5-6-13.5-13.3%200-7.3%206-13.3%2013.5-13.3%207.4%200%2013.5%206%2013.5%2013.3%200%207.3-6%2013.3-13.5%2013.3zm98.4%200c-7.4%200-13.5-6-13.5-13.3%200-7.3%206-13.3%2013.5-13.3%207.4%200%2013.5%206%2013.5%2013.3%200%207.3-6.1%2013.3-13.5%2013.3z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-android-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-android-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-android($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-android-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-angular-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M213.573%20256h84.846l-42.428-89.356z%22%2F%3E%3Cpath%20d%3D%22M255.98%2032L32%20112l46.12%20272L256%20480l177.75-96L480%20112%20255.98%2032zM344%20352l-26.59-56H194.585L168%20352h-40L256%2072l128%20280h-40z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-angular-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-angular-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-angular($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-angular-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-apple-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M333.6%20153.9c-33.6%200-47.8%2016.5-71.2%2016.5-24%200-42.3-16.4-71.4-16.4-28.5%200-58.9%2017.9-78.2%2048.4-27.1%2043-22.5%20124%2021.4%20193%2015.7%2024.7%2036.7%2052.4%2064.2%2052.7h.5c23.9%200%2031-16.1%2063.9-16.3h.5c32.4%200%2038.9%2016.2%2062.7%2016.2h.5c27.5-.3%2049.6-31%2065.3-55.6%2011.3-17.7%2015.5-26.6%2024.2-46.6-63.5-24.8-73.7-117.4-10.9-152.9-19.2-24.7-46.1-39-71.5-39z%22%2F%3E%3Cpath%20d%3D%22M326.2%2064c-20%201.4-43.3%2014.5-57%2031.6-12.4%2015.5-22.6%2038.5-18.6%2060.8h1.6c21.3%200%2043.1-13.2%2055.8-30.1%2012.3-16.1%2021.6-38.9%2018.2-62.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-apple-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-apple-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-apple($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-apple-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-bitcoin-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M410.5%20279.2c-5-11.5-12.7-21.6-28.1-30.1-8.2-4.5-16.1-7.8-25.4-10%205.4-2.5%2010-5.4%2016.3-11%207.5-6.6%2013.1-15.7%2015.6-23.3%202.6-7.5%204.1-18%203.5-28.2-1.1-16.8-4.4-33.1-13.2-44.8-8.8-11.7-21.2-20.7-37.6-27-12.6-4.8-25.5-7.8-45.5-8.9V32h-40v64h-32V32h-41v64H96v48h27.9c8.7%200%2014.6.8%2017.6%202.3%203.1%201.5%205.3%203.5%206.5%206%201.3%202.5%201.9%208.4%201.9%2017.5V343c0%209-.6%2014.8-1.9%2017.4-1.3%202.6-2%204.9-5.1%206.3-3.1%201.4-3.2%201.3-11.8%201.3h-26.4L96%20416h87v64h41v-64h32v64h40v-64.4c26-1.3%2044.5-4.7%2059.4-10.3%2019.3-7.2%2034.1-17.7%2044.7-31.5%2010.6-13.8%2014.9-34.9%2015.8-51.2.7-14.5-.9-33.2-5.4-43.4zM224%20150h32v74h-32v-74zm0%20212v-90h32v90h-32zm72-208.1c6%202.5%209.9%207.5%2013.8%2012.7%204.3%205.7%206.5%2013.3%206.5%2021.4%200%207.8-2.9%2014.5-7.5%2020.5-3.8%204.9-6.8%208.3-12.8%2011.1v-65.7zm28.8%20186.7c-7.8%206.9-12.3%2010.1-22.1%2013.8-2%20.8-4.7%201.4-6.7%201.9v-82.8c5%20.8%207.6%201.8%2011.3%203.4%207.8%203.3%2015.2%206.9%2019.8%2013.2%204.6%206.3%208%2015.6%208%2024.7%200%2010.9-2.8%2019.2-10.3%2025.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-bitcoin-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-bitcoin-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-bitcoin($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-bitcoin-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-buffer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M70.7%20164.5l169.2%2081.7c4.4%202.1%2010.3%203.2%2016.1%203.2s11.7-1.1%2016.1-3.2l169.2-81.7c8.9-4.3%208.9-11.3%200-15.6L272.1%2067.2c-4.4-2.1-10.3-3.2-16.1-3.2s-11.7%201.1-16.1%203.2L70.7%20148.9c-8.9%204.3-8.9%2011.3%200%2015.6z%22%2F%3E%3Cpath%20d%3D%22M441.3%20248.2s-30.9-14.9-35-16.9-5.2-1.9-9.5.1S272%20291.6%20272%20291.6c-4.5%202.1-10.3%203.2-16.1%203.2s-11.7-1.1-16.1-3.2c0%200-117.3-56.6-122.8-59.3-6-2.9-7.7-2.9-13.1-.3l-33.4%2016.1c-8.9%204.3-8.9%2011.3%200%2015.6l169.2%2081.7c4.4%202.1%2010.3%203.2%2016.1%203.2s11.7-1.1%2016.1-3.2l169.2-81.7c9.1-4.2%209.1-11.2.2-15.5z%22%2F%3E%3Cpath%20d%3D%22M441.3%20347.5s-30.9-14.9-35-16.9-5.2-1.9-9.5.1S272.1%20391%20272.1%20391c-4.5%202.1-10.3%203.2-16.1%203.2s-11.7-1.1-16.1-3.2c0%200-117.3-56.6-122.8-59.3-6-2.9-7.7-2.9-13.1-.3l-33.4%2016.1c-8.9%204.3-8.9%2011.3%200%2015.6l169.2%2081.7c4.4%202.2%2010.3%203.2%2016.1%203.2s11.7-1.1%2016.1-3.2l169.2-81.7c9-4.3%209-11.3.1-15.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-buffer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-buffer-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-buffer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-buffer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-chrome-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M188.8%20255.925c0%2036.946%2030.243%2067.178%2067.2%2067.178s67.2-30.23%2067.2-67.178c0-36.945-30.243-67.18-67.2-67.18s-67.2%2030.235-67.2%2067.18z%22%2F%3E%3Cpath%20d%3D%22M476.752%20217.795c-.01.005-.016.038-.024.042-1.7-9.877-4.04-19.838-6.99-28.838h-.106c2.983%209%205.352%2019%207.072%2029h-.002c-1.72-10-4.088-20-7.07-29h-155.39c19.044%2017%2031.358%2040.174%2031.358%2067.05%200%2016.797-4.484%2031.285-12.314%2044.725L231.044%20478.452s-.01.264-.014.264l-.01.284h.015l-.005-.262c8.203.92%2016.53%201.262%2024.97%201.262%206.842%200%2013.61-.393%2020.3-1.002a223.86%20223.86%200%200%200%2029.776-4.733C405.68%20451.525%20480%20362.405%20480%20255.94c0-12.998-1.12-25.752-3.248-38.145z%22%2F%3E%3Cpath%20d%3D%22M256%20345.496c-33.6%200-61.6-17.91-77.285-44.785L76.005%20123.048l-.136-.236a223.516%20223.516%200%200%200-25.904%2045.124C38.406%20194.944%2032%20224.686%2032%20255.924c0%2062.696%2025.784%20119.36%2067.316%20160.01%2029.342%2028.72%2066.545%2049.433%20108.088%2058.62l.03-.052%2077.682-134.604c-8.96%203.358-19.03%205.598-29.116%205.598z%22%2F%3E%3Cpath%20d%3D%22M91.292%20104.575l77.35%20133.25C176.482%20197.513%20212.315%20166%20256%20166h205.172c-6.92-15-15.594-30.324-25.78-43.938.04.02.08.053.118.074C445.644%20135.712%20454.278%20151%20461.172%20166h.172c-6.884-15-15.514-30.38-25.668-43.99-.115-.06-.23-.168-.342-.257C394.474%2067.267%20329.36%2032%20256%2032c-26.372%200-51.673%204.57-75.172%2012.936-34.615%2012.327-65.303%2032.917-89.687%2059.406l.143.243.01-.01z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-chrome-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-chrome-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-chrome($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-chrome-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-codepen-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M241.24%20303.936c-15.323-10.357-30.743-20.57-46.063-30.93-2.03-1.373-3.43-1.472-5.502-.03l-38.87%2026.155C181.964%20319.906%20244%20361.318%20244%20361.318V307.53c-.012-1.223-1.553-2.78-2.76-3.594zM195.092%20240.666c15.454-10.16%2030.85-20.41%2046.11-30.86%201.485-1.018%202.774-3.51%202.798-5.334v-51.706s-62.033%2041.124-93.262%2061.942c13.7%209.16%2026.67%2017.913%2039.787%2026.443%201.02.663%203.396.285%204.567-.484zM269.838%20209.354a4521.517%204521.517%200%200%200%2047.627%2031.815c.916.603%202.92.6%203.84%200l39.75-26.468L268%20152.484v53.35c.01%201.2.805%202.82%201.838%203.52zM258.11%20230.37c-1.21-.803-3.612-.53-4.744.167-4.817%202.962-9.463%206.203-14.164%209.355-8.248%205.53-25.356%2017.023-25.356%2017.023l38.842%2025.865c1.748%201.157%204.436%201.22%206.26.11l39.014-25.992s-34.08-22.7-39.853-26.53zM141%20237.116v39.61l29.622-19.84z%22%2F%3E%3Cpath%20d%3D%22M256%2032C132.288%2032%2032%20132.288%2032%20256s100.288%20224%20224%20224%20224-100.288%20224-224S379.712%2032%20256%2032zm139%20265.006c0%205.785-2.652%209.868-7.51%2013.094a38019.91%2038019.91%200%200%200-123.287%2082.188c-5.854%203.918-11.174%203.754-16.984-.137-40.784-27.313-81.72-54.545-122.626-81.675-5.11-3.39-7.594-7.557-7.594-13.73v-79.73c0-6.14%202.52-10.33%207.624-13.715%2040.906-27.13%2081.94-54.363%20122.724-81.676%205.818-3.896%2011.094-4.007%2016.938-.095a41090.004%2041090.004%200%200%200%20123.26%2082.194c4.68%203.106%207.454%206.943%207.454%2012.66v80.622z%22%2F%3E%3Cpath%20d%3D%22M316.247%20273.234a3826.352%203826.352%200%200%201-45.386%2030.332c-2.41%201.588-2.887%203.318-2.86%206.19V361.1l93.04-62.003-38.528-25.882c-2.345-1.604-3.93-1.567-6.265.02zM370%20276.676V237.06l-29.59%2019.873z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-codepen-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-codepen-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-codepen($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-codepen-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-css3-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256.282%20339.488zM64%2032l34.946%20403.22L255.766%20480l157.26-44.85L448%2032H64zm290.676%20334.898l-98.607%2028.125-98.46-28.248L150.865%20289h48.253l3.433%2039.562%2053.586%2015.163.132.273h.034l53.467-14.852L315.38%20265H203l-4-50h120.646l4.396-51H140l-4-49h240.58l-21.904%20251.898z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-css3-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-css3-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-css3($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-css3-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-designernews-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M290.4%20145L227%2096l63.6%20102.2z%22%2F%3E%3Cpath%20d%3D%22M329%2096v163h-36.4l-63.2-98.6%201.7%2098.6H191V152l-37.3-29.3c1%201.2%202%202.4%202.9%203.7%2010%2013.9%2015%2030.5%2015%2050.5%200%2049.2-30.6%2082.1-76.9%2082.1H32v.4L231.6%20416H480V214.1L329%2096z%22%2F%3E%3Cpath%20d%3D%22M129.9%20178.1c0-29-14.2-45.1-39.7-45.1H71v89h19c26%200%2039.9-15.4%2039.9-43.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-designernews-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-designernews-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-designernews($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-designernews-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-dribbble-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064C150%2064%2064%20150%2064%20256c0%20106.1%2086%20192%20192%20192s192-85.9%20192-192c0-106-86-192-192-192zm121.9%2088.5c21.6%2025.4%2035.3%2057.6%2037.7%2092.9-34.6-1.8-76-1.8-109.2%201.3-4.2-10.6-8.5-21-13.2-31%2038.3-16.6%2067.8-38.4%2084.7-63.2zM256%2096c38.8%200%2074.4%2013.8%20102.1%2036.8-17.4%2022-44.7%2041.1-78.7%2055.6-18.6-34.4-40-64-62.8-87.3%2012.7-3.2%2025.8-5.1%2039.4-5.1zm-72.4%2017.5c23.1%2023%2044.8%2052.3%2063.8%2086.6-36.1%2011-77.5%2017.3-121.7%2017.3-8.4%200-16.6-.3-24.7-.8%2011.5-45.1%2042-82.5%2082.6-103.1zM96.3%20248.4c9.1.4%2018.3.6%2027.6.5%2050.4-.6%2097.3-8.5%20137.6-21.4%203.8%207.9%207.4%2016%2010.8%2024.3-5.5%201.3-10.4%202.7-14.3%204.3-55.1%2023.1-98.5%2060.4-122%20105.5-24.8-28.2-40-65.1-40-105.6%200-2.6.1-5.1.3-7.6zM256%20416c-37%200-71-12.6-98.1-33.7%2021.3-42.2%2059.3-77.1%20107.2-98.8%204.5-2.1%2010.5-3.8%2017.4-5.3%205.7%2015.8%2010.8%2032.2%2015.3%2049.2%206.9%2026.5%2011.8%2052.7%2014.8%2078.1C295%20412.2%20276%20416%20256%20416zm86.5-25.5c-3-25.7-7.9-52.1-14.9-78.9-3.4-13-7.3-25.6-11.5-37.9%2031.4-2.6%2069-2.2%2098.9%200-5.4%2049.1-33%2091.3-72.5%20116.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-dribbble-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-dribbble-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-dribbble($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-dribbble-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-dropbox-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M177%2077L64%20150.9l78.1%2062.7L256%20143.1zM64%20276.3l113%2073.9%2079-66.1-113.9-70.5zM256%20284.1l79%2066.1%20113-73.9-78.1-62.7zM448%20150.9L335%2077l-79%2066.1%20113.9%2070.5z%22%2F%3E%3Cpath%20d%3D%22M256.2%20298.3l-79.8%2066-34.4-22.2V367l114%2068%20114-68v-24.9l-34.2%2022.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-dropbox-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-dropbox-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-dropbox($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-dropbox-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-euro-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M234%20272v-48h131.094l7.15-48H234v-1.83c0-35.92%2014.975-58.086%2079.25-58.086%2026.264%200%2055.867%202.498%2093.19%208.742l9.56-64.96C377.988%2051.123%20345.306%2048%20310.057%2048%20195.327%2048%20146%2089.225%20146%20165.43V176H96v48h50v48H96v48h50v26.57C146%20422.774%20195.297%20464%20310.027%20464c35.25%200%2067.848-3.123%20105.86-11.866l-9.62-64.96c-37.322%206.244-66.78%208.742-93.045%208.742-64.276%200-79.223-18.74-79.223-63.086V320h116.794l7.148-48H234z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-euro-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-euro-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-euro($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-euro-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-facebook-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M426.8%2064H85.2C73.5%2064%2064%2073.5%2064%2085.2v341.6c0%2011.7%209.5%2021.2%2021.2%2021.2H256V296h-45.9v-56H256v-41.4c0-49.6%2034.4-76.6%2078.7-76.6%2021.2%200%2044%201.6%2049.3%202.3v51.8h-35.3c-24.1%200-28.7%2011.4-28.7%2028.2V240h57.4l-7.5%2056H320v152h106.8c11.7%200%2021.2-9.5%2021.2-21.2V85.2c0-11.7-9.5-21.2-21.2-21.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-facebook-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-facebook-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-facebook($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-facebook-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-foursquare-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M376.764%2032H138.54C105.667%2032%2096%2056.798%2096%2072.414v379.64c0%2017.59%209.425%2024.117%2014.718%2026.267%205.3%202.156%2019.916%203.972%2028.673-6.167%200%200%20112.47-130.895%20114.4-132.834%202.922-2.93%202.922-2.93%205.845-2.93h72.767c30.574%200%2035.49-21.87%2038.684-34.753%202.66-10.79%2032.49-163.962%2042.452-212.56C421.143%2051.994%20411.745%2032%20376.764%2032zm-5.678%20269.637c2.66-10.79%2032.49-163.962%2042.452-212.56m-50.846%207.593l-10%2051.734C351.5%20154.054%20344.407%20160%20337.83%20160h-95.917C231.473%20160%20224%20166.137%20224%20176.6v13.448c0%2010.473%207.52%2017.894%2017.965%2017.894h81.848c7.374%200%2014.61%208.11%2013.016%2016.005-1.603%207.907-9.087%2046.568-9.985%2050.89-.902%204.327-5.845%2011.724-14.61%2011.724h-64.27c-11.705%200-15.244%201.533-23.074%2011.293-7.836%209.77-78.255%2094.592-78.255%2094.592-.713.82-1.41.583-1.41-.313V95.897c0-6.685%205.793-14.524%2014.48-14.524h191.172c7.035%200%2013.61%206.63%2011.815%2015.297z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-foursquare-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-foursquare-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-foursquare($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-foursquare-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-freebsd-devil-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3E.st0%7Bfill%3A%23010101%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M502.6%20115c-22.5-43.7-58-51-58-51s15.5%2032%2016%2051c.4%2016.1-5.5%2028-27.2%2033.5s-30.8-2-47.8-17.5-41.6-26.5-72.6-28c-40-2-77%209-77%209-20-25%2020-80%2020-80-74.5%2029.5-93.7%2083.3-96%20113.7-1.9%2024.1%208.5%2040.8%208.5%2040.8s-.5%2027.8-5%2042c-3.1%209.8-16.9%2025-26%2034.5-12.2%2012.7-12.5%2038.5%200%2057s44%2027.5%2067%2039.5%2031.5%2021%2031.5%2021%201%208.3.5%2015.3-3.2%2014-9%2018.2c-5.5%203.9-15.5.5-20.5-2s-5-6.2-10.5-8-7.3-4-6.5-11%202-9-3.5-18.5-18.5-9.5-29.5-8-17.3%206.8-17.3%206.8l-16.3-10s8.5-15.6%205.2-35.6c-7.3-43.8-50-62.8-50-62.8L89%20309.3s1.1-2.6%206.4-6.4%208.1-3.6%208.1-3.6%206.6%207.6%209.1%2025.3c2.5%2018-6.7%2027.2-6.7%2027.2l-28.3-18%201-14.5L39.8%20309%2056%20345.7l15-4%2024%2022.7s-15.7%2011.7-33%2011.7c-11%200-22-6-22-6s-1.4-1-.8-5.5c.7-5%206.8-12.5%206.8-12.5H0s27.3%2038.7%2065%2038.7c31%200%2044.2-12.5%2044.2-12.5L128%20397s3%205.5%200%207-7%203.5-9%2015%2018%2029%2018%2029c21.8%2017.8%207%2032%207%2032h272c-9-13-22.5-18-32-32%200%200-44.8-58.4-1.8-90.4%2057.4-42.7%2042.8-69.4%2041.2-101.4%200%200%2031.8-6.6%2059.3-33.6s38.9-70.8%2019.9-107.6zM195%20203c-16.9%204.5-22.5%2035.5-22.5%2035.5%201.5-63%2057.5-93%2065-89s-6.5%2039-21%2064c0%200-8-14.1-21.5-10.5zm37%2015s18-56%2037.5-59.5%2041.5%2021%2041.5%2062-26%2065.4-42.8%2069.2c-16.5%203.8-23%202-23%202s27.5-21.6%2023.5-56.8c-2.8-24.7-31.4-24.2-36.7-16.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-freebsd-devil-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-freebsd-devil-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-freebsd-devil($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-freebsd-devil-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-github-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032C132.3%2032%2032%20134.9%2032%20261.7c0%20101.5%2064.2%20187.5%20153.2%20217.9%201.4.3%202.6.4%203.8.4%208.3%200%2011.5-6.1%2011.5-11.4%200-5.5-.2-19.9-.3-39.1-8.4%201.9-15.9%202.7-22.6%202.7-43.1%200-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1%201.4-14.1h.1c22.5%202%2034.3%2023.8%2034.3%2023.8%2011.2%2019.6%2026.2%2025.1%2039.6%2025.1%2010.5%200%2020-3.4%2025.6-6%202-14.8%207.8-24.9%2014.2-30.7-49.7-5.8-102-25.5-102-113.5%200-25.1%208.7-45.6%2023-61.6-2.3-5.8-10-29.2%202.2-60.8%200%200%201.6-.5%205-.5%208.1%200%2026.4%203.1%2056.6%2024.1%2017.9-5.1%2037-7.6%2056.1-7.7%2019%20.1%2038.2%202.6%2056.1%207.7%2030.2-21%2048.5-24.1%2056.6-24.1%203.4%200%205%20.5%205%20.5%2012.2%2031.6%204.5%2055%202.2%2060.8%2014.3%2016.1%2023%2036.6%2023%2061.6%200%2088.2-52.4%20107.6-102.3%20113.3%208%207.1%2015.2%2021.1%2015.2%2042.5%200%2030.7-.3%2055.5-.3%2063%200%205.4%203.1%2011.5%2011.4%2011.5%201.2%200%202.6-.1%204-.4C415.9%20449.2%20480%20363.1%20480%20261.7%20480%20134.9%20379.7%2032%20256%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-github-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-github-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-github($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-github-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-google-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M457.6%20224l-2.1-8.9H262V297h115.6c-12%2057-67.7%2087-113.2%2087-33.1%200-68-13.9-91.1-36.3-23.7-23-38.8-56.9-38.8-91.8%200-34.5%2015.5-69%2038.1-91.7%2022.5-22.6%2056.6-35.4%2090.5-35.4%2038.8%200%2066.6%2020.6%2077%2030l58.2-57.9c-17.1-15-64-52.8-137.1-52.8-56.4%200-110.5%2021.6-150%2061C72.2%20147.9%2052%20204%2052%20256s19.1%20105.4%2056.9%20144.5c40.4%2041.7%2097.6%2063.5%20156.5%2063.5%2053.6%200%20104.4-21%20140.6-59.1%2035.6-37.5%2054-89.4%2054-143.8%200-22.9-2.3-36.5-2.4-37.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-google-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-google-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-google($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-google-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-googleplus-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M318.2%20230.9l-1.6-7H160V288h90.7c-9.4%2045-48.4%2063.6-84.1%2063.6-26%200-50.2-7.8-68.3-25.3-18.6-18.1-28.9-43.1-28.9-70.4%200-27.1%209.8-51.8%2027.6-69.6%2017.7-17.7%2042-25.4%2068.7-25.4%2030.5%200%2049.9%2013.8%2058.1%2021.1l48-47.7C258.3%20122.6%20221.5%2093%20164.1%2093c-44.3%200-86.7%2016.8-117.7%2047.8C15.9%20171.3%200%20215.2%200%20256s15%2082.6%2044.6%20113.3C76.3%20402%20121.2%20419%20167.5%20419c42.1%200%2081.9-16.5%20110.3-46.3%2028-29.4%2042.4-70.1%2042.4-112.7-.1-18-1.9-28.7-2-29.1zM512%20224h-57v-57h-41v57h-57v41h57v57h41v-57h57z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-googleplus-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-googleplus-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-googleplus($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-googleplus-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-hackernews-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2064v384h384V64H64zm214%20215v72h-40v-72l-66-120h47.1l39.7%2083.6%2038-83.6H342l-64%20120z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-hackernews-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-hackernews-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-hackernews($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-hackernews-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-html5-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2032l34.936%20403.213L255.77%20480l157.244-44.854L448%2032H64zm307.997%20132h-184l3.99%2051h176.01L354.49%20366.386l-98.5%2028.094-98.68-27.976L150.544%20289H198.8l3.422%2039.287%2053.77%2014.78%2053.42-14.914L314.988%20264h-167l-12.572-149.59%20240.79.017L371.996%20164z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-html5-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-html5-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-html5($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-html5-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-instagram-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22255.833%22%20r%3D%2280%22%2F%3E%3Cpath%20d%3D%22M177.805%20176.887c21.154-21.154%2049.28-32.93%2079.195-32.93s58.04%2011.838%2079.195%2032.992c13.422%2013.42%2023.01%2029.55%2028.232%2047.55H448.5v-113c0-26.51-20.49-47-47-47h-288c-26.51%200-49%2020.49-49%2047v113h85.072c5.222-18%2014.81-34.19%2028.233-47.613zM416.5%20147.7c0%207.07-5.73%2012.8-12.8%2012.8h-38.4c-7.07%200-12.8-5.73-12.8-12.8v-38.4c0-7.07%205.73-12.8%2012.8-12.8h38.4c7.07%200%2012.8%205.73%2012.8%2012.8v38.4zM336.195%20335.28c-21.154%2021.153-49.28%2032.678-79.195%2032.678s-58.04-11.462-79.195-32.616c-21.115-21.115-32.76-49.842-32.803-78.842H64.5v143c0%2026.51%2022.49%2049%2049%2049h288c26.51%200%2047-22.49%2047-49v-143h-79.502c-.043%2029-11.687%2057.664-32.803%2078.78z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-instagram-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-instagram-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-instagram($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-instagram-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-javascript-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M208%2088h-80v212.5c0%2052.58-18.032%2067.26-49.412%2067.26-14.705%200-27.948-2.52-38.25-6.063L32%20423.904C46.7%20428.966%2069.26%20432%2086.907%20432%20158.955%20432%20208%20398.13%20208%20301.02V88zM382.463%2080C305.02%2080%20256%20123.998%20256%20182.154c0%2050.083%2037.75%2081.44%2092.64%20101.665%2039.7%2014.157%2055.393%2026.807%2055.393%2047.538%200%2022.756-18.14%2037.425-52.448%2037.425-31.863%200-60.79-10.64-80.394-21.255v-.02L256%20410.727c18.64%2010.637%2053.44%2021.254%2091.167%2021.254C437.854%20431.98%20480%20383.43%20480%20326.284c0-48.55-26.958-79.9-85.278-102.163-43.14-17.19-61.27-26.794-61.27-48.54%200-17.2%2015.688-32.87%2048.043-32.87%2031.846%200%2053.744%2010.707%2066.505%2017.29l19.125-64c-20-8.78-46.937-16-84.662-16z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-javascript-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-javascript-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-javascript($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-javascript-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-linkedin-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M417.2%2064H96.8C79.3%2064%2064%2076.6%2064%2093.9V415c0%2017.4%2015.3%2032.9%2032.8%2032.9h320.3c17.6%200%2030.8-15.6%2030.8-32.9V93.9C448%2076.6%20434.7%2064%20417.2%2064zM183%20384h-55V213h55v171zm-25.6-197h-.4c-17.6%200-29-13.1-29-29.5%200-16.7%2011.7-29.5%2029.7-29.5s29%2012.7%2029.4%2029.5c0%2016.4-11.4%2029.5-29.7%2029.5zM384%20384h-55v-93.5c0-22.4-8-37.7-27.9-37.7-15.2%200-24.2%2010.3-28.2%2020.3-1.5%203.6-1.9%208.5-1.9%2013.5V384h-55V213h55v23.8c8-11.4%2020.5-27.8%2049.6-27.8%2036.1%200%2063.4%2023.8%2063.4%2075.1V384z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-linkedin-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-linkedin-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-linkedin($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-linkedin-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-markdown-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M447.66%2096H64.34C46.505%2096%2032%20110.484%2032%20128.308v255.35C32%20401.492%2046.504%20416%2064.34%20416h383.32c17.836%200%2032.34-14.507%2032.34-32.344V128.308C480%20110.484%20465.496%2096%20447.66%2096zM284.022%20352h-56.048v-96l-42.04%2053.878L143.913%20256v96H87.87V160h56.043l42.022%2067.98%2042.04-67.98h56.048v192zm83.657%200l-69.635-96h42v-96h56.043v96h42.027l-70.453%2096h.018z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-markdown-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-markdown-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-markdown($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-markdown-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-nodejs-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M255.917%20480a32.536%2032.536%200%200%201-16.633-4.6L186.3%20442.96c-7.915-4.56-4.024-6.202-1.444-7.14%2010.565-3.78%2013.713-5.657%2024.947-12.285%201.206-.667%202.747-.424%203.955.322l39.71%2023.504c1.476.85%203.557.85%204.93%200l155.19-92.245c1.474-.877%202.414-2.646%202.414-4.44V163.868c0-1.85-.94-3.593-2.45-4.53l-155.12-94.67c-1.477-.895-3.42-.895-4.897%200l-155.02%2094.704c-1.543.903-2.515%202.698-2.515%204.495v186.804c0%201.813.972%203.513%202.48%204.39l39.93%2023.97c23.61%2012.205%2037.59-.17%2037.59-14.61v-183.7c0-2.65%202.047-4.726%204.596-4.726h22.81c2.514%200%204.596%202.072%204.596%204.727v183.698c0%2032.563-19.353%2051.248-49.2%2051.248-9.155%200-16.396%200-36.55-10.278l-41.585-24.78C70.37%20374.458%2064%20362.964%2064%20350.655V161.19c0-12.315%206.37-23.783%2016.665-29.916L239.35%2036.41c10.027-5.88%2023.374-5.88%2033.332%200l158.65%2094.864C441.63%20137.424%20448%20148.9%20448%20161.19v189.466c0%2012.31-6.37%2023.75-16.668%2029.953l-158.65%2094.773a32.52%2032.52%200%200%201-16.698%204.6l-.067.017z%22%2F%3E%3Cpath%20d%3D%22M304.943%20351.998c-64.61%200-84.006-31.61-84.006-59.27%200-2.63%202.048-4.73%204.562-4.73h20.52c2.282%200%204.227%201.7%204.562%204.016%203.084%2021.602%2016.748%2031.15%2054.324%2031.15%2033.4%200%2047.09-10.346%2047.09-28.684%200-10.592-3.462-18.424-55.406-23.697-43.427-4.44-70.288-14.373-70.288-50.295%200-33.135%2026.996-52.49%2072.234-52.49%2046.128%200%2076.462%2014%2079.173%2050.83.1%201.336-.37%202.628-1.242%203.643-.87.966-2.078%201.528-3.353%201.528h-20.59c-2.147%200-4.025-1.562-4.46-3.713-4.4-16.953-16.97-23.402-49.563-23.402-36.486%200-40.746%2012.753-40.746%2022.607%200%2011.963%205.03%2015.44%2054.294%2022.172%2048.76%206.663%2071.933%2016.117%2071.933%2051.552%200%2035.78-28.808%2058.783-79.075%2058.783h.035z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-nodejs-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-nodejs-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-nodejs($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-nodejs-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-octocat-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%20fill%3D%22%23231F20%22%3E%3Cpath%20d%3D%22M178.354%20287.478c-9.123%200-16.928%204.207-23.2%2012.833-6.292%208.48-9.4%2018.974-9.4%2031.432%200%2012.474%203.167%2023.008%209.4%2031.51%206.272%208.54%2014.038%2012.77%2023.2%2012.77%208.494%200%2015.89-4.27%2022.12-12.77%206.272-8.502%209.4-19.036%209.4-31.51%200-12.42-3.167-22.93-9.4-31.43-6.232-8.588-13.566-12.834-22.12-12.834zM334.668%20287.478c-9.045%200-16.89%204.207-23.182%2012.833-6.27%208.48-9.36%2018.974-9.36%2031.432%200%2012.474%203.187%2023.008%209.36%2031.51%206.29%208.54%2014.098%2012.77%2023.182%2012.77%208.533%200%2015.906-4.27%2022.178-12.77%206.293-8.502%209.418-19.036%209.418-31.51%200-12.42-3.164-22.93-9.418-31.43-6.272-8.588-13.547-12.834-22.178-12.834z%22%2F%3E%3Cpath%20d%3D%22M445.777%20172h-.06s2.794-14.264.315-39.18c-2.182-24.916-7.47-47.838-16.123-68.82%200%200-4.423.76-12.76%202.896s-22.08%206.3-40.94%2014.768c-18.54%208.54-37.985%2019.788-58.296%2033.505-13.803-3.935-34.408-5.94-61.994-5.94-26.29%200-46.914%202.012-61.977%205.945C149.35%2084.315%20112.11%2067.23%2081.85%2064c-8.593%2020.982-13.882%2043.99-16.044%2068.97-2.398%2024.94.432%2039.33.432%2039.33C41.978%20198.55%2032%20236.54%2032%20267.792c0%2024.244.658%2046.078%206.125%2065.48%205.564%2019.31%2012.662%2035.13%2021.098%2047.22%208.61%2012.122%2019.012%2022.79%2031.576%2031.94%2012.466%209.313%2023.987%2015.96%2034.388%2020.215%2010.46%204.372%2022.375%207.602%2035.982%209.86%2013.33%202.387%2023.438%203.646%2030.477%203.997%200%200%2028%201.494%2064.354%201.494%2036.355%200%2064.296-1.495%2064.296-1.495%207.02-.352%2017.145-1.634%2030.535-3.996%2013.548-2.3%2025.522-5.608%2035.942-9.862%2010.402-4.293%2021.943-10.9%2034.47-20.216%2012.522-9.032%2022.905-19.74%2031.517-31.938%208.435-12.09%2015.493-27.91%2021.097-47.22%205.486-19.403%206.145-41.386%206.145-65.63C480%20237.39%20469.982%20199%20445.777%20172zm-65.394%20233.645C352.52%20418.735%20311.486%20424%20257.06%20424l-2.142-.04c-54.443%200-95.36-5.247-122.848-18.41-27.508-13.09-41.27-40.056-41.27-80.737%200-24.33%208.57-43.99%2025.48-59.107%207.355-6.515%2016.44-11.02%2027.646-13.717%2011.13-2.56%2021.354-2.763%2030.97-2.466%209.397.415%2022.55%202.196%2039.343%203.464C231.03%20254.285%20243.534%20256%20256%20256c11.698%200%2027.213-1.957%2052.104-3.96%2024.99-1.97%2043.494-2.97%2055.467-1%2012.29%202.003%2022.987%206.203%2032.13%2014.743%2017.734%2015.75%2026.602%2035.505%2026.602%2059.084%200%2040.666-14.138%2067.67-41.92%2080.778z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-octocat-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-octocat-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-octocat($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-octocat-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-pinterest-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032C132.3%2032%2032%20132.3%2032%20256c0%2091.7%2055.2%20170.5%20134.1%20205.2-.6-15.6-.1-34.4%203.9-51.4%204.3-18.2%2028.8-122.1%2028.8-122.1s-7.2-14.3-7.2-35.4c0-33.2%2019.2-58%2043.2-58%2020.4%200%2030.2%2015.3%2030.2%2033.6%200%2020.5-13.1%2051.1-19.8%2079.5-5.6%2023.8%2011.9%2043.1%2035.4%2043.1%2042.4%200%2071-54.5%2071-119.1%200-49.1-33.1-85.8-93.2-85.8-67.9%200-110.3%2050.7-110.3%20107.3%200%2019.5%205.8%2033.3%2014.8%2043.9%204.1%204.9%204.7%206.9%203.2%2012.5-1.1%204.1-3.5%2014-4.6%2018-1.5%205.7-6.1%207.7-11.2%205.6-31.3-12.8-45.9-47-45.9-85.6%200-63.6%2053.7-139.9%20160.1-139.9%2085.5%200%20141.8%2061.9%20141.8%20128.3%200%2087.9-48.9%20153.5-120.9%20153.5-24.2%200-46.9-13.1-54.7-27.9%200%200-13%2051.6-15.8%2061.6-4.7%2017.3-14%2034.5-22.5%2048%2020.1%205.9%2041.4%209.2%2063.5%209.2%20123.7%200%20224-100.3%20224-224C480%20132.3%20379.7%2032%20256%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-pinterest-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-pinterest-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-pinterest($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-pinterest-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-playstation-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3E.st0%7Bfill%3A%23010101%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M399.8%20203c-.8-17.1-3.3-34.5-10.8-50.1-4.1-8.6-9.7-16.5-16.5-23.2-6.3-6.4-13.6-11.7-21.3-16.3-17.1-10.2-37.5-17-84.4-31S192%2064%20192%2064v358.3l79.9%2025.7s.1-198.8.1-299.5v-3.8c0-9.3%207.5-16.8%2016.1-16.8h.5c8.5%200%2015.5%207.5%2015.5%2016.8V278c11%205.3%2029.2%209.3%2041.8%209.1%208.3.2%2016.7-1.7%2024-5.7%207.6-4.1%2013.9-10.4%2018.4-17.8%205.1-8.3%208.2-17.8%209.9-27.3%201.9-10.8%202-22.1%201.6-33.3zM86.7%20357.8c27.4-9.8%2089.3-29.5%2089.3-29.5v-47.2s-76.5%2024.8-111.3%2037.1c-8.6%203.1-17.3%205.9-25.7%209.5-9.8%204.1-19.4%208.7-28.1%2014.8-3.8%202.6-7.2%205.9-9.2%2010.1-2%204.2-2.2%209.2-.5%2013.6%202%205.1%205.8%209.3%2010.1%2012.6%207.8%205.9%2017.1%209.5%2026.4%2012.2%2028.4%209.4%2058.4%2014%2088.4%2013.3%2014.5-.2%2036-1.9%2050-4.4v-42s-11%202.5-41.3%2012.5c-4.6%201.5-9.2%203.3-14%204.3-7.1%201.6-14.4%202.1-21.6%202.2-6.5-.3-13.2-.7-19.3-3.1-2.2-1-4.6-2.2-5.5-4.6-.8-2%20.3-4%201.7-5.4%202.8-2.9%206.8-4.5%2010.6-6z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M512%20345.9c-.1-6-3.7-11.2-7.9-15-7.1-6.3-15.9-10.3-24.7-13.5-5.5-1.9-9.3-3.3-14.7-5-25.2-8.2-51.9-11.2-78.3-11.3-8%20.3-23.1.5-31%201.4-21.9%202.5-67.3%2015.4-67.3%2015.4v48.8s67.5-21.6%2096.5-31.8c9.7-3.3%2020.1-4.6%2030.3-4.6%206.5.2%2013.2.7%2019.4%203.1%202.2.9%204.5%202.2%205.5%204.5.9%202.6-.9%205-2.9%206.5-4.7%203.8-10.7%205.3-16.2%207.4-41%2014.5-132.7%2044.7-132.7%2044.7v47s117.2-39.6%20170.8-58.8c8.9-3.3%2017.9-6.1%2026.4-10.4%207.9-4%2015.8-8.6%2021.8-15.3%203.1-3.6%205-8%205-13.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-playstation-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-playstation-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-playstation($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-playstation-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-python-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M193.46%20249.056c3.723-.67%207.59-1.04%2011.586-1.04l-3.122-.016h103.823c4.503%200%208.806-.617%2012.908-1.754C338.025%20240.883%20352%20223.71%20352%20202.583V115.36c0-24.833-21.15-43.485-46.29-47.607-15.93-2.624-39.257-3.827-55.088-3.75-15.83.087-30.98%201.405-44.277%203.75C167.143%2074.576%20160%2088.928%20160%20115.36V144h96v16H128.82c-35.628%200-64.538%2042.57-64.813%2095.242-.002.253-.007.505-.007.758%200%209.523.94%2018.72%202.685%2027.404C74.648%20323.07%2099.45%20352%20128.82%20352H144v-45.935c0-26.827%2020.146-51.733%2049.46-57.01zm10.196-122.054c-9.592%200-17.384-7.785-17.384-17.403%200-9.665%207.774-17.52%2017.384-17.52%209.574%200%2017.4%207.854%2017.4%2017.52%200%209.617-7.81%2017.402-17.4%2017.402z%22%2F%3E%3Cpath%20d%3D%22M443.95%20222.543C434.78%20186.02%20411.034%20160%20383.18%20160H368v40.672c0%2033.915-22.286%2058.474-49.49%2062.68a53.943%2053.943%200%200%201-8.3.647H206.35a51.41%2051.41%200%200%200-13.048%201.67C174.18%20270.69%20160%20286.6%20160%20307.237v87.227c0%2024.832%2024.977%2039.426%2049.48%2046.55%2029.328%208.532%2061.268%2010.07%2096.367%200%2023.303-6.66%2046.153-20.12%2046.153-46.55V368h-96v-16h127.18c25.24%200%2047.107-21.365%2057.814-52.55C445.474%20286.405%20448%20271.64%20448%20256c0-11.768-1.433-23.038-4.05-33.457zM307.868%20382.82c9.59%200%2017.38%207.785%2017.38%2017.4%200%209.65-7.79%2017.52-17.38%2017.52-9.577%200-17.4-7.87-17.4-17.52%200-9.63%207.807-17.4%2017.4-17.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-python-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-python-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-python($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-python-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-reddit-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22322.3%22%20cy%3D%22288.4%22%20r%3D%2231.8%22%2F%3E%3Ccircle%20cx%3D%22190.3%22%20cy%3D%22288.4%22%20r%3D%2231.8%22%2F%3E%3Cpath%20d%3D%22M480.5%20251c0-27.7-22.2-50.2-49.5-50.2-13%200-24.7%205-33.6%2013.3-33.2-23.4-78.4-38.5-128.7-40.7L292%2095.7l69.6%2013.9c.2%2024.7%2020.1%2044.7%2044.5%2044.7%2024.6%200%2044.5-20.2%2044.5-45.1S430.7%2064%20406.1%2064c-18.6%200-34.5%2011.6-41.2%2028l-85.2-17-29.4%2098.2-7.1.2c-50.3%202.2-95.5%2017.4-128.7%2040.7-8.8-8.3-20.6-13.3-33.6-13.3-27.3%200-49.5%2022.5-49.5%2050.2%200%2019.6%2011%2036.5%2027.1%2044.8-.8%204.9-1.2%209.8-1.2%2014.8C57.5%20386.4%20146.4%20448%20256%20448s198.5-61.6%20198.5-137.5c0-5-.4-9.9-1.1-14.8%2016.1-8.3%2027.1-25.2%2027.1-44.7zM406.1%2081.9c14.8%200%2026.8%2012.2%2026.8%2027.2s-12%2027.2-26.8%2027.2-26.8-12.2-26.8-27.2%2012-27.2%2026.8-27.2zM49.2%20251c0-17.8%2014.3-32.2%2031.8-32.2%207.2%200%2013.9%202.5%2019.2%206.6-17.3%2015.2-30.1%2033-37%2052.4-8.4-5.9-14-15.7-14-26.8zm337.2%20141.9C351.8%20416.8%20305.5%20430%20256%20430s-95.8-13.2-130.4-37.1c-32.5-22.5-50.4-51.8-50.4-82.4%200-3.2.2-6.5.6-9.7.7-6%202.2-11.9%204.3-17.7%205.6-15.6%2016-30.3%2030.7-43.4%204.4-3.9%209.2-7.7%2014.4-11.3.1-.1.3-.2.4-.3C160.2%20204.2%20206.5%20191%20256%20191s95.8%2013.2%20130.4%2037.1c.1.1.3.2.4.3%205.2%203.6%2010%207.4%2014.4%2011.3%2014.7%2013.1%2025.1%2027.8%2030.7%2043.4%202.1%205.8%203.5%2011.7%204.3%2017.7.4%203.2.6%206.4.6%209.7%200%2030.6-17.9%2059.9-50.4%2082.4zm62.4-115.2c-6.9-19.4-19.7-37.2-37-52.4%205.3-4.1%2012-6.6%2019.2-6.6%2017.5%200%2031.8%2014.5%2031.8%2032.2%200%2011.2-5.6%2021-14%2026.8z%22%2F%3E%3Cpath%20d%3D%22M320.5%20357.9c-.2.2-24.2%2024.2-64.5%2024.4-40.9-.2-64.4-24.2-64.6-24.4l-12.6%2012.4c1.2%201.2%2029.6%2029.5%2077.2%2029.7%2047.6-.2%2075.9-28.5%2077.1-29.7l-12.6-12.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-reddit-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-reddit-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-reddit($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-reddit-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-rss-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M119.9%20336.1c-30.8%200-55.9%2025.1-55.9%2055.8%200%2030.8%2025.1%2055.6%2055.9%2055.6%2030.9%200%2055.9-24.9%2055.9-55.6%200-30.7-25-55.8-55.9-55.8z%22%2F%3E%3Cpath%20d%3D%22M64%20192v79.9c48%200%2094.1%2014.2%20128%2048.1%2033.9%2033.9%2048%2079.9%2048%20128h80c0-139.9-116-256-256-256z%22%2F%3E%3Cpath%20d%3D%22M64%2064v79.9c171%200%20303.9%20133%20303.9%20304.1H448C448%20236.3%20276%2064%2064%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-rss-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-rss-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-rss($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-rss-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-sass-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23231F20%22%20d%3D%22M511.784%20329.108c-1.67-13.6-9.236-24.146-20.795-32.416l-.056-.04c-7.19-5.132-3.38-2.412-.047-.033-28.5-20.302-65.676-15.79-96.733-4.512-12.447-20.295-12.987-35.783-5.816-57.937.93-2.8.295-4.353-2.624-5.603-7.086-3.03-17.29-1.427-24.422.463-2.462.646-4.254%201.9-4.8%204.38-5.154%2024.244-21.01%2046.45-34.828%2066.887-9.73-18.652-8.96-33.087-2.414-52.516.798-2.365.43-3.623-1.937-4.878-7.26-3.757-18.4-1.912-25.8.276-8.51%202.482-21.29%2044.594-25.372%2052.946-8.53%2017.442-16.09%2044.665-30.584%2058.502-12.3-15.807%2022.526-51.517%2010.882-65.85-3.938-4.85-11.063-4.724-15.586-.617%201.085-7.61%201.648-12.61-.32-19.064-2.08-6.79-7.36-10.687-15.09-10.49-17.995.527-33.843%2013.815-44.64%2026.397-10.278%2012.105-37.382%2019.627-51.954%2026.927-25.032-21.807-79.22-44.947-80.632-82.08-1.528-41.847%2048.32-70.246%2081.597-87.23%2043.28-22.103%20109.96-49.607%20159.138-25.435%2013.05%206.414%2018.3%2020.17%2014.708%2033.348-9.368%2034.366-47.198%2057.293-80.103%2067.807-16.19%205.175-33.97%209.027-51.1%208.026-22.955-1.343-40.83-15.224-43.28-16.086-2.05-.39-1.89%202.26-1.348%203.664%2023.816%2062.433%20144.417%2016.68%20175.956-15.37%2015.19-15.422%2024.413-30.366%2028.35-53.895%204.617-27.584-15.633-44.843-31.003-51.958C213.212%2056.65%20105.494%20103.89%2046.577%20152.05c-25.568%2020.9-57.552%2054.11-42.874%2088.945%2015.93%2037.805%2064.736%2057.19%2096.503%2080.312-25.704%2012.773-57.862%2025.983-74.518%2049.933-9.524%2013.73-12.903%2028.36-5.81%2043.966%2012.57%2027.568%2058.284%2015.622%2077.572%203.47%2017.67-11.13%2029.563-26.07%2034.7-45.227%204.455-16.61%203.54-33.867-3.856-49.513l28.585-14.458c-7.698%2023.075-11.098%2052.002%204.88%2072.854%206.402%208.338%2023.017%208.675%2029.817.31%208.816-10.942%2014.664-24.654%2020.503-37.205-.682%209.372-1.856%2019.995%201.377%2028.164%203.71%209.373%2012.126%2011.29%2020.792%205.343%2026.52-18.203%2043.397-68.652%2056.462-98.062%203.552%2012.83%207.473%2024.548%2013.957%2036.376%201.6%202.904%201.406%204.775-.797%207.196-9.685%2010.675-32.826%2028.48-35.07%2042.9-.523%203.37%201.714%206.598%205.687%207.37%2015.573%203.107%2032.838-2.532%2045.482-11.08%2013.188-8.92%2017.446-21.086%2014.245-35.514-4.576-20.77%2010.993-43.98%2025.8-61.03%202.72%2012.908%206.817%2025.33%2014.144%2036.606-13.074%2011.483-32.58%2027.764-29.778%2046.94.988%206.864%207.135%2011.3%2014.514%209.735%2015.783-3.324%2029.416-10.113%2039.37-22.146%209.023-10.855%205.792-22.7%201.856-34.635%2023.872-6.815%2048.022-8.177%2071.83-.027%2011.496%203.91%2020.756%2010.5%2026.25%2020.818%206.725%2012.644%202.938%2024.292-10.05%2032.604-3.288%202.104-5.563%203.833-4.45%204.743%201.11.91%204.9%202.113%2013.283-3.152%208.384-5.267%2013.51-12.383%2014.823-21.725a37.09%2037.09%200%200%200-.024-7.755zm-398.838%2025.26c-1.358%2016.672-9.636%2030.192-23.175%2041.113-7.616%206.16-17.1%2011.177-26.52%2012.093-9.417.917-16.75-1.46-17.377-11.23-1.764-27.493%2040.923-54.424%2064.625-62.533%202.02%206.86%203.01%2013.666%202.432%2020.587l.016-.03zm103.102-72.454c-3.903%2022.31-14.83%2062.347-32.314%2078.336-2.356%202.143-4.61%202.018-5.81-.77-10.344-24.06%203.672-73.67%2033.083-81.33%203.457-.888%205.602.583%205.04%203.764zm70.31%2081.768c8.423-8.962%2016.835-17.916%2025.27-26.927%201.043%2010.02-17.57%2029.964-25.27%2026.927zm80.715-17.696c-2.348%201.273-7.62%202.515-7.827.835-1.482-12.084%2011.816-24.873%2020.067-30.866%204.453%2011.343-.818%2023.834-12.24%2030.032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-sass-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-sass-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-sass($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-sass-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-skype-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M436.9%20296.8c2.8-12.5%204.2-25.4%204.2-38.7%200-99.7-82-180.6-183.2-180.6-10.7%200-21.1.9-31.3%202.6C210.3%2069.9%20191%2064%20170.2%2064%20111.6%2064%2064%20110.9%2064%20168.7c0%2019.4%205.3%2037.5%2014.6%2053-2.4%2011.7-3.7%2023.9-3.7%2036.3%200%2099.8%2082%20180.6%20183.1%20180.6%2011.5%200%2022.7-1%2033.5-3%2015%207.9%2032.1%2012.4%2050.2%2012.4%2058.7%200%20106.2-46.9%20106.2-104.7.1-16.7-3.9-32.5-11-46.5zm-85%2047.5c-8.5%2011.8-21%2021.2-37.2%2027.8-16.1%206.6-35.3%209.9-57.3%209.9-26.3%200-48.3-4.6-65.6-13.6-12.3-6.6-22.4-15.4-30.2-26.4-7.8-11-11.7-22-11.7-32.6%200-6.6%202.6-12.3%207.6-17.1%205-4.6%2011.5-7%2019.1-7%206.3%200%2011.7%201.8%2016.1%205.5%204.2%203.5%207.8%208.7%2010.7%2015.5%203.3%207.3%206.8%2013.5%2010.6%2018.4%203.6%204.7%208.7%208.6%2015.3%2011.7%206.7%203.1%2015.6%204.7%2026.6%204.7%2015.1%200%2027.5-3.2%2036.8-9.5%209.2-6.1%2013.6-13.5%2013.6-22.5%200-7.1-2.3-12.7-7.1-17.1-5-4.6-11.5-8.2-19.6-10.6-8.3-2.6-19.6-5.3-33.6-8.2-19-4-35.1-8.8-48-14.2-13.1-5.5-23.7-13.2-31.5-22.7-7.9-9.7-11.8-21.9-11.8-36.2%200-13.7%204.2-25.9%2012.4-36.5%208.2-10.5%2020.1-18.7%2035.6-24.3%2015.2-5.6%2033.3-8.4%2053.7-8.4%2016.4%200%2030.7%201.9%2042.7%205.5%2012.1%203.7%2022.2%208.7%2030.3%2014.9%208%206.2%2014%2012.8%2017.8%2019.7%203.8%207%205.7%2013.9%205.7%2020.6%200%206.4-2.5%2012.3-7.5%2017.4-5%205.1-11.3%207.8-18.8%207.8-6.8%200-12.1-1.6-15.8-4.8-3.4-3-7-7.6-10.9-14.3-4.6-8.5-10.1-15.3-16.4-20.1-6.2-4.6-16.4-7-30.6-7-13.1%200-23.8%202.6-31.7%207.7-7.6%204.9-11.3%2010.6-11.3%2017.3%200%204.1%201.2%207.5%203.7%2010.5%202.6%203.1%206.2%205.9%2010.9%208.2%204.8%202.4%209.8%204.3%2014.7%205.6%205.1%201.4%2013.6%203.5%2025.3%206.1%2014.9%203.1%2028.5%206.7%2040.5%2010.4%2012.2%203.9%2022.7%208.6%2031.3%2014.1%208.8%205.6%2015.7%2012.9%2020.7%2021.5%204.9%208.6%207.4%2019.4%207.4%2031.8.4%2015.1-3.9%2028.7-12.5%2040.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-skype-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-skype-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-skype($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-skype-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-snapchat-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M495.998%20360.39l-.19-14.502-14.397-1.278c-15.412-1.396-43.8-7.22-54.3-16.9-16.28-15.01-35.688-36.2-35.688-51.893%200-1.014%200-2.546%204.15-5.186%204.985-3.173%2012.59-5.583%2019.297-7.71%205.216-1.653%2010.143-3.216%2014.393-5.235%209.236-4.39%2018.498-15.978%2017.47-28.807-1.214-15.166-14.423-27.046-30.07-27.046-4.022%200-8.07.76-12.028%202.26-8.027%203.04-13.743%204.41-17.705%204.96.747-9.318%201.79-20.12%203.21-30.67%205.112-37.947-5.28-73.508-29.263-101.04C335.497%2048.207%20297.377%2032%20256.283%2032H256c-41.093%200-79.215%2016.208-104.59%2045.34-23.983%2027.535-34.376%2063.346-29.266%20101.293%201.416%2010.51%202.46%2021.23%203.21%2030.618-3.97-.558-9.686-1.997-17.703-5.033-3.964-1.502-8.016-2.295-12.042-2.295-15.64%200-28.844%2011.852-30.057%2027.003-1.026%2012.818%208.236%2024.393%2017.47%2028.783%204.252%202.02%209.182%203.578%2014.4%205.232%206.708%202.125%2014.31%204.532%2019.294%207.703%204.147%202.64%204.147%204.168%204.147%205.182%200%208.66-6.19%2024.69-35.687%2051.888-10.5%209.68-39.055%2015.5-54.588%2016.897l-14.572%201.31L16%20360.604c0%201.68.312%2010.546%206.485%2020.32%205.246%208.305%2016.073%2019.282%2037.863%2024.406%206.18%201.452%2011.186%202.562%2015.208%203.453%202.306.512%204.555%201.01%206.454%201.453l.08.623c.9%207.003%201.612%2012.534%204.393%2017.75%202.453%204.6%208.574%2012.315%2022.015%2012.315%202.478%200%205.25-.246%208.472-.75%201.672-.264%203.386-.555%205.2-.864%207.116-1.21%2015.182-2.586%2023.45-2.586%2010.278%200%2018.733%202.188%2025.847%206.688%204.53%202.867%208.892%205.972%2013.51%209.26C202.966%20465.482%20223.356%20480%20256%20480c32.726%200%2053.293-14.582%2071.44-27.446%204.575-3.244%208.897-6.31%2013.376-9.142%207.113-4.5%2015.568-6.688%2025.846-6.688%208.27%200%2016.334%201.375%2023.45%202.586%201.813.31%203.528.602%205.2.864%203.224.505%205.994.75%208.473.75%2013.44%200%2019.562-7.714%2022.015-12.312%202.78-5.214%203.492-10.746%204.392-17.75l.082-.628a678.3%20678.3%200%200%201%206.455-1.452c4.022-.892%209.028-2%2015.205-3.454%2021.85-5.14%2032.61-16.17%2037.79-24.518%206.097-9.828%206.296-18.736%206.273-20.42zM208%20128c8.836%200%2016%2010.745%2016%2024s-7.164%2024-16%2024-16-10.745-16-24%207.164-24%2016-24zm103.615%2077.698C296.368%20220.725%20276.617%20229%20256%20229c-20.838%200-40.604-8.29-55.657-23.343a8%208%200%201%201%2011.313-11.313C223.688%20206.374%20239.436%20213%20256%20213c16.387%200%2032.15-6.64%2044.385-18.698a8%208%200%201%201%2011.23%2011.396zM304%20176c-8.836%200-16-10.746-16-24s7.164-24%2016-24%2016%2010.746%2016%2024-7.164%2024-16%2024z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-snapchat-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-snapchat-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-snapchat($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-snapchat-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-steam-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3E.st0%7Bfill%3A%23010101%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22Gears%22%20class%3D%22st0%22%20d%3D%22M480%20208.2c0%2020.5-16.6%2037.2-37.2%2037.2-20.5%200-37.2-16.6-37.2-37.2%200-20.5%2016.6-37.2%2037.2-37.2%2020.5%200%2037.2%2016.7%2037.2%2037.2zM442.6%20139c-38.1%200-69%2030.7-69.4%2068.7l-43.2%2062c-1.8-.2-3.6-.3-5.4-.3-9.7%200-18.7%202.7-26.4%207.3L102.4%20198c-5.1-23.2-25.9-40.7-50.6-40.7C23.3%20157.2%200%20180.6%200%20209.1c0%2028.5%2023.3%2051.8%2051.8%2051.8%209.7%200%2018.7-2.7%2026.4-7.3L274%20332.2c5.1%2023.3%2025.8%2040.8%2050.6%2040.8%2026.8%200%2049-20.6%2051.5-46.7l66.5-48.6c38.3%200%2069.4-31%2069.4-69.3S480.9%20139%20442.6%20139zm0%2022.9c25.7%200%2046.5%2020.9%2046.5%2046.5%200%2025.7-20.9%2046.4-46.5%2046.4-25.7%200-46.5-20.8-46.5-46.4%200-25.7%2020.8-46.5%2046.5-46.5zm-390.8%209c14.6%200%2027.3%208.2%2033.7%2020.2l-18.9-7.6v.1c-15.3-5.5-32.2%202-38.3%2017.1-6.1%2015.2.9%2032.3%2015.7%2038.9v.1l16.1%206.4c-2.6.6-5.4.9-8.2.9-21.1%200-38.1-17-38.1-38.1-.1-20.9%2016.9-38%2038-38zm272.8%20112.2c21.1%200%2038.1%2017%2038.1%2038.1s-17%2038.1-38.1%2038.1c-14.7%200-27.4-8.2-33.7-20.3%206.3%202.5%2012.5%205%2018.8%207.6%2015.5%206.2%2033.2-1.3%2039.4-16.8%206.2-15.5-1.3-33.1-16.9-39.4l-15.9-6.4c2.8-.5%205.5-.9%208.3-.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-steam-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-steam-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-steam($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-steam-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-tumblr-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M321.2%20396.3c-11.8%200-22.4-2.8-31.5-8.3-6.9-4.1-11.5-9.6-14-16.4-2.6-6.9-3.6-22.3-3.6-46.4V224h96v-64h-96V48h-61.9c-2.7%2021.5-7.5%2044.7-14.5%2058.6-7%2013.9-14%2025.8-25.6%2035.7-11.6%209.9-25.6%2017.9-41.9%2023.3V224h48v140.4c0%2019%202%2033.5%205.9%2043.5%204%2010%2011.1%2019.5%2021.4%2028.4%2010.3%208.9%2022.8%2015.7%2037.3%2020.5%2014.6%204.8%2031.4%207.2%2050.4%207.2%2016.7%200%2030.3-1.7%2044.7-5.1%2014.4-3.4%2030.5-9.3%2048.2-17.6v-65.6c-20.9%2013.7-41.8%2020.6-62.9%2020.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-tumblr-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-tumblr-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-tumblr($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-tumblr-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-tux-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M426.3%20396c-6.7-4-13.2-11-12-18.8%202.3-15.3%202.5-21.5-.2-25.8-1.9-3.2-5.5-5-8.6-5.8%202-2.5%203.1-5.4%203.8-10.9%201.3-10-4.7-41-12.7-65.7s-29.9-50-44.7-68c-26-31.8-22.8-39.2-26.3-99.7C323.4%2062.8%20306.3%2032%20256%2032s-67%2032-67%2059c0%2028.7%202%2051%202%2051%201.3%2033.4%201%2039.4-8%2055.3-4.9%208.7-27%2030-35.7%2044.7s-7.6%2029.5-24.6%2052.8c-12.4%2017-13.8%2028.4-9.7%2044-7%208.2-3.6%2019.9-5%2024.9-2.6%208.7-13.7%2010.3-22.3%2011s-15.3%200-18.7%205.3.7%2016%204.3%2030-7.3%2015-7.3%2031%2030%2016%2059.7%2022.7%2040.7%2016.3%2056%2016.3%2026.8-10.2%2038-19.3c7.2-5.9%2029-3.7%2042.3-3.7s34.3-.6%2045.7%202.4S317%20480%20345%20480s34.7-20.7%2061-34.3%2042-20%2042-29.7-15-16-21.7-20zm-226.5%2055.5c-1.3%2013-12.6%2017.1-24.1%2016.1-13-1.1-29-7.6-44.1-12.1s-35.5-7.5-49-9.9c-15.3-2.7%200-13.6-.2-34.2-.1-8-7.1-19.4-4.2-24.7s17.3-2.4%2022.3-3.8%2012.7-5.7%2015.3-11.9c1.4-3.4%201.8-17.7%202.9-22.8%201.1-4.9%207.9-7.2%2022.2.1s28.9%2038.1%2042.3%2059.8%2017.9%2030.4%2016.6%2043.4zm118.5-65.8c2%2010.3%203.2%2024.5.7%2036.3s-7%2015.5-10.7%2023c-2.2-6.8%205.3-13.8%204.4-30.8-.5-9.5-.8-7.8-11.5%201.8-12.2%2010.8-27.6%2020.1-53%2022.5-21%202-32.5-8.3-32.5-8.3%205%2016-4.3%2024.7-4.3%2024.7.3-3.7.8-14.3-2.5-21.6-4-9-9.3-18.7-9.3-18.7s8.6-2.7%2011.6-10%202-17.3-8.7-27.7-52.5-37.6-55.9-42.1c-4.9-6.5-6.7-10.2-7-23.2s5.4-24.8%204.3-20.3c-.8%203.2.1%206.8.1%2019.8s7.6%2023.3%2013.9%2025c9.5%202.6%202-26.1%208-53.1s11.7-32.8%2019.2-43.8%2019.2-20.5%2017-43.1-.1-20.1%205.1-11.8c4%206.5%2013.3%2024%2024.7%2022%2019.4-3.3%2043.9-24.6%2047.6-28.2%203.7-3.6.7-7.1-2.3-5.8-15.5%206.7-44.3%2021.5-51.5%2018.2s-18.1-20.6-16.8-19.5c15.4%2013.6%2019.9%2011.1%2026.4%209%208.4-2.8%2012.8-4.3%2028.5-11.3s20.7-5.3%2022.3-8.7-.4-6.7-4.7-5.7c-6.4%201.5-3.4%205.1-22.7%2012.3-25.3%209.5-33.3%2010.3-44%203-8.6-5.9-15-12.7-15-16.7s8.3-8.3%2012.3-11.3%2012.3-10.9%2012.3-10.9%201-7.2-.6-12.7c-1.9-6.5-7.8-9.3-11.9-8.1-4.1%201.1-8%205.5-6.8%2014.8%201%208.3%207%2011%207%2011s-2.7%203.5-5.2%204.7c0%200-.8-.3-3.5-6.3s-6.6-19.5-.3-31.1%2019.6-5.2%2023.8%203.8c3.9%208.3%202.4%2022.7%202.4%2022.7%206-2.2%2013-2%2021%203.5-7.1-29.8%209.5-41.1%2022-41.1s22.3%209.6%2022.3%2025c0%2012-3.5%2018.2-6.9%2022-4.1-.5-8.2-1.5-6.3-3.4%201.3-1.4%204.4-5.7%204.4-13.2s-5.9-13.7-13.7-13.7c-9.2%200-12.6%208.3-13.7%2013s-.4%208.6-.2%2010.4c.6%205%2010.9%209.6%2023.9%2012.9s11.3%209%208.3%2025.3%206.3%2018.3%2014.3%2033.8%205.7%2021.8%2015.9%2035.2%2019%2047.8%2016.4%2076.8c-.9%2010.5-3.9%2010.2%207.3%206.7%205.6-1.7%2012-2.7%2012-2.7%203.1-6.3%203.4-16.3%203.5-22.3.2-13.5.7-41.5-26.7-71.5%200%200%2029.5%2021.7%2034%2062%202.5%2022.3-2%2032.4-2%2032.4%205.3%201.3%209.8%207.3%2012.6%2011.8%203.7%206.1-3.9-5.8-20-5.8-8.5%200-15.3%203.9-18.5%207.9s-3.1%207.6-3.2%2011.7c-7.1-1.2-12.4%200-16.8%204.9-5.6%207-2.8%2024.2-.8%2034.6zm90.1%2047.2c-24.1%2010.4-32.7%2023.5-47.7%2031.5s-27.7%202.3-33.7-8%2010.4-28.2%204.7-59.6c-4.4-24.2-6.3-31-4.9-36.8%201.4-5.5%209.4-4.4%2011.5-3.9%201.3%205.4%206.7%2019.5%2027%2019.5%200%200%2023.2%202.6%2032.7-21.2%200%200%205.7-.2%207.2%203.5%202.3%205.8-2.9%2016.5-2.8%2021.3.3%2015.7%2011.7%2021.1%2028.4%2032%208.2%205.6%202.1%2011.1-22.4%2021.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-tux-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-tux-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-tux($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-tux-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-twitch-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M80%2032l-32%2080v304h96v64h64l64-64h80l112-112V32H80zm336%20256l-64%2064h-96l-64%2064v-64h-80V80h304v208z%22%2F%3E%3Cpath%20d%3D%22M320%20143h48v129h-48zM208%20143h48v129h-48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-twitch-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-twitch-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-twitch($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-twitch-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-twitter-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M492%20109.5c-17.4%207.7-36%2012.9-55.6%2015.3%2020-12%2035.4-31%2042.6-53.6-18.7%2011.1-39.4%2019.2-61.5%2023.5C399.8%2075.8%20374.6%2064%20346.8%2064c-53.5%200-96.8%2043.4-96.8%2096.9%200%207.6.8%2015%202.5%2022.1-80.5-4-151.9-42.6-199.6-101.3-8.3%2014.3-13.1%2031-13.1%2048.7%200%2033.6%2017.2%2063.3%2043.2%2080.7-16-.4-31-4.8-44-12.1v1.2c0%2047%2033.4%2086.1%2077.7%2095-8.1%202.2-16.7%203.4-25.5%203.4-6.2%200-12.3-.6-18.2-1.8%2012.3%2038.5%2048.1%2066.5%2090.5%2067.3-33.1%2026-74.9%2041.5-120.3%2041.5-7.8%200-15.5-.5-23.1-1.4C62.8%20432%20113.7%20448%20168.3%20448%20346.6%20448%20444%20300.3%20444%20172.2c0-4.2-.1-8.4-.3-12.5C462.6%20146%20479%20129%20492%20109.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-twitter-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-twitter-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-twitter($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-twitter-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-usd-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M411.387%20303.256c-3.12-9.577-7.89-18.56-14.3-26.952-6.423-8.382-14.397-15.826-23.93-22.33-9.54-6.5-20.722-11.63-33.554-15.4-5.143-1.364-14.19-3.507-26.104-6.42-8.517-2.073-16.5-4.2-25.5-6.366V120.065c9%202.396%2015.25%206.202%2021.925%2010.43%2014.28%209.04%2023.232%2024.505%2025.855%2045.505h69.174c-.654-18-4.65-32.76-11.996-46.02-8.07-14.543-18.977-27.024-32.73-36.956-13.75-9.922-30.225-17.49-48.377-22.455-7.883-2.154-14.85-3.965-23.85-5.184V32h-64v33.167c-7%201.044-15.148%202.445-22.426%204.25-17.242%204.283-32.388%2010.868-45.95%2019.764-13.572%208.906-24.353%2020.113-32.605%2033.628-8.252%2013.523-12.313%2029.52-12.313%2048%200%209.585%201.407%2018.993%204.157%2028.235%202.752%209.24%207.442%2017.967%2014.042%2026.18%206.603%208.215%2015.495%2015.66%2026.687%2022.333%2011.183%206.672%2024.705%2012.064%2041.576%2016.17%209.286%202.346%2018.83%204.535%2026.83%206.577V389.89c-11-2.92-21.89-7.4-30.68-13.48-9.17-6.327-16.065-13.953-21.197-23.884-4.78-9.23-7.073-20.526-7.407-32.526H96c.695%2021%205.25%2039.494%2013.672%2055.37%208.8%2016.605%2020.533%2029.96%2035.204%2040.563%2014.662%2010.613%2031.393%2018.356%2051.198%2023.49%208.885%202.305%2018.926%203.96%2027.926%205.23V480h64v-34.54c10-1.07%2018.957-2.69%2028.527-4.88%2018.7-4.272%2035.645-11.035%2050.316-20.275%2014.662-9.24%2026.62-21.128%2035.61-35.68%208.98-14.542%2013.546-32.086%2013.546-52.62%200-9.578-1.502-19.164-4.613-28.75zM224%20209.7c-12-3.744-23.912-9.09-32.05-16.05-8.622-7.354-12.674-17.533-12.674-30.544%200-9.24%202.414-16.94%207.004-23.102%204.58-6.16%209.912-11.038%2016.88-14.63%206.18-3.19%2013.84-5.566%2020.84-7.14V209.7zm118.902%20149.77c-2.94%206.674-7.7%2012.577-14.303%2017.712-6.603%205.133-15.745%209.328-26.378%2012.577-4.5%201.377-8.223%202.443-14.223%203.235v-107.11c10%202.624%2018.18%205.332%2026.325%208.13%208.062%202.745%2015.748%207.444%2022.537%2014.117%206.785%206.676%2010.31%2017.03%2010.31%2031.06%200%206.85-1.338%2013.605-4.27%2020.28z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-usd-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-usd-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-usd($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-usd-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-vimeo-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M476.9%20114c-5-23.4-17.5-38.8-40.6-46.3s-64.9-4.5-94.1%2016.8c-29.9%2021.8-47.6%2059.7-53.8%2083.8%2014.7-6.3%2024-7.7%2039-6.9%2015%20.8%2024.5%2012%2024.9%2025.3.3%209.8-.2%2018.7-3.6%2027.7-10.8%2028.7-27.7%2056.5-47.6%2080.8-2.9%203.6-6.4%206.9-10%209.9-10.2%208.3-18.8%206.1-25.4-5.2-5.4-9.3-9-18.9-12.2-29.1-12.4-39.7-16.8-80.9-23.8-121.6-3.3-19.5-7-39.8-18-56.9-11.6-17.8-28.6-24.6-50-22-14.7%201.8-36.9%2017.5-47.8%2026.4%200%200-56%2046.9-81.8%2071.4l21.2%2027s17.9-12.5%2027.5-18.3c5.7-3.4%2012.4-4.1%2017.2.2%204.5%203.9%209.6%209%2012.3%2014.1%205.7%2010.7%2011.2%2021.9%2014.7%2033.4%2013.2%2044.3%2025.5%2088.7%2037.8%20133.3%206.3%2022.8%2013.9%2044.2%2028%2063.6%2019.3%2026.6%2039.6%2032.7%2070.9%2021.5%2025.4-9.1%2046.6-26.2%2066-43.9%2033.1-30.2%2059.1-65.4%2085.5-101.2%2020.4-27.7%2037.3-55.7%2051.4-87%2013.9-31%2019.4-63.5%2012.3-96.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-vimeo-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-vimeo-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-vimeo($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-vimeo-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-whatsapp-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M260.062%2032C138.605%2032%2040.134%20129.7%2040.134%20250.232c0%2041.23%2011.532%2079.79%2031.56%20112.687L32%20480l121.764-38.682c31.508%2017.285%2067.745%2027.146%20106.298%2027.146C381.535%20468.464%20480%20370.75%20480%20250.232%20480%20129.702%20381.535%2032%20260.062%2032zm109.362%20301.11c-5.174%2012.827-28.574%2024.533-38.9%2025.072-10.313.547-10.607%207.994-66.84-16.434-56.224-24.434-90.05-83.844-92.718-87.67-2.67-3.812-21.78-31.047-20.75-58.455%201.04-27.413%2016.048-40.346%2021.405-45.725%205.352-5.387%2011.487-6.352%2015.233-6.413%204.428-.072%207.296-.132%2010.573-.01%203.274.123%208.192-.686%2012.45%2010.638%204.256%2011.323%2014.443%2039.153%2015.746%2041.99%201.302%202.838%202.108%206.125.102%209.77-2.012%203.653-3.042%205.935-5.96%209.083-2.936%203.148-6.175%207.042-8.793%209.45-2.92%202.664-5.97%205.57-2.9%2011.268%203.07%205.693%2013.654%2024.356%2029.78%2039.736%2020.725%2019.77%2038.598%2026.33%2044.098%2029.317%205.515%203.004%208.806%202.67%2012.226-.93%203.404-3.598%2014.64-15.745%2018.596-21.168%203.955-5.44%207.66-4.374%2012.742-2.33%205.078%202.052%2032.157%2016.556%2037.673%2019.55%205.51%202.99%209.193%204.53%2010.51%206.9%201.317%202.38.9%2013.532-4.27%2026.36z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-whatsapp-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-whatsapp-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-whatsapp($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-whatsapp-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-windows-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3E.st0%7Bfill%3A%23010101%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M480%20265H232v179l248%2036V265zM216%20265H32v150l184%2026.7V265zM480%2032L232%2067.4V249h248V32zM216%2069.7L32%2096v153h184V69.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-windows-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-windows-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-windows($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-windows-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-wordpress-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M259%20271.3L226.2%20367h-.1l-25.4%2073.1c1.8.5%203.5.9%205.3%201.4h.3c15.8%204.2%2032.4%206.5%2049.5%206.5%208.5%200%2016.8-.5%2024.9-1.8%2011.2-1.4%2022-3.8%2032.5-7.1%202.6-.8%205.2-1.7%207.8-2.6-2.8-6-8.8-19.3-9.1-19.9L259%20271.3zM80.8%20180.5C70.8%20203.1%2064%20230.9%2064%20256c0%206.3.3%2012.6.9%2018.8%206.9%2071.2%2052.9%20131%20116.1%20157.9%202.6%201.1%205.3%202.2%208%203.2L96%20180.6c-8-.3-9.5.2-15.2-.1z%22%2F%3E%3Cpath%20d%3D%22M430.2%20175.4c-4.3-9.3-9.4-18.2-15.1-26.6-1.6-2.4-3.4-4.8-5.1-7.2-21.5-28.8-50.8-51.4-84.9-64.6-21.4-8.4-44.8-13-69.2-13-60.3%200-114.2%2028-149.4%2071.7-6.5%208-12.3%2016.6-17.5%2025.6%2014.2.1%2031.8.1%2033.8.1%2018.1%200%2046-2.2%2046-2.2%209.4-.6%2010.4%2013.1%201.1%2014.2%200%200-9.4%201.1-19.8%201.6L213%20362l37.8-113.3-26.8-73.6c-9.4-.5-18.1-1.6-18.1-1.6-9.4-.5-8.2-14.8%201-14.2%200%200%2028.5%202.2%2045.5%202.2%2018.1%200%2046-2.2%2046-2.2%209.3-.6%2010.5%2013.1%201.1%2014.2%200%200-9.3%201.1-19.7%201.6l62.3%20185.6%2017.3-57.6c8.7-22.4%2013.1-40.9%2013.1-55.7%200-21.3-7.7-36.1-14.3-47.6-8.7-14.3-16.9-26.3-16.9-40.4%200-15.9%2012-30.7%2029-30.7h2.2c26.2-.7%2034.8%2025.3%2035.9%2043v.6c.4%207.2.1%2012.5.1%2018.8%200%2017.4-3.3%2037.1-13.1%2061.8l-39%20112.8-22.3%2065.7c1.8-.8%203.5-1.6%205.3-2.5%2056.7-27.4%2098-82%20106.7-146.7%201.3-8.5%201.9-17.2%201.9-26%200-28.9-6.4-56.3-17.8-80.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-wordpress-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-wordpress-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-wordpress($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-wordpress-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-xbox-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%3E.st0%7Bfill%3A%23010101%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M126.8%20248.3c39.7-58.6%2077.9-92.8%2077.9-92.8s-42.1-48.9-92.8-67.4l-3.3-.8C61.7%20128.4%2032%20188.7%2032%20256c0%2050.7%2016.9%2097.5%2045.2%20135%200-4.4.6-70.3%2049.6-142.7zM480%20256c0-67.3-29.7-127.6-76.6-168.7l-3.2.9c-50.7%2018.5-92.9%2067.4-92.9%2067.4s38.2%2034.2%2077.9%2092.8c49%2072.4%2049.6%20138.3%2049.5%20142.7C463.2%20353.5%20480%20306.7%20480%20256zM201.2%2080.9c29.3%2013.1%2054.6%2034.6%2054.6%2034.6s25.5-21.4%2054.8-34.6c36.8-16.5%2064.9-11.3%2072.3-9.5C346.8%2046.6%20303.1%2032%20256%2032c-47.1%200-90.8%2014.6-126.9%2039.4%207.2-1.8%2035.2-7.1%2072.1%209.5zM358.7%20292.9C312.4%20236%20255.8%20199%20255.8%20199s-56.3%2037-102.7%2093.9c-39.8%2048.9-54.6%2084.8-62.6%20107.8l-1.3%204.8c41%2045.7%20100.5%2074.5%20166.8%2074.5%2066.3%200%20125.8-28.8%20166.8-74.5l-1.4-4.8c-8-23-22.9-58.9-62.7-107.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-xbox-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-xbox-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-xbox($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-xbox-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-yahoo-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384.6%2068.4c-11.3%200-22.5-.8-32.6-4.4l-96%20160-96-160c-10.1%203.6-20.7%204.4-32%204.4-11.1%200-22.1-.9-32-4.4l128%20212.7V448c10-3.5%2020.8-4.4%2032-4.4s22%20.9%2032%204.4V277L416%2064c-9.9%203.4-20.3%204.4-31.4%204.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-yahoo-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-yahoo-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-yahoo($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-yahoo-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-yen-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%2032h-80L256%20253.128%20144%2032H64l112.368%20208H128v48h73.564L216%20319v17h-88v48h88v96h80v-96h88v-48h-88v-17l14.89-31H384v-48h-48.29L448%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-yen-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-yen-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-yen($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-yen-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-logo-youtube-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M508.6%20148.8c0-45-33.1-81.2-74-81.2C379.2%2065%20322.7%2064%20265%2064h-18c-57.6%200-114.2%201-169.6%203.6C36.6%2067.6%203.5%20104%203.5%20149%201%20184.6-.1%20220.2%200%20255.8c-.1%2035.6%201%2071.2%203.4%20106.9%200%2045%2033.1%2081.5%2073.9%2081.5%2058.2%202.7%20117.9%203.9%20178.6%203.8%2060.8.2%20120.3-1%20178.6-3.8%2040.9%200%2074-36.5%2074-81.5%202.4-35.7%203.5-71.3%203.4-107%20.2-35.6-.9-71.2-3.3-106.9zM207%20353.9V157.4l145%2098.2-145%2098.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-logo-youtube-image($size: 16px, $color: #000000) {
|
|
background-image: ion-logo-youtube-image($color);
|
|
}
|
|
|
|
@mixin ion-logo-youtube($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-logo-youtube-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-add-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.125%2048%2048%20141.125%2048%20256s93.125%20208%20208%20208%20208-93.125%20208-208S370.875%2048%20256%2048zm107%20229h-86v86h-42v-86h-86v-42h86v-86h42v86h86v42z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-add-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-add-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-add-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-add-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-add-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20277.333H277.333V416h-42.666V277.333H96v-42.666h138.667V96h42.666v138.667H416v42.666z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-add-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-add-image($color);
|
|
}
|
|
|
|
@mixin ion-md-add($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-add-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-alarm-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M470%20124.837l-98.443-81.78-27.814%2032.93%2098.442%2081.77L470%20124.837zM167.192%2074.92L139.366%2042%2042%20124.837l27.814%2032.92%2097.378-82.838zm99.51%2097.708H234.6v127.446l101.65%2060.54%2016.05-26.554-85.6-49.917V172.628zM256%2087.665c-107%200-192.6%2086.02-192.6%20191.166C63.4%20383.98%20149%20470%20256%20470c105.936%200%20192.6-86.02%20192.6-191.17%200-105.143-86.664-191.165-192.6-191.165zm0%20339.855c-82.393%200-149.8-66.906-149.8-148.688%200-81.777%2067.407-148.684%20149.8-148.684%2082.394%200%20149.8%2066.906%20149.8%20148.684%200%2082.84-67.406%20148.688-149.8%20148.688z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-alarm-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-alarm-image($color);
|
|
}
|
|
|
|
@mixin ion-md-alarm($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-alarm-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-albums-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M154.7%20464h266.7c23.5%200%2042.7-19.2%2042.7-42.7V154.7c0-23.5-19.2-42.7-42.7-42.7H154.7c-23.5%200-42.7%2019.2-42.7%2042.7v266.7c0%2023.4%2019.2%2042.6%2042.7%2042.6z%22%2F%3E%3Cpath%20d%3D%22M90.7%2048h266.7c23.5%200%2042.7%2019.2%2042.7%2042.7V96H138.7C115.2%2096%2096%20115.2%2096%20138.7V400h-5.3C67.2%20400%2048%20380.8%2048%20357.3V90.7C48%2067.2%2067.2%2048%2090.7%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-albums-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-albums-image($color);
|
|
}
|
|
|
|
@mixin ion-md-albums($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-albums-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-alert-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.6%2048%2048%20141.6%2048%20256s93.6%20208%20208%20208%20208-93.6%20208-208S370.4%2048%20256%2048zm24%20312h-48v-40h48v40zm0-88h-48V144h48v128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-alert-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-alert-image($color);
|
|
}
|
|
|
|
@mixin ion-md-alert($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-alert-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-american-football-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20256c14.1%2035%2036.2%2066%2064%2090.6V165.4C68.2%20190%2046.1%20221%2032%20256zM480%20256c-14.1-35-36.2-66-64-90.6v181.2c27.8-24.6%2049.9-55.6%2064-90.6z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M256%20105c-47.1%200-91%2013.4-128%2036.5v228.9c37%2023.1%2080.9%2036.5%20128%2036.5s91-13.4%20128-36.5V141.5c-37-23.1-80.9-36.5-128-36.5zm96%20135v64h-32v-32h-48v32h-32v-32h-48v32h-32v-96h32v32h48v-32h32v32h48v-32h32v32z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-american-football-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-american-football-image($color);
|
|
}
|
|
|
|
@mixin ion-md-american-football($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-american-football-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-analytics-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M379.4%20178.3l-87.2%20133.4C299%20320%20303%20330.5%20303%20342c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48c0-3%20.3-6%20.8-8.9l-57.6-33.5c-8.6%208.3-20.3%2013.4-33.3%2013.4-8.6%200-16.6-2.3-23.6-6.2L32%20364.2v57.2c0%2023.5%2019.2%2042.7%2042.7%2042.7h362.7c23.5%200%2042.7-19.2%2042.7-42.7V208.8l-58.6-38.9c-8.1%206.3-18.3%2010.1-29.4%2010.1-4.4%200-8.7-.6-12.7-1.7z%22%2F%3E%3Cpath%20d%3D%22M117%20217c26.5%200%2048%2021.5%2048%2048%200%202.1-.2%204.2-.4%206.2l60.1%2033.6c8.3-6.8%2018.8-10.8%2030.4-10.8%203.6%200%207.1.4%2010.4%201.1l87.4-135.4c-5.6-7.8-8.9-17.4-8.9-27.8%200-26.5%2021.5-48%2048-48s48%2021.5%2048%2048c0%203.9-.5%207.7-1.3%2011.3l41.3%2027.6V90.7c0-23.5-19.2-42.7-42.7-42.7H74.7C51.2%2048%2032%2067.2%2032%2090.7V320l40-38.3c-1.9-5.2-3-10.8-3-16.7%200-26.5%2021.5-48%2048-48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-analytics-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-analytics-image($color);
|
|
}
|
|
|
|
@mixin ion-md-analytics($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-analytics-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-aperture-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032C132.288%2032%2032%20132.288%2032%20256s100.288%20224%20224%20224%20224-100.288%20224-224S379.712%2032%20256%2032zm135.765%20359.765C355.5%20428.028%20307.285%20448%20256%20448s-99.5-19.972-135.765-56.235C83.972%20355.5%2064%20307.285%2064%20256s19.972-99.5%2056.235-135.765C156.5%2083.972%20204.715%2064%20256%2064s99.5%2019.972%20135.765%2056.235C428.028%20156.5%20448%20204.715%20448%20256s-19.972%2099.5-56.235%20135.765z%22%2F%3E%3Cpath%20d%3D%22M200.043%20106.067c-40.63%2015.17-73.434%2046.382-90.717%2085.933H256l-55.957-85.933zM412.797%20288c2.1-10.34%203.203-21.04%203.203-32%200-36.624-12.314-70.367-33.016-97.334L311%20288h101.797zM359.973%20134.395C332.007%20110.46%20295.693%2096%20256%2096c-7.966%200-15.794.59-23.448%201.715L310.852%20224l49.12-89.605zM99.204%20224A160.65%20160.65%200%200%200%2096%20256c0%2036.64%2012.324%2070.394%2033.04%2097.366L201%20224H99.204zM311.96%20405.932c40.63-15.17%2073.432-46.382%2090.714-85.932H256l55.96%2085.932zM152.046%20377.62C180.01%20401.546%20216.314%20416%20256%20416c7.97%200%2015.8-.592%2023.456-1.716L201.164%20288l-49.118%2089.62z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-aperture-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-aperture-image($color);
|
|
}
|
|
|
|
@mixin ion-md-aperture($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-aperture-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-apps-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20176h80V96H96v80zm120%20240h80v-80h-80v80zm-120%200h80v-80H96v80zm0-120h80v-80H96v80zm120%200h80v-80h-80v80zM336%2096v80h80V96h-80zm-120%2080h80V96h-80v80zm120%20120h80v-80h-80v80zm0%20120h80v-80h-80v80z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-apps-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-apps-image($color);
|
|
}
|
|
|
|
@mixin ion-md-apps($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-apps-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-appstore-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M464%20152H360c0-57-46.562-103.86-104-103.86S152%2095%20152%20152H48c18.688%20216%2013%20312%2013%20312h390c-.002%200-5.69-98%2013-312zM256%2074.105c43.008%200%2078%2034.895%2078%2077.895H178c0-43%2034.99-77.895%2078-77.895zM204%20397.64V228.867l143%2084.387-143%2084.386z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-appstore-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-appstore-image($color);
|
|
}
|
|
|
|
@mixin ion-md-appstore($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-appstore-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-archive-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M453.594%20100L421.24%2060.703C415.47%2052.627%20405.084%2048%20394.665%2048h-277.33c-10.415%200-20.8%204.627-26.575%2012.702l-32.352%2039.3C51.468%20106.92%2048%20117.334%2048%20128.885v288.89C48%20443.2%2068.8%20464%2094.225%20464h323.553C443.202%20464%20464%20443.2%20464%20417.775v-288.89c0-11.55-3.463-21.962-10.406-28.884zM256%20383.11L128.89%20256h80.89v-46.224h92.443V256h80.89L256%20383.11zM96.534%2094.22l18.486-23.11h277.33l21.966%2023.11H96.534z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-archive-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-archive-image($color);
|
|
}
|
|
|
|
@mixin ion-md-archive($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-archive-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-back-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M427%20234.625H167.296l119.702-119.702L256%2085%2085%20256l171%20171%2029.922-29.924-118.626-119.7H427v-42.75z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-back-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-back-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-back($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-back-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-down-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M277.375%2085v259.704l119.702-119.702L427%20256%20256%20427%2085%20256l29.924-29.922%20119.7%20118.626V85h42.75z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-down-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-down-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-down($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-down-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-dropdown-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.125%2048%2048%20141.125%2048%20256s93.125%20208%20208%20208%20208-93.125%20208-208S370.875%2048%20256%2048zm0%20272l-96-96h192l-96%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropdown-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-dropdown-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropdown-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-dropdown-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-dropdown-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%20192l128%20128%20128-128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropdown-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-dropdown-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropdown($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-dropdown-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-dropleft-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M464%20256c0-114.875-93.125-208-208-208S48%20141.125%2048%20256s93.125%20208%20208%20208%20208-93.125%20208-208zm-272%200l96-96v192l-96-96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropleft-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-dropleft-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropleft-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-dropleft-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-dropleft-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M320%20128L192%20256l128%20128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropleft-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-dropleft-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropleft($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-dropleft-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-dropright-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20464c114.875%200%20208-93.125%20208-208S370.875%2048%20256%2048%2048%20141.125%2048%20256s93.125%20208%20208%20208zm-32-112V160l96%2096-96%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropright-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-dropright-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropright-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-dropright-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-dropright-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M192%20128l128%20128-128%20128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropright-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-dropright-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropright($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-dropright-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-dropup-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M464%20256c0-114.875-93.125-208-208-208S48%20141.125%2048%20256s93.125%20208%20208%20208%20208-93.125%20208-208zm-112%2032H160l96-96%2096%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropup-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-dropup-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropup-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-dropup-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-dropup-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%20320l128-128%20128%20128z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropup-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-dropup-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-dropup($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-dropup-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-forward-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M85%20277.375h259.704L225.002%20397.077%20256%20427l171-171L256%2085l-29.922%2029.924%20118.626%20119.7H85v42.75z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-forward-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-forward-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-forward($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-forward-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-round-back-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M401.4%20224h-214l83-79.4c11.9-12.5%2011.9-32.7%200-45.2s-31.2-12.5-43.2%200L89%20233.4c-6%205.8-9%2013.7-9%2022.4v.4c0%208.7%203%2016.6%209%2022.4l138.1%20134c12%2012.5%2031.3%2012.5%2043.2%200%2011.9-12.5%2011.9-32.7%200-45.2l-83-79.4h214c16.9%200%2030.6-14.3%2030.6-32%20.1-18-13.6-32-30.5-32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-round-back-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-round-back-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-round-back($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-round-back-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-round-down-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M99.4%20284.9l134%20138.1c5.8%206%2013.7%209%2022.4%209h.4c8.7%200%2016.6-3%2022.4-9l134-138.1c12.5-12%2012.5-31.3%200-43.2-12.5-11.9-32.7-11.9-45.2%200l-79.4%2083v-214c0-16.9-14.3-30.6-32-30.6-18%200-32%2013.7-32%2030.6v214l-79.4-83c-12.5-11.9-32.7-11.9-45.2%200s-12.5%2031.2%200%2043.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-round-down-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-round-down-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-round-down($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-round-down-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-round-forward-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M284.9%20412.6l138.1-134c6-5.8%209-13.7%209-22.4v-.4c0-8.7-3-16.6-9-22.4l-138.1-134c-12-12.5-31.3-12.5-43.2%200-11.9%2012.5-11.9%2032.7%200%2045.2l83%2079.4h-214c-17%200-30.7%2014.3-30.7%2032%200%2018%2013.7%2032%2030.6%2032h214l-83%2079.4c-11.9%2012.5-11.9%2032.7%200%2045.2%2012%2012.5%2031.3%2012.5%2043.3%200z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-round-forward-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-round-forward-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-round-forward($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-round-forward-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-round-up-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M412.6%20227.1L278.6%2089c-5.8-6-13.7-9-22.4-9h-.4c-8.7%200-16.6%203-22.4%209l-134%20138.1c-12.5%2012-12.5%2031.3%200%2043.2%2012.5%2011.9%2032.7%2011.9%2045.2%200l79.4-83v214c0%2016.9%2014.3%2030.6%2032%2030.6%2018%200%2032-13.7%2032-30.6v-214l79.4%2083c12.5%2011.9%2032.7%2011.9%2045.2%200s12.5-31.2%200-43.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-round-up-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-round-up-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-round-up($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-round-up-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-arrow-up-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M277.375%20427V167.296l119.702%20119.702L427%20256%20256%2085%2085%20256l29.924%2029.922%20119.7-118.626V427h42.75z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-arrow-up-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-arrow-up-image($color);
|
|
}
|
|
|
|
@mixin ion-md-arrow-up($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-arrow-up-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-at-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M265.6%20212.3c-10.5%200-18.5%204.4-24%2013.2-5.5%208.8-9.1%2022-10.8%2039.6-.9%2011.7%200%2020.5%202.7%2026.5s7.1%209%2013.1%209c5.5%200%2010.3-1.5%2014.6-4.4%204.3-2.9%208.1-8.3%2011.3-16.2l6.1-66c-2.2-.5-4.4-.9-6.5-1.2-2.3-.4-4.4-.5-6.5-.5z%22%2F%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm127.8%20201.9c-.9%2021.4-7.6%2039.9-20%2055.6-12.4%2015.6-31%2023.4-55.6%2023.4-8.2%200-15.3-2.2-21.2-6.6-6-4.4-10.2-10.7-12.6-18.8-4.1%208.3-9.4%2014.5-15.7%2018.6-6.3%204.1-13.7%206.2-22.2%206.2-15.1%200-26.6-5.8-34.6-17.3s-10.9-26.8-8.8-45.9c2.6-24.4%2010-44%2022.2-58.7%2012.2-14.7%2027-22%2044.4-22%2012.2%200%2022.1%201.3%2029.5%203.8%207.4%202.5%2015.6%205.7%2024.5%2011l-.5-.1h.8l-7.7%2083.4c-.5%208.5.1%2014.6%201.7%2017.8%201.7%203.2%203.9%204.9%206.7%204.9%2011.3%200%2020.4-5.1%2027.2-15.6%206.8-10.5%2010.6-23.6%2011.4-39.6%201.6-33-5.1-58.7-20.2-77.1-15.1-18.4-38.3-27.7-69.7-27.7-30.5%200-54.8%209.9-72.8%2029.8s-27.7%2046.9-29.3%2081.2c-1.7%2033.4%205.6%2059.8%2021.9%2079.1%2016.3%2019.4%2039.7%2029.1%2070.3%2029.1%208.5%200%2017.3-.9%2026.5-2.7%209.1-1.8%2017.1-4.1%2023.7-6.8l5.8%2024.2c-6.8%204.1-15.4%207.3-25.9%209.6-10.5%202.3-20.7%203.4-30.7%203.4-40.8%200-72.3-12.1-94.3-36.4-22-24.2-32.2-57.4-30.5-99.6%201.8-41.8%2014.9-74.9%2039.1-99.4%2024.3-24.5%2056.5-36.7%2096.7-36.7%2039.5%200%2069.8%2011.6%2090.7%2034.7%2021.2%2023.2%2030.8%2054.9%2029.2%2095.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-at-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-at-image($color);
|
|
}
|
|
|
|
@mixin ion-md-at($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-at-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-attach-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M341.334%20128v234.666C341.334%20409.604%20302.938%20448%20256%20448c-46.937%200-85.333-38.396-85.333-85.334V117.334C170.667%2087.47%20194.135%2064%20224%2064c29.864%200%2053.333%2023.47%2053.333%2053.334v245.333c0%2011.73-9.605%2021.333-21.334%2021.333-11.73%200-21.334-9.604-21.334-21.333V160h-32v202.667C202.666%20392.53%20226.136%20416%20256%20416c29.865%200%2053.334-23.47%2053.334-53.333V117.334C309.334%2070.4%20270.938%2032%20224%2032s-85.334%2038.4-85.334%2085.334v245.332C138.666%20427.73%20190.938%20480%20256%20480c65.062%200%20117.334-52.27%20117.334-117.334V128h-32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-attach-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-attach-image($color);
|
|
}
|
|
|
|
@mixin ion-md-attach($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-attach-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-backspace-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M433.5%2096H167.2c-12.2%200-21.8%206.2-28.2%2015.6L43%20256l96%20144.2c6.4%209.4%2016%2015.8%2028.2%2015.8h266.2c19.5%200%2035.5-16%2035.5-35.6V131.6C469%20112%20453%2096%20433.5%2096zm-53.3%20223.8l-25%2025.1-63.7-63.8-63.7%2063.8-25-25.1%2063.7-63.8-63.7-63.8%2025-25.1%2063.7%2063.8%2063.7-63.8%2025%2025.1-63.7%2063.8%2063.7%2063.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-backspace-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-backspace-image($color);
|
|
}
|
|
|
|
@mixin ion-md-backspace($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-backspace-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-barcode-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M88%20128h48v256H88zM232%20128h48v256h-48zM160%20144h48v224h-48zM304%20144h48v224h-48zM376%20128h48v256h-48z%22%2F%3E%3Cpath%20d%3D%22M104%20104V56H16v400h88v-48H64V104zM408%2056v48h40v304h-40v48h88V56z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-barcode-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-barcode-image($color);
|
|
}
|
|
|
|
@mixin ion-md-barcode($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-barcode-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-baseball-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M365.9%20402.6L343%20416.1l-16-28%2020.2-11.9c-5.2-8.5-9.8-17.4-13.9-26.7-1.4-3.1-2.7-6.3-3.9-9.5l-25.1%205.8-7.1-31.6%2022.6-5.2c-2.8-12.1-4.7-24-5.5-37H290v-32h24.3c.8-12%202.7-24.8%205.5-36.8l-22.6-5.2%207.1-31.6%2025.1%205.8c1.3-3.2%202.6-6.4%204-9.6%204.1-9.2%208.7-18.1%2013.8-26.6L327%20124.1l16-28%2022.8%2013.5c5.2-6.4%2010.8-12.5%2016.7-18.3C347.4%2064.1%20303.5%2048%20256%2048s-91.4%2016.1-126.5%2043.2c5.9%205.8%2011.5%2012%2016.7%2018.3L169%2096.1l16%2028-20.2%2011.9c5.1%208.5%209.8%2017.4%2013.8%2026.6%201.4%203.2%202.7%206.4%204%209.6l25.1-5.8%207.1%2031.6-22.6%205.2c2.8%2012.1%204.6%2024.8%205.5%2036.8H222v32h-24.3c-.8%2013-2.7%2024.9-5.5%2037l22.6%205.2-7.1%2031.6-25.1-5.8c-1.2%203.2-2.5%206.3-3.9%209.5-4.1%209.2-8.7%2018.1-13.9%2026.7l20.2%2011.9-16%2028-22.9-13.5c-5.2%206.3-10.7%2012.4-16.6%2018.2%2035.1%2027.1%2079%2043.2%20126.5%2043.2s91.4-16.1%20126.5-43.2c-5.9-5.8-11.4-11.9-16.6-18.2z%22%2F%3E%3Cpath%20d%3D%22M393.8%20126l18.1%2010.7-16%2028-21.2-12.5c-5%208.3-9.5%2016.9-13.3%2025.9-.2.4-.4.9-.5%201.3l21%204.9-7.1%2031.6-23.9-5.5c-2.3%209.7-3.8%2019.6-4.6%2029.6H370v32h-23.6c.8%2010%202.3%2020%204.6%2029.8l23.9-5.5%207.1%2031.6-21%204.9c.2.4.3.8.5%201.2%203.8%209%208.3%2017.7%2013.3%2026l21.1-12.4%2016%2028-18%2010.6c3.3%203.9%206.8%207.7%2010.5%2011.3l2%202C442%20362%20464%20311.4%20464%20256s-22-106-57.7-143.4c-.7.7-1.4%201.3-2%202-3.7%203.7-7.2%207.5-10.5%2011.4zM118.2%20386.1l-18-10.6%2016-28%2021.1%2012.4c5.1-8.3%209.5-17%2013.3-26%20.2-.4.3-.8.5-1.2l-21-4.9%207.1-31.6%2023.9%205.5c2.3-9.8%203.8-19.8%204.6-29.8H142v-32h23.6c-.8-10-2.3-19.9-4.6-29.6l-23.9%205.5-7.1-31.6%2021-4.9c-.2-.4-.3-.9-.5-1.3-3.8-9-8.2-17.7-13.3-25.9L116%20164.6l-16-28%2018.1-10.7c-3.4-3.9-6.9-7.7-10.6-11.4l-2-2C70%20150%2048%20200.6%2048%20256s22%20106%2057.7%20143.4c.7-.7%201.4-1.3%202-2%203.6-3.6%207.1-7.4%2010.5-11.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-baseball-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-baseball-image($color);
|
|
}
|
|
|
|
@mixin ion-md-baseball($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-baseball-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-basket-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M362.1%20205.2L272.9%2072.5C269%2066.8%20262.5%2064%20256%2064c-6.5%200-13%202.8-16.9%208.7l-89.2%20132.5H52.4c-11.2%200-20.4%209.1-20.4%2020.2%200%201.8.2%203.6.8%205.5l51.7%20187.5c4.7%2017%2020.4%2029.5%2039.1%2029.5h264.7c18.7%200%2034.4-12.5%2039.3-29.5l51.7-187.5.6-5.5c0-11.1-9.2-20.2-20.4-20.2h-97.4zm-167.2%200l61.1-89%2061.1%2089H194.9zM256%20367.1c-22.4%200-40.7-18.2-40.7-40.5s18.3-40.5%2040.7-40.5%2040.7%2018.2%2040.7%2040.5-18.3%2040.5-40.7%2040.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-basket-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-basket-image($color);
|
|
}
|
|
|
|
@mixin ion-md-basket($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-basket-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-basketball-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M191.6%20272c-3.8%2055-26.4%20107.1-64.5%20147.7%2031.6%2025%2070.9%2041%20112.9%2044.3V272h-48.4zM272%20464c42-3.3%2081.5-19.4%20113.1-44.5-38-40.6-60.5-92.5-64.3-147.5H272v192zM240%2048c-42%203.2-80.5%2019-111.9%2043.6%2038%2040.9%2060.3%2093.4%2063.7%20148.4H240V48zM320.7%20240c3.4-55%2025.6-107.4%2063.5-148.3C352.7%2067.1%20314%2051.2%20272%2048v192h48.7zM408.6%20114.2c-17.2%2018.5-30.7%2039.7-40.1%2062.9-8.2%2020.2-13.1%2040.9-14.6%2062.9H464c-3.7-48-24.1-92.2-55.4-125.8zM368.5%20333.1c9.6%2023.7%2023.3%2045.1%2040.9%2063.8C440.3%20363.4%20460.3%20320%20464%20272H354.1c1.6%2021%206.5%2041.5%2014.4%2061.1zM143.9%20177.1c-9.5-23.3-23-44.5-40.3-63.1-31.4%2033.6-51.9%2078-55.6%20126h110.5c-1.6-22-6.5-42.8-14.6-62.9zM102.7%20397.1c17.7-18.8%2031.5-40.3%2041.1-64%208-19.6%2012.8-40.1%2014.5-61.1H48c3.7%2048%2023.8%2091.6%2054.7%20125.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-basketball-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-basketball-image($color);
|
|
}
|
|
|
|
@mixin ion-md-basketball($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-basketball-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-battery-charging-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M338.2%2076.8h-37.4V32h-89.6v44.8h-37.4c-16.4%200-29.8%2013.4-29.8%2029.8V450c0%2016.6%2013.4%2030%2029.8%2030H338c16.6%200%2030-13.4%2030-29.8V106.6c0-16.4-13.4-29.8-29.8-29.8zM233.6%20435.2V312h-44.8l89.6-168v123.2h44.8l-89.6%20168z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-battery-charging-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-battery-charging-image($color);
|
|
}
|
|
|
|
@mixin ion-md-battery-charging($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-battery-charging-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-battery-dead-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M338.2%2076.8h-37.4V32h-89.6v44.8h-37.4c-16.4%200-29.8%2013.4-29.8%2029.8V450c0%2016.6%2013.4%2030%2029.8%2030H338c16.6%200%2030-13.4%2030-29.8V106.6c0-16.4-13.4-29.8-29.8-29.8zM320%20432H192V124.8h128V432z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-battery-dead-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-battery-dead-image($color);
|
|
}
|
|
|
|
@mixin ion-md-battery-dead($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-battery-dead-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-battery-full-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M338.2%2076.8h-37.4V32h-89.6v44.8h-37.4c-16.4%200-29.8%2013.4-29.8%2029.8V450c0%2016.6%2013.4%2030%2029.8%2030H338c16.6%200%2030-13.4%2030-29.8V106.6c0-16.4-13.4-29.8-29.8-29.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-battery-full-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-battery-full-image($color);
|
|
}
|
|
|
|
@mixin ion-md-battery-full($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-battery-full-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-beaker-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448.1%2034.9c0-1.2-.4-2.9-2.9-2.9H128.5c-54.3%200-64.4%2027.4-64.4%2039.8C94.4%2076%2096%2076.5%2096%20108.5v307c0%2035.3%2028.9%2064.5%2064.3%2064.5H368c35.3%200%2064-29.2%2064-64.5V73.3c2.2-17.5%2012-31.8%2013.1-33.5%201.2-1.9%203-3.8%203-4.9zM354.2%20432H176.3c-15.9%200-29.7-11.9-32.3-27.1V80h240v319.7c0%2018-12.4%2032.3-29.8%2032.3z%22%2F%3E%3Cpath%20d%3D%22M182%20160v226c0%204.4%203.6%208%208%208h148c4.4%200%208-3.6%208-8V160H182z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-beaker-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-beaker-image($color);
|
|
}
|
|
|
|
@mixin ion-md-beaker($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-beaker-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-beer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20140h-16v-6c8.9-9%2016-22.9%2016-38%200-35.3-28.7-64-64-64-16.3%200-31.1%206.1-42.4%2016.1C297.2%2038%20281.4%2032%20264.2%2032c-15.8%200-30.4%205.1-42.3%2013.7a56.78%2056.78%200%200%200-37-13.7c-17.1%200-32.4%207.6-42.8%2019.5-11.7-12-28-19.5-46.1-19.5-35.3%200-64%2028.7-64%2064%200%2016.2%206.1%2031%2016%2042.3V193c0%2026.5%2021.5%2048%2048%2048v174.5c0%2035.3%2028.8%2064.5%2064.2%2064.5H336c35.3%200%2064.1-29.2%2064.1-64.5V372h16c50%200%2064-32.7%2064-68v-96c-.1-35.3-17.1-68-64.1-68zm-64%2052H144v-53.7c.3-.4.7-.8%201-1.2%201.2-1.5%202.4-3%203.5-4.6%201.5%201.2%203%202.4%204.6%203.4%209.1%206.1%2020%209.7%2031.7%209.7%206.4%200%2012.6-1.1%2018.3-3%2012.8%2020.2%2035.3%2033.7%2061%2033.7%2022%200%2041.7-9.9%2054.9-25.4%205.7-6.7%2010.2-14.4%2013.1-22.9H352v64zM96%20128.1v75c-9%200-16-7.2-16-16v-63.3c-8-4.5-13.4-12.1-15.3-21-.5-2.1-.7-4.4-.7-6.7%200-17.6%2014.4-32%2032-32%2011.8%200%2023.3%207.7%2030.1%2015.4s26.7%207.7%2033.9%200c6.8-7.3%2014.3-15.4%2024.8-15.4%206%200%2011.6%202.2%2015.9%205.8%201.9%201.6%203.6%203.5%204.9%205.6%201.1%201.8%202%204.2%203.1%205.8%202.7%203.4%206.5%205.5%2011.2%205.5%204.4%200%208.3-1.9%2011-5%20.6-.7%201.2-1.5%201.7-2.3%202-2.5%204.2-4.8%206.7-6.8%206.8-5.4%2015.5-8.6%2024.8-8.6%2010.6%200%2020.2%204.1%2027.4%2010.9%201.7%201.6%206.7%204.5%2013.2%205.1%204.5.4%206.1.3%208.2%200%2010.3-1.3%2014.4-4.7%2016.4-6.6%205.8-5.8%2013.8-9.4%2022.6-9.4%2017.6%200%2032%2014.4%2032%2032%20.2%203.1-.3%206.2-1.2%209.1-2.5-5.5-8.1-9.2-14.6-9.2h-55s-8.7-.7-8.7%208.2c0%208.9-2.9%2017.1-7.8%2023.7-7.3%209.9-19.1%2016.4-32.4%2016.4-14.9%200-27.9-8.1-34.8-20.2-1.6-2.7-2.8-5.6-3.7-8.6-.1-.6-.3-1.1-.4-1.6-2-5.9-7.5-10.2-14.1-10.2-3.9%200-7.5%201.5-10.2%204l-.1.1c-2.4%202.1-5.3%203.7-8.4%204.7-2.4.8-5%201.2-7.7%201.2-7.5%200-14.7-4-18.8-8.6-10-11.4-23.7-6.8-29.7-5.5-6%201.3-12.2%2011.7-12.2%2011.7-1.1%202.1-2.4%204-3.9%205.8-6%206.7-15.2%2011-24.2%2011zM432%20304c0%2017.7-6.3%2024-24%2024h-8V184h8c17.7%200%2024%206.3%2024%2024v96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-beer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-beer-image($color);
|
|
}
|
|
|
|
@mixin ion-md-beer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-beer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-bicycle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M330.666%20131.202c18.668%200%2033.598-14.935%2033.598-33.6S349.334%2064%20330.666%2064C312%2064%20297.07%2078.935%20297.07%2097.6s14.93%2033.602%2033.596%2033.602zm56%20130.132c-51.332%200-93.332%2042-93.332%2093.333s42%2093.333%2093.332%2093.333C438%20448%20480%20406%20480%20354.667s-42-93.333-93.334-93.333zm0%20158.666c-36.402%200-65.332-28.93-65.332-65.333s28.93-65.333%2065.332-65.333c36.404%200%2065.334%2028.93%2065.334%2065.333S423.07%20420%20386.666%20420zm-81.07-196H384v-32h-58.845l-34.62-60.134c-5.605-9.333-15.87-15.864-27.07-15.864-8.4%200-16.798%203.732-22.4%209.333l-71.73%2069.065c-5.602%205.6-9.334%2014-9.334%2022.4%200%2012.13%209.203%2021.464%2018.536%2027.064L240%20282.134V368h32V256l-39.333-32%2042.93-44.533%2030%2044.533zm-180.263%2037.334C74%20261.334%2032%20303.334%2032%20354.667S74%20448%20125.333%20448s93.333-42%2093.333-93.333-42-93.333-93.333-93.333zm0%20158.666C88.933%20420%2060%20391.07%2060%20354.667s28.934-65.333%2065.333-65.333c36.4%200%2065.333%2028.93%2065.333%2065.333S161.732%20420%20125.333%20420z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-bicycle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-bicycle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-bicycle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-bicycle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-bluetooth-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M399%20159.9L270.5%2032H248v170L144.7%2099.2%20113%20130.8%20238.8%20256%20113%20381.2l31.7%2031.6L248%20310v170h22.5L399%20352.1%20302.2%20256l96.8-96.1zm-106-42.1l42.3%2042.1L293%20202v-84.2zm42.3%20234.3L293%20394.2V310l42.3%2042.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-bluetooth-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-bluetooth-image($color);
|
|
}
|
|
|
|
@mixin ion-md-bluetooth($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-bluetooth-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-boat-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M84.255%20413h1.063c34.123%200%2063.977-19.02%2085.305-42.494%2021.325%2023.473%2051.18%2042.762%2085.304%2042.762s63.98-19.334%2085.305-42.806C362.56%20393.934%20392.412%20413%20426.535%20413h1.062l51.253-138.78c2.126-5.33%201.063-11.64-1.07-16.976-2.136-5.333-7.237-8.487-12.567-10.623L427%20234.134v-98.15C427%20112.51%20407.344%2093%20383.884%2093h-63.98l-15.992-53h-95.97L191.95%2093h-63.98C104.512%2093%2085%20112.51%2085%20135.982v98.15l-38.074%2012.533c-5.33%202.136-10.582%205.334-12.718%2010.667-2.135%205.335-3.158%2010.49-1.03%2016.887L84.254%20413zM128%20136h256v84.26l-128-41.604-128%2041.605V136z%22%2F%3E%3Cpath%20d%3D%22M341.23%20408.007c-52.252%2036.267-118.355%2036.258-170.607-.01%200%200-57.638%2064.003-106.632%2064.003H85.32c29.854%200%2058.646-11.726%2085.305-25.594%2053.315%2027.734%20117.293%2027.728%20170.608-.007%2026.66%2013.868%2055.45%2025.6%2085.305%2025.6h21.328c-47.65%200-106.632-63.993-106.632-63.993z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-boat-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-boat-image($color);
|
|
}
|
|
|
|
@mixin ion-md-boat($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-boat-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-body-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048c22%200%2040%2018%2040%2040s-18%2040-40%2040-40-18-40-40%2018-40%2040-40zm192%20144.1H320V464h-42.7V320h-42.7v144H192V192.1H64v-42.7h384v42.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-body-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-body-image($color);
|
|
}
|
|
|
|
@mixin ion-md-body($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-body-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-bonfire-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M272.2%20350.6c-.8-8.2-8.2-14.6-17.3-14.6-8.3%200-15.2%205.4-16.9%2012.5L221.1%20441c-.5%202.3-.8%204.6-.8%207%200%2017.7%2015.5%2032%2034.7%2032s34.7-14.3%2034.7-32c0-2.9-.4-5.7-1.2-8.4l-16.3-89zM310.1%20355zM404.3%20390.3c-1.9-1.4-3.6-2.9-5.6-3.9l-68.9-47.5c-6.3-3.8-13-3.7-17.9.9-4.5%204.1-5.1%2010.4-1.8%2015.4l53%2065.8c1%201.5%202.3%202.8%203.6%204.2%208.5%209.1%2027.2%209.6%2037.5%200%2010.4-9.8%2010.3-27.2.1-34.9zM382.2%20335zM450.4%20322.5l-64.5-2.3c-4.2-.6-8%202.1-8.7%206-.7%203.6%201.5%207.1%205.1%208.8h.1l62.5%2017.8c9%201.9%2019.1-2.3%2019.1-11.6%200-11.9-3.3-17.5-13.6-18.7zM129.5%20335zM129.5%20335c3.6-1.6%205.7-5.2%205.1-8.8-.7-4-4.5-6.6-8.7-6l-64.5%202.3C51%20323.7%2048%20329.3%2048%20341.1c0%209.3%209.9%2013.6%2018.8%2011.6l62.5-17.8c.1.1.1.1.2.1zM182.2%20338.8l-68.9%2047.4c-2%201.1-3.9%202.4-5.6%203.9-10.4%209.6-10.4%2025.1%200%2034.6%2010.4%209.6%2027.1%209.6%2037.5%200%201.4-1.3%202.6-2.7%203.6-4.2l53-65.6c3.3-5%202.7-11.2-1.8-15.3-4.8-4.5-12.6-4.8-17.8-.8zM256%2032s30.2%2035.4%2030.2%2064.4c0%2027.8-18.2%2050.3-45.9%2050.3-27.9%200-48.9-22.5-48.9-50.3l.4-6.9c-27.2%2032.3-43.5%2076.2-43.5%20121.8%200%2059.6%2048.2%20107.8%20107.8%20107.8s107.8-48.2%20107.8-107.8C363.8%20138.7%20328%2053.7%20256%2032zm-3.9%20246.7c-24%200-43.4-18.9-43.4-42.3%200-21.8%2014.1-37.2%2037.9-42%2023.8-4.9%2048.5-16.3%2062.3-34.8%205.3%2017.4%207.9%2035.7%207.9%2054.4%200%2035.7-29%2064.7-64.7%2064.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-bonfire-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-bonfire-image($color);
|
|
}
|
|
|
|
@mixin ion-md-bonfire($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-bonfire-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-book-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M426.2%2080.4l-170.2%2032-170.2-32C64%2077%2048%2097.3%2048%20118v244.5c0%2020.7%2016%2032.6%2037.8%2037.6L256%20432l170.2-32c21.8-5%2037.8-16.9%2037.8-37.6V118c0-20.7-16-41-37.8-37.6zm0%20282l-151.2%2032V149.9l151.2-32v244.5zm-189.2%2032l-151.2-32V118L237%20150v244.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-book-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-book-image($color);
|
|
}
|
|
|
|
@mixin ion-md-book($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-book-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-bookmark-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M360%2064H152c-22.002%200-40%2017.998-40%2040v344l144-64%20144%2064V104c0-22.002-17.998-40-40-40z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-bookmark-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-bookmark-image($color);
|
|
}
|
|
|
|
@mixin ion-md-bookmark($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-bookmark-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-bookmarks-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.2%2064h-21c15%205.7%2022.8%2020.6%2022.8%2042.7v298.7c0%2022.1-7%2037.3-22.8%2042.7h21c23.7%200%2042.8-19.2%2042.8-42.7V106.7c0-23.5-19.1-42.7-42.8-42.7zM345.5%2064.2c-1.4-.1-2.8-.2-4.2-.2H106.7C83.2%2064%2064%2083.2%2064%20106.7v298.7c0%2023.5%2019.2%2042.7%2042.7%2042.7h234.7c1.4%200%202.8-.1%204.2-.2%2021.5-2.1%2038.5-20.4%2038.5-42.5V106.7c-.1-22.1-17.1-40.4-38.6-42.5zM208%20256l-56-32-56%2032V96h112v160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-bookmarks-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-bookmarks-image($color);
|
|
}
|
|
|
|
@mixin ion-md-bookmarks($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-bookmarks-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-bowtie-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M276%20304h-40c-15.4%200-28-12.6-28-28v-40c0-15.4%2012.6-28%2028-28h40c15.4%200%2028%2012.6%2028%2028v40c0%2015.4-12.6%2028-28%2028zM176%20280v-48c0-18.2%208.7-34.4%2022.2-44.6C192%20160%2096%2096%2064%2096c-17.6%200-32%2014.4-32%2032v256c0%2017.6%2014.3%2032%2032%2032%2032%200%20128-64%20134.2-91.4-13.5-10.2-22.2-26.4-22.2-44.6zM448%2096c-32%200-128%2064-134.2%2091.4%2013.5%2010.2%2022.2%2026.4%2022.2%2044.6v48c0%2018.2-8.7%2034.4-22.2%2044.6C320%20352%20416%20416%20448%20416c17.7%200%2032-14.4%2032-32V128c0-17.6-14.4-32-32-32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-bowtie-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-bowtie-image($color);
|
|
}
|
|
|
|
@mixin ion-md-bowtie($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-bowtie-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-briefcase-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%20144v-39.6C352%2082%20334%2064%20311.6%2064H200.4C178%2064%20160%2082%20160%20104.4V144H48v263.6C48%20430%2066%20448%2088.4%20448h335.2c22.4%200%2040.4-18%2040.4-40.4V144H352zm-40%200H200v-40h112v40z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-briefcase-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-briefcase-image($color);
|
|
}
|
|
|
|
@mixin ion-md-briefcase($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-briefcase-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-browsers-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M424%2064H88c-26.6%200-48%2021.6-48%2048v288c0%2026.4%2021.4%2048%2048%2048h336c26.4%200%2048-21.6%2048-48V112c0-26.4-21.4-48-48-48zm0%20336H88V176h336v224z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-browsers-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-browsers-image($color);
|
|
}
|
|
|
|
@mixin ion-md-browsers($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-browsers-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-brush-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M149.9%20302.2c-39.1%200-70.7%2031-70.7%2069.3%200%2030.3-27.3%2046.2-47.2%2046.2C53.7%20446%2090.7%20464%20126.3%20464c52.1%200%2094.3-41.4%2094.3-92.4%200-38.4-31.6-69.4-70.7-69.4zM473.1%2085.7l-31.6-31c-9.2-9-24-9-33.2%200L197%20261.8l64.8%2063.5%20211.2-207c9.3-9%209.3-23.6.1-32.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-brush-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-brush-image($color);
|
|
}
|
|
|
|
@mixin ion-md-brush($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-brush-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-bug-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20160h-67.4c-10.8-18.7-25.7-34.8-43.7-47L376%2073.8%20342.2%2040l-52.1%2052.1C279%2089.4%20267.8%2088%20256%2088s-23%201.4-33.8%204.1L169.8%2040%20136%2073.8l38.9%2039.1c-17.8%2012.2-32.6%2028.3-43.4%2047H64v48h50.2c-1.2%207.9-2.2%2015.8-2.2%2024v24H64v48h48v24c0%208.2%201%2016.1%202.2%2024H64v48h67.4c25%2043%2071.3%2072%20124.6%2072s99.6-29%20124.6-72H448v-48h-50.2c1.2-7.9%202.2-15.8%202.2-24v-24h48v-48h-48v-24c0-8.2-1-16.1-2.2-24H448V160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-bug-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-bug-image($color);
|
|
}
|
|
|
|
@mixin ion-md-bug($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-bug-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-build-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M474.1%20398.2L289.1%20212c18.3-47%208.1-102.3-30.5-141.1C217.9%2030%20156.9%2021.8%20108.1%2044.3l87.4%2088-61%2061.4-89.5-88c-24.3%2049-14.1%20110.4%2026.5%20151.3%2038.6%2038.9%2093.5%2049.1%20140.3%2030.7l185%20186.2c8.1%208.2%2020.3%208.2%2028.5%200l46.8-47c10.2-8.3%2010.2-22.6%202-28.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-build-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-build-image($color);
|
|
}
|
|
|
|
@mixin ion-md-build($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-build-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-bulb-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20170.136c25.5%200%2049.567%2010.025%2067.77%2028.23%2018.205%2018.202%2028.23%2042.27%2028.23%2067.77%200%2017.62-4.422%2034.03-13.144%2048.773-8.34%2014.097-20.437%2026.035-34.985%2034.525L288%20358.697V448h-64V358.697l-15.87-9.262C178.44%20332.11%20160%20300.192%20160%20266.135c0-25.498%2010.025-49.566%2028.23-67.77%2018.203-18.204%2042.27-28.23%2067.77-28.23M277.333%2032h-42.666v64h42.666V32zm129.063%2053.864L368%20124.27l29.864%2029.866%2038.406-38.396-29.874-29.876zm-300.792%200L75.73%20115.74l38.405%2038.395L144%20124.27l-38.396-38.406zM256%20138.136c-70.396%200-128%2057.604-128%20128%200%2046.938%2025.604%2088.53%2064%20110.938V480h128V377.073c38.396-22.406%2064-62.938%2064-110.938%200-70.396-57.604-128-128-128zm224%20106.666h-64v42.667h64V244.8zm-384%200H32v42.667h64V244.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-bulb-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-bulb-image($color);
|
|
}
|
|
|
|
@mixin ion-md-bulb($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-bulb-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-bus-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M80%20352c0%2019.198%2013.864%2024.53%2026.667%2036.27v38.397c0%2011.73%209.6%2021.334%2021.333%2021.334h21.333c11.734%200%2021.334-9.603%2021.334-21.333v-21.333h170.666v21.333c0%2011.73%209.604%2021.334%2021.334%2021.334H384c11.73%200%2021.333-9.603%2021.333-21.333V388.27C418.136%20376.53%20432%20370.137%20432%20352V148.334C432%2073.667%20349.864%2064%20256%2064S80%2073.667%2080%20148.334V352zm80%2015.99c-18.136%200-32-13.865-32-32%200-18.136%2013.864-32%2032-32s32%2013.864%2032%2032c0%2018.135-13.864%2032-32%2032zm192%200c-18.136%200-32-13.865-32-32%200-18.136%2013.864-32%2032-32s32%2013.864%2032%2032c0%2018.135-13.864%2032-32%2032zm32-122.657H128V138.667h256v106.666z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-bus-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-bus-image($color);
|
|
}
|
|
|
|
@mixin ion-md-bus($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-bus-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cafe-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M48%20400h368v48H48zM424%2064H80v224c0%2044%2036%2080%2080%2080h144c44%200%2080-36%2080-80v-64h40c22%200%2040-18%2040-40v-80c0-22-18-40-40-40zm0%20112h-40v-64h40v64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cafe-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cafe-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cafe($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cafe-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-calculator-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M368%2048H144c-26.6%200-48%2021.6-48%2048v320c0%2026.4%2021.4%2048%2048%2048h224c26.4%200%2048-21.6%2048-48V96c0-26.4-21.4-48-48-48zM200%20416h-48v-48h48v48zm0-88h-48v-48h48v48zm0-88h-48v-48h48v48zm80%20176h-48v-48h48v48zm0-88h-48v-48h48v48zm0-88h-48v-48h48v48zm80%20176h-48V280h48v136zm0-176h-48v-48h48v48zm0-96H152V96h208v48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-calculator-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-calculator-image($color);
|
|
}
|
|
|
|
@mixin ion-md-calculator($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-calculator-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-calendar-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M368.005%20272h-96v96h96v-96zm-32-208v32h-160V64h-48v32h-24.01c-22.002%200-40%2017.998-40%2040v272c0%2022.002%2017.998%2040%2040%2040h304.01c22.002%200%2040-17.998%2040-40V136c0-22.002-17.998-40-40-40h-24V64h-48zm72%20344h-304.01V196h304.01v212z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-calendar-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-calendar-image($color);
|
|
}
|
|
|
|
@mixin ion-md-calendar($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-calendar-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-call-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M426.666%20330.667c-26.666%200-52.27-4.27-75.73-11.73-7.468-2.135-16-1.072-21.33%205.334l-46.94%2046.93c-60.802-30.93-109.864-80-140.802-140.804l46.94-46.927c5.33-5.334%207.46-13.865%205.33-21.334-8.536-24.53-12.8-50.136-12.8-76.803%200-11.73-9.6-21.333-21.334-21.333H85.333C73.6%2064%2064%2073.604%2064%2085.333%2064%20285.863%20226.136%20448%20426.666%20448c11.73%200%2021.334-9.604%2021.334-21.333V352c0-11.73-9.604-21.333-21.334-21.333z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-call-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-call-image($color);
|
|
}
|
|
|
|
@mixin ion-md-call($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-call-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-camera-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22280%22%20r%3D%2263%22%2F%3E%3Cpath%20d%3D%22M440%2096h-88l-32-32H192l-32%2032H72c-22.092%200-40%2017.908-40%2040v272c0%2022.092%2017.908%2040%2040%2040h368c22.092%200%2040-17.908%2040-40V136c0-22.092-17.908-40-40-40zM256%20392c-61.855%200-112-50.145-112-112s50.145-112%20112-112%20112%2050.145%20112%20112-50.145%20112-112%20112z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-camera-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-camera-image($color);
|
|
}
|
|
|
|
@mixin ion-md-camera($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-camera-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-car-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M403.208%20117.333c-4.27-12.802-16-21.333-29.875-21.333H138.667c-13.875%200-25.604%208.53-29.875%2021.333L64%20234.667v160C64%20406.397%2073.604%20416%2085.333%20416h21.334c11.73%200%2021.333-9.604%2021.333-21.333V384h256v10.667c0%2011.73%209.604%2021.333%2021.333%2021.333h21.334c11.73%200%2021.333-9.604%2021.333-21.333v-160l-44.792-117.334zM138.668%20320c-18.126%200-32-13.865-32-32s13.874-32%2032-32%2032%2013.866%2032%2032-13.876%2032-32%2032zm234.665%200c-18.125%200-32-13.865-32-32s13.875-32%2032-32%2032%2013.866%2032%2032-13.875%2032-32%2032zM106.667%20213.333l32-85.333h234.666l32%2085.333H106.667z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-car-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-car-image($color);
|
|
}
|
|
|
|
@mixin ion-md-car($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-car-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-card-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M435.2%2080H76.8c-24.9%200-44.6%2019.6-44.6%2044L32%20388c0%2024.4%2019.9%2044%2044.8%2044h358.4c24.9%200%2044.8-19.6%2044.8-44V124c0-24.4-19.9-44-44.8-44zm0%20308H76.8V256h358.4v132zm0-220H76.8v-44h358.4v44z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-card-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-card-image($color);
|
|
}
|
|
|
|
@mixin ion-md-card($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-card-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cart-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23010101%22%20d%3D%22M169.6%20377.6c-22.882%200-41.6%2018.718-41.6%2041.6%200%2022.883%2018.718%2041.6%2041.6%2041.6s41.6-18.717%2041.6-41.6c0-22.883-18.72-41.6-41.6-41.6zM48%2051.2v41.6h41.6l74.883%20151.682-31.308%2050.954c-3.118%205.2-5.2%2012.482-5.2%2019.765%200%2027.85%2019.025%2041.6%2044.825%2041.6H416v-40H177.893c-3.118%200-5.2-2.08-5.2-5.2%200-1.035%202.207-5.2%202.207-5.2l20.782-32.8h154.954c15.6%200%2029.128-8.316%2036.4-21.835l74.882-128.8c1.237-2.46%202.082-6.246%202.082-10.4%200-11.445-9.364-19.764-20.8-19.764H135.364L115.6%2051.2H48zm326.4%20326.4c-22.883%200-41.6%2018.718-41.6%2041.6%200%2022.883%2018.717%2041.6%2041.6%2041.6s41.6-18.718%2041.6-41.6c0-22.883-18.72-41.6-41.6-41.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cart-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cart-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cart($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cart-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cash-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%2096v256h448V96H32zm160.5%20224h-80.4c0-26.6-21.5-48.1-48.1-48.1V192c35.3%200%2064-28.7%2064-64h64.5c-19.9%2023.5-32.5%2057.8-32.5%2096s12.6%2072.5%2032.5%2096zM448%20271.9c-26%200-48%2021.5-48%2048.1h-80.5c19.9-23.5%2032.5-57.8%2032.5-96s-12.6-72.5-32.5-96H384c0%2035.3%2028.7%2064%2064%2064v79.9zM32%20384h448v32H32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cash-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cash-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cash($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cash-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-chatboxes-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M391.553%2064H57.607C53.13%2064%2048%2067.745%2048%2072.16v214.216c0%204.413%205.13%208.624%209.607%208.624H115v88.894L205.128%20295h186.425c4.477%200%207.447-4.21%207.447-8.624V72.16c0-4.415-2.97-8.16-7.447-8.16z%22%2F%3E%3Cpath%20d%3D%22M456.396%20127H424v166.57c0%2015.987-6.915%2026.43-25.152%2026.43H218.096l-38.905%2039h129.69L399%20448v-89h57.396c4.478%200%207.604-4.262%207.604-8.682V136.103c0-4.414-3.126-9.103-7.604-9.103z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-chatboxes-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-chatboxes-image($color);
|
|
}
|
|
|
|
@mixin ion-md-chatboxes($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-chatboxes-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-chatbubbles-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M132.8%20368c-20.2%200-44.8-24.6-44.8-44.8V160h-9.6C61.7%20160%2048%20173.7%2048%20190.4V464l58.5-58h215.1c16.7%200%2030.4-14.1%2030.4-30.9V368H132.8z%22%2F%3E%3Cpath%20d%3D%22M429.1%2048H149.9C130.7%2048%20115%2063.7%20115%2082.9V309c0%2019.2%2015.7%2035%2034.9%2035h238.2l75.9%2053V82.9c0-19.2-15.7-34.9-34.9-34.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-chatbubbles-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-chatbubbles-image($color);
|
|
}
|
|
|
|
@mixin ion-md-chatbubbles($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-chatbubbles-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-checkbox-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M168.53%20215.47l-29.863%2029.863%2096%2096L448%20128l-29.864-29.864-183.47%20182.395-66.135-65.06zm236.803%20189.863H106.667V106.667H320V64H106.667C83.197%2064%2064%2083.198%2064%20106.667v298.666C64%20428.803%2083.198%20448%20106.667%20448h298.666c23.47%200%2042.667-19.198%2042.667-42.667V234.667h-42.667v170.666z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-checkbox-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-checkbox-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-md-checkbox-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-checkbox-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-checkbox-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.333%2064H106.667C83.197%2064%2064%2083.198%2064%20106.667v298.666C64%20428.803%2083.198%20448%20106.667%20448h298.666c23.47%200%2042.667-19.198%2042.667-42.667V106.667C448%2083.197%20428.802%2064%20405.333%2064zm-192%20298.667L106.667%20256l29.864-29.864%2076.803%2076.802L375.47%20140.802l29.863%2029.865-192%20192z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-checkbox-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-checkbox-image($color);
|
|
}
|
|
|
|
@mixin ion-md-checkbox($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-checkbox-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-checkmark-circle-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M170.718%20216.482L141.6%20245.6l93.6%2093.6%20208-208-29.118-29.118L235.2%20279.918l-64.482-63.436zM422.4%20256c0%2091.518-74.883%20166.4-166.4%20166.4S89.6%20347.518%2089.6%20256%20164.482%2089.6%20256%2089.6c15.6%200%2031.2%202.082%2045.764%206.24L334%2063.6C310.082%2053.2%20284.082%2048%20256%2048%20141.6%2048%2048%20141.6%2048%20256s93.6%20208%20208%20208%20208-93.6%20208-208h-41.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-checkmark-circle-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-checkmark-circle-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-md-checkmark-circle-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-checkmark-circle-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-checkmark-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.6%2048%2048%20141.6%2048%20256s93.6%20208%20208%20208%20208-93.6%20208-208S370.4%2048%20256%2048zm-42.7%20318.9L106.7%20260.3l29.9-29.9%2076.8%2076.8%20162.1-162.1%2029.9%2029.9-192.1%20191.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-checkmark-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-checkmark-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-checkmark-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-checkmark-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-checkmark-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M186.3%20339.893L96%20249.46%2064%20279.97%20186.3%20402%20448%20140.506%20416%20110z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-checkmark-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-checkmark-image($color);
|
|
}
|
|
|
|
@mixin ion-md-checkmark($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-checkmark-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-clipboard-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.333%2080h-87.35C310.88%2052.396%20285.82%2032%20256%2032s-54.88%2020.396-61.983%2048h-87.35C83.197%2080%2064%2099.198%2064%20122.667v314.665C64%20460.802%2083.198%20480%20106.667%20480h298.666c23.47%200%2042.667-19.2%2042.667-42.668V122.667C448%2099.197%20428.802%2080%20405.333%2080zM256%2080c11.73%200%2021.333%209.6%2021.333%2021.333S267.73%20122.667%20256%20122.667s-21.333-9.6-21.333-21.334S244.27%2080%20256%2080zm152%20360H104V120h40v72h224v-72h40v320z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-clipboard-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-clipboard-image($color);
|
|
}
|
|
|
|
@mixin ion-md-clipboard($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-clipboard-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-clock-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M403.1%20108.9c-81.2-81.2-212.9-81.2-294.2%200-81.3%2081.2-81.2%20212.9%200%20294.2%2081.2%2081.2%20212.9%2081.2%20294.2%200%2081.2-81.2%2081.2-213%200-294.2zm-16.5%2053.2c7.6-4.4%2017.5-1.8%2021.9%205.9%204.4%207.6%201.8%2017.5-5.9%2021.9-7.6%204.4-17.5%201.8-21.9-5.9-4.4-7.6-1.8-17.5%205.9-21.9zM80%20256c0-8.8%207.2-16%2016-16s16%207.2%2016%2016-7.2%2016-16%2016-16-7.2-16-16zm45.4%2093.9c-7.6%204.4-17.5%201.8-21.9-5.9-4.4-7.6-1.8-17.5%205.9-21.9%207.6-4.4%2017.5-1.8%2021.9%205.9%204.4%207.6%201.8%2017.5-5.9%2021.9zm5.9-165.9c-4.4%207.6-14.2%2010.3-21.9%205.9-7.6-4.4-10.3-14.2-5.9-21.9%204.4-7.6%2014.2-10.3%2021.9-5.9%207.7%204.4%2010.3%2014.3%205.9%2021.9zm36.7-80.4c7.6-4.4%2017.5-1.8%2021.9%205.9%204.4%207.6%201.8%2017.5-5.9%2021.9s-17.5%201.8-21.9-5.9c-4.4-7.7-1.7-17.5%205.9-21.9zm-7.8%20110.7l15.6-26.6%2095.2%2056.9V384h-31V260.6l-79.8-46.3zm29.7%20188.3c-4.4%207.6-14.2%2010.3-21.9%205.9s-10.3-14.2-5.9-21.9c4.4-7.6%2014.2-10.3%2021.9-5.9%207.6%204.4%2010.3%2014.2%205.9%2021.9zM256%20432c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016zm0-320c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016zm88%20296.4c-7.6%204.4-17.5%201.8-21.9-5.9-4.4-7.6-1.8-17.5%205.9-21.9%207.6-4.4%2017.5-1.8%2021.9%205.9%204.4%207.7%201.7%2017.5-5.9%2021.9zm5.9-283c-4.4%207.6-14.2%2010.3-21.9%205.9s-10.3-14.2-5.9-21.9c4.4-7.6%2014.2-10.3%2021.9-5.9s10.3%2014.3%205.9%2021.9zM408.4%20344c-4.4%207.6-14.2%2010.3-21.9%205.9-7.6-4.4-10.3-14.2-5.9-21.9%204.4-7.6%2014.2-10.3%2021.9-5.9%207.7%204.4%2010.3%2014.3%205.9%2021.9zm7.6-72c-8.8%200-16-7.2-16-16s7.2-16%2016-16%2016%207.2%2016%2016-7.2%2016-16%2016z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-clock-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-clock-image($color);
|
|
}
|
|
|
|
@mixin ion-md-clock($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-clock-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-close-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C140.56%2048%2048%20140.56%2048%20256c0%20115.436%2092.56%20208%20208%20208%20115.435%200%20208-92.564%20208-208%200-115.44-92.564-208-208-208zm104.002%20282.88L330.882%20360%20256%20285.118l-74.88%2074.88-29.122-29.117L226.88%20256%20152%20181.12l29.12-29.117L256%20226.88l74.88-74.877L360%20181.12%20285.12%20256%20360%20330.88z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-close-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-close-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-close-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-close-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-close-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405%20136.798L375.202%20107%20256%20226.202%20136.798%20107%20107%20136.798%20226.202%20256%20107%20375.202%20136.798%20405%20256%20285.798%20375.202%20405%20405%20375.202%20285.798%20256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-close-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-close-image($color);
|
|
}
|
|
|
|
@mixin ion-md-close($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-close-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-closed-captioning-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%2096v320h448V96H32zm406%20159.8c0%2023.4-1.4%2041.2-3.3%2070.2s-16.8%2049.4-51.7%2052.6c-34.9%203.2-83.8%203.5-127%203.4-42.9.1-92-.1-127-3.4-34.9-3.2-49.7-23.6-51.7-52.6S74%20279.2%2074%20255.8c0-23.4.1-38.6%203.3-70.2s20.1-49.2%2051.7-52.4%2086-3.2%20127-3.2%2095.4%200%20127%203.2c31.6%203.2%2048.5%2020.9%2051.7%2052.4%203.2%2031.6%203.3%2046.9%203.3%2070.2z%22%2F%3E%3Cpath%20d%3D%22M357.5%20280.4v.7c0%2016.3-10.1%2025.9-23.6%2025.9-13.5%200-22.6-10.8-23.9-25.9%200%200-1.2-7.9-1.2-23.9s1.4-26%201.4-26c2.4-17%2010.7-25.9%2024.2-25.9%2013.4%200%2024.1%2011.6%2024.1%2029.2v.5h45.1c0-21.9-5.5-41.6-16.6-54-11-12.4-27.5-18.6-49.3-18.6-10.9%200-20.9%201.4-30%204.3-9.1%202.9-17%207.9-23.6%2015.1-6.6%207.2-11.7%2016.8-15.4%2028.9-3.6%2012.1-5.5%2027.3-5.5%2045.7%200%2018%201.5%2033%204.4%2045.1%203%2012.1%207.3%2021.7%2013.1%2028.9%205.8%207.2%2013.1%2012.2%2021.8%2015%208.8%202.8%2019.1%204.2%2030.9%204.2%2025%200%2043-6.4%2053.8-18.7%2010.8-12.3%2016.2-30.3%2016.2-53.9h-46.1c.2%200%20.2%202.5.2%203.4zM202.6%20280.4v.7c0%2016.3-10.1%2025.9-23.6%2025.9-13.5%200-22.6-10.8-23.9-25.9%200%200-1.2-7.9-1.2-23.9s1.4-26%201.4-26c2.4-17%2010.7-25.9%2024.2-25.9%2013.4%200%2024.1%2011.6%2024.1%2029.2v.5h45.1c0-21.9-5.5-41.6-16.6-54-11-12.4-27.5-18.6-49.3-18.6-10.9%200-20.9%201.4-30%204.3-9.1%202.9-17%207.9-23.6%2015.1-6.6%207.2-11.7%2016.8-15.4%2028.9-3.6%2012.1-5.5%2027.3-5.5%2045.7%200%2018%201.5%2033%204.4%2045.1%203%2012.1%207.3%2021.7%2013.1%2028.9%205.8%207.2%2013.1%2012.2%2021.8%2015%208.8%202.8%2019.1%204.2%2030.9%204.2%2025%200%2043-6.4%2053.8-18.7%2010.8-12.3%2016.2-30.3%2016.2-53.9h-46.1c.2%200%20.2%202.5.2%203.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-closed-captioning-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-closed-captioning-image($color);
|
|
}
|
|
|
|
@mixin ion-md-closed-captioning($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-closed-captioning-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cloud-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.6%2048%2048%20141.6%2048%20256s93.6%20208%20208%20208%20208-93.6%20208-208S370.4%2048%20256%2048zm93.6%20291.2H172.8c-34.317%200-62.4-28.082-62.4-62.4s28.083-62.4%2062.4-62.4h3.118c9.364-36.4%2041.6-62.398%2080.083-62.398%2045.765%200%2083.2%2037.435%2083.2%2083.198h10.4c29.118%200%2052%2022.882%2052%2052s-22.882%2052-52%2052z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cloud-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cloud-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cloud-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cloud-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cloud-done-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M403.002%20217C388.998%20148.003%20328.998%2096%20256%2096c-57.998%200-107.998%2032.998-132.998%2081C63.002%20183.003%2016%20234%2016%20296c0%2065.996%2054%20120%20120%20120h260c55%200%20100-45%20100-100%200-52.998-40.996-96-92.998-99zm-189.67%20145.667L138.668%20288l29.864-29.864%2044.803%2044.802L324.27%20192l29.866%2029.864-140.803%20140.803z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cloud-done-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cloud-done-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cloud-done($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cloud-done-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cloud-download-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M403.002%20217C388.998%20148.003%20328.998%2096%20256%2096c-57.998%200-107.998%2032.998-132.998%2081C63.002%20183.003%2016%20234%2016%20296c0%2065.996%2054%20120%20120%20120h260c55%200%20100-45%20100-100%200-52.998-40.996-96-92.998-99zM224%20268v-76h64v76h68L256%20368%20156%20268h68z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cloud-download-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cloud-download-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cloud-download($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cloud-download-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cloud-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M403%20217C388.998%20148.003%20329%2096%20256%2096c-57.998%200-108%2032.998-132.997%2081C63.003%20183.002%2016%20233.998%2016%20296c0%2065.996%2054.004%20120%20120%20120h260c55%200%20100-45%20100-100%200-52.998-40.997-96-93-99zm-7%20159H136c-44.004%200-80-35.996-80-80%200-44%2035.996-80%2080-80h14.004c12.998-46%2055-80%20105.996-80%2060.996%200%20110%2049%20110%20110v10h30c32.998%200%2060%2027.003%2060%2060%200%2032.998-27.002%2060-60%2060z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cloud-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cloud-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cloud-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cloud-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cloud-upload-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M403.002%20217C388.998%20148.003%20328.998%2096%20256%2096c-57.998%200-107.998%2032.998-132.998%2081C63.002%20183.003%2016%20234%2016%20296c0%2065.996%2054%20120%20120%20120h260c55%200%20100-45%20100-100%200-52.998-40.996-96-92.998-99zM288%20276v76h-64v-76h-68l100-100%20100%20100h-68z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cloud-upload-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cloud-upload-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cloud-upload($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cloud-upload-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cloud-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M403.002%20217C388.998%20148.003%20328.998%2096%20256%2096c-57.998%200-107.998%2032.998-132.998%2081C63.002%20183.003%2016%20234%2016%20296c0%2065.996%2054%20120%20120%20120h260c55%200%20100-45%20100-100%200-52.998-40.996-96-92.998-99z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cloud-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cloud-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cloud($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cloud-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cloudy-night-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M123.4%20183c.4-.1.8-.1%201.2-.2-.5.1-.8.2-1.2.2zM341.5%20303.4C330.7%20247.7%20282.2%20206%20224%20206c-34%200-65.1%2012-86.5%2039.1%2029.4%202.2%2056.7%2013.1%2077.7%2034.2%2015.6%2015.7%2026.6%2034.9%2032.1%2055.8h-28.7c-13.1-37.6-48-64.5-90.6-64.5-5.1%200-12.3.6-17.7%201.7-45.7%209.4-78.3%2047.6-78.3%2095%200%2053.4%2043%2096.8%2096%2096.8h208c44.1%200%2080-36.1%2080-80.6-.1-42.7-32.9-77.2-74.5-80.1z%22%2F%3E%3Cpath%20d%3D%22M112.5%20225.4c13.6-17.3%2030.7-30.5%2050.8-39.2%2018.4-8%2038.8-12%2060.7-12%206.1%200%2012.2.4%2018.2%201.1-6.1-18.1-9.4-37.6-9.4-57.8%200-24.6%204.9-48.1%2013.8-69.4C161.9%2068.7%2099%20145.7%2099%20237.3c0%201.6%200%203.2.1%204.8.1%200%20.2-.1.3-.1l13.1-16.6zM417.6%20306.8c13.3%2014.2%2022.6%2031.5%2027.1%2050.1%2016.5-21.4%2028.7-46.4%2035.3-73.5-21.2%209-44.5%2013.9-68.9%2013.9h-3.6c3.5%202.9%206.9%206.1%2010.1%209.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cloudy-night-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cloudy-night-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cloudy-night($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cloudy-night-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cloudy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M123.4%20183c.4-.1.8-.1%201.2-.2-.5.1-.8.2-1.2.2z%22%2F%3E%3Cpath%20d%3D%22M393.2%20219.2C380.5%20154.6%20323.9%20106%20256%20106c-39.7%200-76%2014-100.9%2045.4%2034.3%202.6%2066.1%2015.2%2090.7%2039.8%2018.2%2018.2%2031%2040.5%2037.4%2064.8h-33.5c-15.3-43.7-56-75-105.7-75-6%200-14.3.7-20.6%202C70%20194%2032%20238.4%2032%20293.5%2032%20355.6%2082.2%20406%20144%20406h242.7c51.5%200%2093.3-42%2093.3-93.8%200-49.4-38.3-89.6-86.8-93z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cloudy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cloudy-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cloudy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cloudy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-code-download-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M234.6%20160v125.7l-44.7-43.6L160%20272l96%2096%2096-96-29.9-31-44.7%2044.7V160h-42.8z%22%2F%3E%3Cpath%20d%3D%22M190.4%20354.1L91.9%20256l98.4-98.1-30-29.9L32%20256l128.4%20128%2030-29.9zm131.2%200L420%20256l-98.4-98.1%2030-29.9L480%20256%20351.6%20384l-30-29.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-code-download-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-code-download-image($color);
|
|
}
|
|
|
|
@mixin ion-md-code-download($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-code-download-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-code-working-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M190.4%20354.1L91.9%20256l98.4-98.1-30-29.9L32%20256l128.4%20128%2030-29.9zm131.2%200L420%20256l-98.4-98.1%2030-29.9L480%20256%20351.6%20384l-30-29.9z%22%2F%3E%3Cpath%20d%3D%22M155.6%20276h40v-40h-40v40zm200.8-40h-40v40h40v-40zM236%20276h40v-40h-40v40z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-code-working-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-code-working-image($color);
|
|
}
|
|
|
|
@mixin ion-md-code-working($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-code-working-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-code-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M190.4%20354.1L91.9%20256l98.4-98.1-30-29.9L32%20256l128.4%20128%2030-29.9zm131.2%200L420%20256l-98.4-98.1%2030-29.9L480%20256%20351.6%20384l-30-29.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-code-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-code-image($color);
|
|
}
|
|
|
|
@mixin ion-md-code($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-code-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cog-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20288v-64h-34.7c-2-12.1-5.2-23.8-9.3-35l30-17.3-32-55.4-30%2017.3c-7.7-9.3-16.3-17.9-25.6-25.6l17.3-30-55.4-32L323%2076c-11.2-4.2-22.9-7.3-35-9.3V32h-64v34.7c-12.1%202-23.8%205.2-35%209.3l-17.3-30-55.4%2032%2017.3%2030c-9.3%207.7-17.9%2016.3-25.6%2025.6l-30-17.3-32%2055.4L76%20189c-4.2%2011.2-7.3%2022.9-9.3%2035H32v64h34.7c2%2012.1%205.2%2023.8%209.3%2035l-30%2017.3%2032%2055.4%2030-17.3c7.7%209.3%2016.3%2017.9%2025.6%2025.6l-17.3%2030%2055.4%2032%2017.3-30c11.2%204.2%2022.9%207.3%2035%209.3V480h64v-34.7c12.1-2%2023.8-5.2%2035-9.3l17.3%2030%2055.4-32-17.3-30c9.3-7.7%2017.9-16.3%2025.6-25.6l30%2017.3%2032-55.4-30-17.3c4.2-11.2%207.3-22.9%209.3-35H480zM377%20177.9L330.1%20195c-11-13.3-25.5-23.6-42.1-29.5v-49.9c37.2%208.4%2068.9%2031.2%2089%2062.3zm-153-62.3v49.9c-16.6%205.9-31.1%2016.2-42.1%2029.5L135%20177.9c20.1-31.1%2051.8-53.9%2089-62.3zM112%20256c0-6.1.4-12.1%201.1-18l46.9%2017.1v.9c0%2017.8%204.9%2034.5%2013.3%2048.8L141.2%20343c-18.3-24.2-29.2-54.3-29.2-87zm144%20144c-23.7%200-46-5.7-65.8-15.9l32.1-38.2c10.5%203.9%2021.8%206.1%2033.7%206.1%2011.9%200%2023.2-2.2%2033.7-6.1l32.1%2038.2C302%20394.3%20279.7%20400%20256%20400zm114.8-57l-32.1-38.2c8.4-14.3%2013.3-31%2013.3-48.8v-.9l46.9-17.1c.7%205.9%201.1%2011.9%201.1%2018%200%2032.7-10.9%2062.8-29.2%2087z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cog-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cog-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cog($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cog-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-color-fill-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M136.5%2077.7l37%2067L32%20285.7%20216.4%20464l152.4-148.6%2054.4-11.4L166.4%2048l-29.9%2029.7zm184%20208H114.9l102.8-102.3%20102.8%20102.3zM423.3%20304s-56.7%2061.5-56.7%2092.1c0%2030.7%2025.4%2055.5%2056.7%2055.5%2031.3%200%2056.7-24.9%2056.7-55.5S423.3%20304%20423.3%20304z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-color-fill-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-color-fill-image($color);
|
|
}
|
|
|
|
@mixin ion-md-color-fill($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-color-fill-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-color-filter-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M441.8%20120.1l-49.9-49.9c-8.3-8.3-21.8-8.3-30.1%200l-66.6%2066.6L254.1%2096%20224%20126.1l30.3%2030.3L64%20346.7V448h101.3l190.3-190.3%2030.3%2030.3%2030.1-30.1-41-41%2066.6-66.6c8.5-8.4%208.5-21.8.2-30.2zM147.6%20405.4l-41-41%20171.9-171.9%2041%2041-171.9%20171.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-color-filter-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-color-filter-image($color);
|
|
}
|
|
|
|
@mixin ion-md-color-filter($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-color-filter-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-color-palette-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064C150.4%2064%2064%20150.4%2064%20256c0%20105.604%2086.4%20192%20192%20192%2018.136%200%2032-13.864%2032-32%200-8.53-3.198-16-8.53-21.333-5.334-5.334-8.532-12.803-8.532-21.334%200-18.135%2013.864-32%2032-32h38.396c58.667%200%20106.667-48%20106.667-106.666C448%20140.802%20361.605%2064%20256%2064zM138.667%20256c-18.136%200-32-13.864-32-32s13.864-32%2032-32c18.135%200%2032%2013.864%2032%2032s-13.865%2032-32%2032zm64-85.333c-18.136%200-32-13.865-32-32%200-18.136%2013.864-32%2032-32%2018.135%200%2032%2013.864%2032%2032%200%2018.135-13.865%2032-32%2032zm106.666%200c-18.135%200-32-13.865-32-32%200-18.136%2013.865-32%2032-32%2018.136%200%2032%2013.864%2032%2032%200%2018.135-13.864%2032-32%2032zm64%2085.333c-18.135%200-32-13.864-32-32s13.865-32%2032-32c18.136%200%2032%2013.864%2032%2032s-13.864%2032-32%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-color-palette-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-color-palette-image($color);
|
|
}
|
|
|
|
@mixin ion-md-color-palette($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-color-palette-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-color-wand-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M200.8%20157.2l-36.4%2037.4L411.7%20448l36.3-37.4zM181%2064h37v68h-37zM181%20262h37v68h-37zM270%20176h69v37h-69zM305.6%20115.8l-25.7-26.3-47.1%2048.3%2025.6%2026.2zM168.8%20137.8l-47.1-48.3-25.6%2026.3%2047.1%2048.2zM96.1%20277.9l25.6%2026.2%2047.1-48.2-25.6-26.3zM64%20176h65v37H64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-color-wand-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-color-wand-image($color);
|
|
}
|
|
|
|
@mixin ion-md-color-wand($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-color-wand-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-compass-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20231.358c-13.442%200-24.643%2011.2-24.643%2024.642s11.2%2024.643%2024.643%2024.643%2024.643-11.2%2024.643-24.643-11.2-24.642-24.643-24.642zM256%2032C132.8%2032%2032%20132.8%2032%20256s100.8%20224%20224%20224%20224-100.8%20224-224S379.2%2032%20256%2032zm49.284%20273.284L121.6%20390.4l85.116-183.68L390.4%20121.6l-85.116%20183.684z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-compass-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-compass-image($color);
|
|
}
|
|
|
|
@mixin ion-md-compass($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-compass-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-construct-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M430.9%20393.4l-119.6-119-58.1-57.9-13.4-13.3c15.9-40.6%207.1-88.2-26.6-121.7-35.4-35.3-88.5-42.3-131-22.9l76.1%2075.8-53.1%2052.9-77.9-75.8C6.2%20153.8%2015%20206.7%2050.4%20242c33.6%2033.5%2081.4%2042.3%20122.1%2026.5l14.4%2014.3L81.7%20388c-7.6%205.7-7.6%2019%201.9%2026.6l43.8%2043.7c7.6%207.6%2019.1%207.6%2026.7%200l96.1-112.4%20113.4%20112.9c7.1%207.1%2017.7%207.1%2024.8%200l40.7-40.6c8.9-7.1%208.9-19.5%201.8-24.8z%22%2F%3E%3Cpath%20d%3D%22M494.4%20216.6l-34.5-34.1c-2.2-2.2-5.8-2.2-8%200l-3.7%203.7-18.5-15.8s1.2-10-4.9-18.7c-6.2-8.7-16.1-19.8-23.2-26.9-7.1-7-34.1-33.9-69.7-51.4C296.2%2055.7%20271%2048%20241%2048v29.7s28.7%2016.6%2045.1%2029.7c16.3%2013.1%2016.8%2059.5%2016.8%2059.5l-28.5%2028.5%2056.5%2056.1%2031-36.3c12.9-3.5%2023.8-3.8%2030.2-.3l13.7%2013.3-9.6%209.5c-2.2%202.2-2.2%205.7%200%207.9l34.5%2034.1c2.2%202.2%205.8%202.2%208%200l55.7-55.2c2.1-2.2%202.1-5.8%200-7.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-construct-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-construct-image($color);
|
|
}
|
|
|
|
@mixin ion-md-construct($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-construct-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-contact-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.6%2048%2048%20141.6%2048%20256s93.6%20208%20208%20208%20208-93.6%20208-208S370.4%2048%20256%2048zm0%2062.4c34.3%200%2062.4%2028.1%2062.4%2062.4s-28.1%2062.4-62.4%2062.4-62.4-28.1-62.4-62.4%2028.1-62.4%2062.4-62.4zm0%20295.4c-52%200-97.8-27-124.8-66.6%201-41.6%2083.2-64.5%20124.8-64.5s123.8%2022.9%20124.8%2064.5c-27%2039.5-72.8%2066.6-124.8%2066.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-contact-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-contact-image($color);
|
|
}
|
|
|
|
@mixin ion-md-contact($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-contact-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-contacts-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M239.208%20343.937c-17.78%2010.103-38.342%2015.876-60.255%2015.876-21.91%200-42.467-5.77-60.246-15.87C71.544%20358.33%2042.643%20406%2032%20448h293.912c-10.64-42-39.537-89.683-86.704-104.063zM178.953%20120.035c-58.48%200-105.886%2047.394-105.886%20105.858%200%2058.464%2047.407%20105.857%20105.886%20105.857%2058.48%200%20105.886-47.394%20105.886-105.857%200-58.464-47.41-105.858-105.887-105.858zm0%20186.488c-33.67%200-62.445-22.513-73.997-50.523H252.95c-11.554%2028.01-40.326%2050.523-73.997%2050.523z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M322.602%20384H480c-10.638-42-39.537-81.69-86.703-96.072-17.78%2010.104-38.343%2015.873-60.256%2015.873-14.822%200-29.023-2.653-42.167-7.49-7.445%2012.47-16.927%2025.593-27.974%2034.907C289.244%20341.354%20309.145%20364%20322.6%20384zM306.545%20200h100.493c-11.554%2028-40.327%2050.293-73.997%2050.293-8.874%200-17.403-1.692-25.374-4.51a128.41%20128.41%200%200%201-6.52%2025.118c10.066%203.175%2020.78%204.863%2031.895%204.863%2058.48%200%20105.887-47.41%20105.887-105.872%200-58.464-47.407-105.865-105.886-105.865-37.49%200-70.426%2019.703-89.242%2049.09C275.608%20131.383%20298.96%20163%20306.545%20200z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-contacts-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-contacts-image($color);
|
|
}
|
|
|
|
@mixin ion-md-contacts($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-contacts-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-contract-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20371.2h76.795V448H192V320H64v51.2zm76.795-230.4H64V192h128V64h-51.205v76.8zM320%20448h51.2v-76.8H448V320H320v128zm51.2-307.2V64H320v128h128v-51.2h-76.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-contract-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-contract-image($color);
|
|
}
|
|
|
|
@mixin ion-md-contract($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-contract-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-contrast-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm113.1%20321.1C338.9%20399.4%20298.7%20416%20256%20416V96c42.7%200%2082.9%2016.6%20113.1%2046.9C399.4%20173.1%20416%20213.3%20416%20256s-16.6%2082.9-46.9%20113.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-contrast-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-contrast-image($color);
|
|
}
|
|
|
|
@mixin ion-md-contrast($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-contrast-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-copy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M296%2048H176.5C154.4%2048%20136%2065.4%20136%2087.5V96h-7.5C106.4%2096%2088%20113.4%2088%20135.5v288c0%2022.1%2018.4%2040.5%2040.5%2040.5h208c22.1%200%2039.5-18.4%2039.5-40.5V416h8.5c22.1%200%2039.5-18.4%2039.5-40.5V176L296%2048zm0%2044.6l83.4%2083.4H296V92.6zm48%20330.9c0%204.7-3.4%208.5-7.5%208.5h-208c-4.4%200-8.5-4.1-8.5-8.5v-288c0-4.1%203.8-7.5%208.5-7.5h7.5v255.5c0%2022.1%2010.4%2032.5%2032.5%2032.5H344v7.5zm48-48c0%204.7-3.4%208.5-7.5%208.5h-208c-4.4%200-8.5-4.1-8.5-8.5v-288c0-4.1%203.8-7.5%208.5-7.5H264v128h128v167.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-copy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-copy-image($color);
|
|
}
|
|
|
|
@mixin ion-md-copy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-copy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-create-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23010101%22%20d%3D%22M64%20368v80h80l235.727-235.73-80-79.997L64%20368zm377.602-217.602c8.53-8.53%208.53-21.334%200-29.865l-50.135-50.135c-8.53-8.53-21.334-8.53-29.865%200l-39.468%2039.47%2080%2079.997%2039.468-39.467z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-create-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-create-image($color);
|
|
}
|
|
|
|
@mixin ion-md-create($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-create-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-crop-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%20312.7h37.8V160c0-20.8-17-37.8-37.8-37.8H199.3V160H352v152.7zm-192%2033.5V48h-37.8v74.2H48V160h74.2v186.2c0%2020.8%2017%2037.8%2037.8%2037.8h192v80h37.8v-80H464v-37.8H160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-crop-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-crop-image($color);
|
|
}
|
|
|
|
@mixin ion-md-crop($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-crop-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cube-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M467.3%20168.1c-1.8%200-3.5.3-5.1%201l-177.6%2092.1h-.1c-7.6%204.7-12.5%2012.5-12.5%2021.4v185.9c0%206.4%205.6%2011.5%2012.7%2011.5%202.2%200%204.3-.5%206.1-1.4.2-.1.4-.2.5-.3L466%20385.6l.3-.1c8.2-4.5%2013.7-12.7%2013.7-22.1V179.6c0-6.4-5.7-11.5-12.7-11.5zM454.3%20118.5L272.6%2036.8S261.9%2032%20256%2032c-5.9%200-16.5%204.8-16.5%204.8L57.6%20118.5s-8%203.3-8%209.5c0%206.6%208.3%2011.5%208.3%2011.5l185.5%2097.8c3.8%201.7%208.1%202.6%2012.6%202.6%204.6%200%208.9-1%2012.7-2.7l185.4-97.9s7.5-4%207.5-11.5c.1-6.3-7.3-9.3-7.3-9.3zM227.5%20261.2L49.8%20169c-1.5-.6-3.3-1-5.1-1-7%200-12.7%205.1-12.7%2011.5v183.8c0%209.4%205.5%2017.6%2013.7%2022.1l.2.1%20174.7%2092.7c1.9%201.1%204.2%201.7%206.6%201.7%207%200%2012.7-5.2%2012.7-11.5V282.6c.1-8.9-4.9-16.8-12.4-21.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cube-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cube-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cube($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cube-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-cut-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M203.1%20158.3c5.2-11.2%208.1-23.5%208.1-36.7%200-49.5-40.1-89.6-89.6-89.6S32%2072.1%2032%20121.6s40.1%2089.6%2089.6%2089.6c13.2%200%2025.5-2.9%2036.7-8.1l52.9%2052.9-52.9%2052.9c-11.2-5.2-23.5-8.1-36.7-8.1-49.5%200-89.6%2040.1-89.6%2089.6S72.1%20480%20121.6%20480s89.6-40.1%2089.6-89.6c0-13.2-2.9-25.5-8.1-36.7l52.9-52.9%20156.8%20156.8H480v-22.4L203.1%20158.3zm-81.5%208.1c-24.6%200-44.8-19.9-44.8-44.8S97%2076.8%20121.6%2076.8s44.8%2019.9%2044.8%2044.8-20.2%2044.8-44.8%2044.8zm0%20268.8c-24.6%200-44.8-19.9-44.8-44.8s20.2-44.8%2044.8-44.8%2044.8%2019.9%2044.8%2044.8-20.2%2044.8-44.8%2044.8zm134.4-168c-6.3%200-11.2-4.9-11.2-11.2%200-6.3%204.9-11.2%2011.2-11.2%206.3%200%2011.2%204.9%2011.2%2011.2%200%206.3-4.9%2011.2-11.2%2011.2zM412.8%2054.4L278.4%20188.8l44.8%2044.8L480%2076.8V54.4h-67.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-cut-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-cut-image($color);
|
|
}
|
|
|
|
@mixin ion-md-cut($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-cut-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-desktop-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M437.333%2032H74.667C51.197%2032%2032%2051.197%2032%2074.666v282.667C32%20380.803%2051.198%20400%2074.667%20400h138.666l-42.666%2048v32h170.666v-32l-42.666-48h138.666c23.47%200%2042.667-19.198%2042.667-42.667V74.666C480%2051.196%20460.802%2032%20437.333%2032zm0%20288H74.667V74.666h362.666V320z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-desktop-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-desktop-image($color);
|
|
}
|
|
|
|
@mixin ion-md-desktop($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-desktop-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-disc-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.2%2048%2048%20141.2%2048%20256s93.2%20208%20208%20208%20208-93.2%20208-208S370.8%2048%20256%2048zm0%20301.6c-51.8%200-93.6-41.8-93.6-93.6s41.8-93.6%2093.6-93.6%2093.6%2041.8%2093.6%2093.6-41.8%2093.6-93.6%2093.6zm0-114.4c-11.4%200-20.8%209.4-20.8%2020.8s9.4%2020.8%2020.8%2020.8%2020.8-9.4%2020.8-20.8-9.4-20.8-20.8-20.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-disc-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-disc-image($color);
|
|
}
|
|
|
|
@mixin ion-md-disc($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-disc-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-document-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M288%2048H136c-22.092%200-40%2017.908-40%2040v336c0%2022.092%2017.908%2040%2040%2040h240c22.092%200%2040-17.908%2040-40V176L288%2048zm-16%20144V80l112%20112H272z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-document-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-document-image($color);
|
|
}
|
|
|
|
@mixin ion-md-document($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-document-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-done-all-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M387.58%20139.712L356.756%20109%20216.913%20248.32l30.83%2030.718%20139.838-139.326zM481.173%20109L247.744%20340.47l-91.39-91.052-30.827%2030.715L247.744%20403%20512%20139.712%20481.172%20109zM0%20280.133L123.32%20403l30.83-30.713-122.216-122.87L0%20280.134z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-done-all-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-done-all-image($color);
|
|
}
|
|
|
|
@mixin ion-md-done-all($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-done-all-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-download-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20199.5h-91.4V64H187.4v135.5H96l160%20158.1%20160-158.1zM96%20402.8V448h320v-45.2H96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-download-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-download-image($color);
|
|
}
|
|
|
|
@mixin ion-md-download($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-download-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-easel-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%20176h256v128H128z%22%2F%3E%3Cpath%20d%3D%22M448%2096H64c-8.8%200-16%207.2-16%2016v256c0%208.8%206.9%2016%2015.8%2016H448c8.8%200%2016-7.2%2016-16V112c0-8.8-7.2-16-16-16zm-32%20240H96V144h320v192zM80%20464h57l22.5-64h-56.4zM279.4%2048h-46.8l-11.5%2032h69.8zM375%20464h57l-23-64h-56.5zM232%20400h48v32h-48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-easel-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-easel-image($color);
|
|
}
|
|
|
|
@mixin ion-md-easel($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-easel-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-egg-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032C185.6%2032%2080%20165.2%2080%20288.9S150.4%20480%20256%20480s176-67.4%20176-191.1S326.4%2032%20256%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-egg-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-egg-image($color);
|
|
}
|
|
|
|
@mixin ion-md-egg($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-egg-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-exit-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M215.47%20332.802l29.862%2029.864L352%20256%20245.332%20149.333l-29.863%2029.865%2055.468%2055.47H64v42.665h205.864l-54.395%2055.47zM405.333%2064H106.666C83.198%2064%2064%2083.198%2064%20106.666V192h42.666v-85.333h298.668v298.668H106.666V320H64v85.334C64%20428.802%2083.198%20448%20106.666%20448h298.668C428.802%20448%20448%20428.802%20448%20405.334V106.666C448%2083.198%20428.802%2064%20405.334%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-exit-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-exit-image($color);
|
|
}
|
|
|
|
@mixin ion-md-exit($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-exit-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-expand-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M396.795%20396.8H320V448h128V320h-51.205zM396.8%20115.205V192H448V64H320v51.205zM115.205%20115.2H192V64H64v128h51.205zM115.2%20396.795V320H64v128h128v-51.205z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-expand-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-expand-image($color);
|
|
}
|
|
|
|
@mixin ion-md-expand($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-expand-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-eye-off-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256.1%20144.8c56.2%200%20101.9%2045.3%20101.9%20101.1%200%2013.1-2.6%2025.5-7.3%2037l59.5%2059c30.8-25.5%2055-58.4%2069.9-96-35.3-88.7-122.3-151.6-224.2-151.6-28.5%200-55.8%205.1-81.1%2014.1l44%2043.7c11.6-4.6%2024.1-7.3%2037.3-7.3zM52.4%2089.7l46.5%2046.1%209.4%209.3c-33.9%2026-60.4%2060.8-76.3%20100.8%2035.2%2088.7%20122.2%20151.6%20224.1%20151.6%2031.6%200%2061.7-6.1%2089.2-17l8.6%208.5%2059.7%2059%2025.9-25.7L78.2%2064%2052.4%2089.7zM165%20201.4l31.6%2031.3c-1%204.2-1.6%208.7-1.6%2013.1%200%2033.5%2027.3%2060.6%2061.1%2060.6%204.5%200%209-.6%2013.2-1.6l31.6%2031.3c-13.6%206.7-28.7%2010.7-44.8%2010.7-56.2%200-101.9-45.3-101.9-101.1%200-15.8%204.1-30.7%2010.8-44.3zm87.8-15.7l64.2%2063.7.4-3.2c0-33.5-27.3-60.6-61.1-60.6l-3.5.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-eye-off-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-eye-off-image($color);
|
|
}
|
|
|
|
@mixin ion-md-eye-off($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-eye-off-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-eye-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20105c-101.8%200-188.4%2062.4-224%20151%2035.6%2088.6%20122.2%20151%20224%20151s188.4-62.4%20224-151c-35.6-88.6-122.2-151-224-151zm0%20251.7c-56%200-101.8-45.3-101.8-100.7S200%20155.3%20256%20155.3%20357.8%20200.6%20357.8%20256%20312%20356.7%20256%20356.7zm0-161.1c-33.6%200-61.1%2027.2-61.1%2060.4s27.5%2060.4%2061.1%2060.4%2061.1-27.2%2061.1-60.4-27.5-60.4-61.1-60.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-eye-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-eye-image($color);
|
|
}
|
|
|
|
@mixin ion-md-eye($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-eye-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-fastforward-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20256L262.4%20110v292L480%20256zM32%20110v292l217.6-146L32%20110z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-fastforward-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-fastforward-image($color);
|
|
}
|
|
|
|
@mixin ion-md-fastforward($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-fastforward-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-female-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M400%20176c0-79.5-64.5-144-144-144S112%2096.5%20112%20176c0%2071.4%2051.9%20130.6%20120%20142v50h-72v48h72v64h48v-64h72v-48h-72v-50c68.1-11.4%20120-70.6%20120-142zm-240%200c0-52.9%2043.1-96%2096-96s96%2043.1%2096%2096-43.1%2096-96%2096-96-43.1-96-96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-female-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-female-image($color);
|
|
}
|
|
|
|
@mixin ion-md-female($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-female-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-filing-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M449.2%20208H423v-32l-14.4-48H383V96l-15-48H144l-15%2048v32h-25.6L89%20176v32H62.8L48%20256v165.3c0%2023.5%2035.2%2042.7%2058.7%2042.7h314.7c21.8%200%2042.7-19.7%2042.7-41V256l-14.9-48zM176%2096h160v32H176V96zm-41%2080h242v32H135v-32zm282%20112h-82.6c-7.4%2036.5-39.7%2064-78.4%2064s-71-27.5-78.4-64H95v-32h322v32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-filing-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-filing-image($color);
|
|
}
|
|
|
|
@mixin ion-md-filing($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-filing-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-film-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23010101%22%20d%3D%22M376%2064v42.667h-40V64H176v42.667h-40V64H96v384h40v-42.666h40V448h160v-42.666h40V448h40V64h-40zM176%20362.667h-40V320h40v42.667zm0-85.333h-40v-42.667h40v42.667zM176%20192h-40v-42.666h40V192zm200%20170.667h-40V320h40v42.667zm0-85.333h-40v-42.667h40v42.667zM376%20192h-40v-42.666h40V192z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-film-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-film-image($color);
|
|
}
|
|
|
|
@mixin ion-md-film($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-film-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-finger-print-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M78.1%20205.6c-2.4%200-4.9-.6-7.1-1.9-6.7-3.9-9-12.4-5.1-19.1%2017.8-30%2071.9-100.1%20190.1-100.1%2051.2%200%2096.1%2013.6%20133.4%2040.4%2030.7%2022%2047.9%2046.9%2056.1%2058.9%204.4%206.4%202.7%2015-3.7%2019.4-6.4%204.3-15.2%202.7-19.6-3.7-14.9-21.6-60.1-87.2-166.2-87.2-103.6%200-150.4%2060.4-165.7%2086.3-2.6%204.6-7.3%207-12.2%207z%22%2F%3E%3Cpath%20d%3D%22M315.5%20480c-1.2%200-2.3-.1-3.5-.4-85.7-21.5-117.7-108.1-119-111.7l-.2-.8c-.7-2.5-17.9-61.9%208.5-96.7%2012.1-15.9%2030.5-24%2054.8-24%2022.6%200%2038.9%207.1%2050.1%2021.8%209.2%2012%2012.9%2026.8%2016.5%2041.1%207.5%2029.7%2012.9%2045.3%2044.1%2046.9%2013.7.7%2022.7-7.4%2027.8-14.3%2013.8-18.8%2016.2-49.5%205.8-76.5-13.4-35-60.8-100.9-144.4-100.9-35.7%200-68.5%2011.6-94.8%2033.4-21.8%2018.1-39.1%2043.6-47.4%2069.8-15.4%2048.8%204.8%20125.5%205%20126.2%202%207.4-2.5%2015.1-10%2017-7.5%202-15.3-2.5-17.3-9.9-.9-3.5-22.5-85.3-4.7-141.7C106.2%20198.2%20166%20136.6%20256%20136.6c41.6%200%2080.9%2014.3%20113.7%2041.3%2025.4%2021%2046.2%2049.2%2057%2077.4%2013.8%2036%2010.1%2076.4-9.4%20102.8-13%2017.6-31.5%2026.8-52%2025.8-53.4-2.7-63-40.4-70-67.9-7.2-28.2-11.8-41.8-39.3-41.8-15.1%200-25.7%204.2-32.3%2012.9-9%2011.9-9.7%2030.5-8.7%2044%201%2014.1%204%2025.5%204.7%2027.8%202.2%205.6%2030.8%2076.5%2099.3%2093.7%207.6%201.9%2012.1%209.5%2010.2%2016.9-1.7%206.3-7.4%2010.5-13.7%2010.5z%22%2F%3E%3Cpath%20d%3D%22M205.5%20473.6c-3.8%200-7.5-1.5-10.3-4.4-34.3-36.4-53.7-77.1-61-128v-.3c-4.1-33.7%201.9-81.4%2031.3-114.2%2021.7-24.2%2052.2-36.5%2090.5-36.5%2045.3%200%2080.9%2021.3%20103.1%2061.5%2016.1%2029.2%2019.3%2058.3%2019.4%2059.5.8%207.7-4.9%2014.5-12.6%2015.3-7.7.8-14.7-4.8-15.5-12.4%200-.3-2.8-25.3-16.5-49.7-17.2-30.7-43.4-46.3-78-46.3-29.9%200-53.3%209.1-69.4%2027.1-23.2%2025.9-27.7%2065.8-24.5%2092.2%206.4%2045%2023.5%2080.8%2053.7%20112.8%205.3%205.6%205%2014.5-.7%2019.7-2.6%202.4-6.1%203.7-9.5%203.7z%22%2F%3E%3Cpath%20d%3D%22M363.5%20433.5c-30%200-55.5-8.4-75.9-25.1-41-33.4-45.6-87.8-45.8-90.1-.6-7.7%205.2-14.4%2013-15%207.8-.6%2014.5%205.1%2015.1%2012.8.1.8%204.2%2045.3%2035.8%2070.9%2018.7%2015.1%2043.7%2021.1%2074.5%2017.6%207.7-.9%2014.7%204.6%2015.6%2012.3.9%207.7-4.7%2014.6-12.4%2015.4-6.8.8-13.5%201.2-19.9%201.2zM387.2%2062.6C375.5%2054.9%20334%2032%20256%2032c-81.9%200-123.5%2025.3-132.7%2031.7-.6.4-1.2.8-1.7%201.3-.1.1-.2.1-.2.1-2.9%202.6-4.7%206.3-4.7%2010.4%200%207.7%206.3%2013.9%2014.1%2013.9%203.1%200%205.9-1%208.2-2.6l-.1.1c.4-.3%2036.3-27%20117.1-27s116.7%2026.8%20117.1%2027l-.1-.1.2-.2c2.4%201.8%205.3%202.8%208.5%202.8%207.8%200%2014.1-6.2%2014.1-13.9%200-5.8-3.5-10.8-8.6-12.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-finger-print-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-finger-print-image($color);
|
|
}
|
|
|
|
@mixin ion-md-finger-print($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-finger-print-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-flag-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M396%2083.2c-13.8%201.7-31.1%204.2-49.6%204.2-28.8%200-55-6.8-81.5-12.2C238%2069.7%20210.2%2064%20180.8%2064c-58.6%200-78.5%2012.1-80.6%2013.4L96%2080.3V448h48V269.8c9.7-1.2%2021.9-2%2036.9-2%2027.3%200%2052.8%2010%2079.8%2015.5%2027.6%205.6%2056%2011.5%2086.9%2011.5%2018.4%200%2034.6-2.4%2048.4-4%207.5-.9%2014-1.7%2020-2.7V80.2c-5%201-12.5%202.1-20%203z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-flag-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-flag-image($color);
|
|
}
|
|
|
|
@mixin ion-md-flag($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-flag-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-flame-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M393.3%20222.1l-.2%2010.4c-.8%2011.7-7.9%2043.4-22.1%2054.7%207-15.2%2017.3-47.2%2010.2-82.7C361.6%20107%20287.5%2065.6%20193%2050l-17.2-2.2c39.5%2047.2%2056.1%2081.7%2049.7%20116.8-2.3%2012.6-10%2023.4-14%2031.6%200%200%202.4-12.9%202-28.7-.3-14.2-6.6-31-18-39.6%203.5%2018.4-.8%2033.5-9.1%2047.7-24.7%2042.2-85.4%2057.8-90.4%20135.8v3.8c0%2053.7%2025.6%2099%2068.7%20125-6.8-12.3-12-35.2-5.7-60.2%204%2023.7%2014%2036%2024.9%2051.8%208.2%2011.7%2019.1%2019.3%2033.1%2024.9s31%207.2%2047.9%207.2c55.8%200%2091.4-18.1%20119.1-50.5s32.1-68%2032.1-106.4-8.5-60.9-22.8-84.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-flame-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-flame-image($color);
|
|
}
|
|
|
|
@mixin ion-md-flame($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-flame-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-flash-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M160%2048v224h64v192l128-256h-64l64-160H160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-flash-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-flash-image($color);
|
|
}
|
|
|
|
@mixin ion-md-flash($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-flash-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-flask-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M436.9%20354.4L336%20192V96h32V48H144v48h32v96L76.1%20354.4C67.7%20370.3%2063.6%20385.8%2064%20400c1.1%2036.5%2028.7%2064%2065.1%2064H385c36.3%200%2062.1-27.6%2063-64%20.3-14.2-2.6-29.7-11.1-45.6zM155.1%20304l29.5-48h143.1l29.8%2048H155.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-flask-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-flask-image($color);
|
|
}
|
|
|
|
@mixin ion-md-flask($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-flask-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-flower-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.1%20256c25.2-11.9%2042.9-37.1%2042.9-66.9%200-41-33.6-74.3-75-74.3-15.9%200-30.3%204.8-42.6%2013.1l.6-5.6c0-41-33.6-74.3-75-74.3s-75%2033.3-75%2074.3l.6%205.6c-12-8.3-26.7-13.1-42.6-13.1-41.4%200-75%2033.3-75%2074.3%200%2029.7%2017.7%2055%2042.9%2066.9C81.7%20267.9%2064%20293.1%2064%20322.9c0%2041%2033.6%2074.3%2075%2074.3%2015.9%200%2030.3-4.8%2042.6-13.1l-.6%205.6c0%2041%2033.6%2074.3%2075%2074.3s75-33.3%2075-74.3l-.6-5.6c12%208.3%2026.7%2013.1%2042.6%2013.1%2041.4%200%2075-33.3%2075-74.3%200-29.8-17.7-55-42.9-66.9zM256%20330.3c-41.4%200-75-33.3-75-74.3s33.6-74.3%2075-74.3%2075%2033.3%2075%2074.3-33.6%2074.3-75%2074.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-flower-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-flower-image($color);
|
|
}
|
|
|
|
@mixin ion-md-flower($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-flower-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-folder-open-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M437.334%20144H256.006l-42.668-48H74.666C51.196%2096%2032%20115.198%2032%20138.667v234.666C32%20396.803%2051.197%20416%2074.666%20416h362.668c23.47%200%2042.666-19.198%2042.666-42.667V186.667c0-23.47-19.197-42.667-42.666-42.667zM448%20373.333c0%205.782-4.885%2010.667-10.666%2010.667H74.666C68.884%20384%2064%20379.115%2064%20373.333V176h373.334c5.78%200%2010.666%204.885%2010.666%2010.667v186.666z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-folder-open-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-folder-open-image($color);
|
|
}
|
|
|
|
@mixin ion-md-folder-open($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-folder-open-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-folder-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M213.338%2096H74.666C51.196%2096%2032%20115.198%2032%20138.667v234.666C32%20396.803%2051.197%20416%2074.666%20416h362.668c23.47%200%2042.666-19.198%2042.666-42.667V186.667c0-23.47-19.197-42.667-42.666-42.667H256.006l-42.668-48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-folder-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-folder-image($color);
|
|
}
|
|
|
|
@mixin ion-md-folder($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-folder-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-football-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.3%2048%2048%20141.3%2048%20256s93.3%20208%20208%20208%20208-93.3%20208-208S370.7%2048%20256%2048zM127%20238.2l39.2%2017.9%2017.1%2066.9-15.6%2029.3-57.2-.7C95.6%20329%2086.2%20303.1%2083%20276.3l44-38.1zm217.3%20114.1L328.7%20323l17.1-67%2039.1-17.8%2044%2038.1c-3.1%2026.8-12.6%2052.7-27.5%2075.3l-57.1.7zm32.4-146.2l-43.6%2019.6-61.1-51.6v-47.2l47.9-32.6c29.8%2011.9%2056.4%2032.3%2075.6%2057.8l-18.8%2054zM191.3%2094.4l47.7%2032.5v47.2l-61%2051.5-43-19.6-18.7-53.6c19.3-26.1%2045.1-46%2075-58zM218.4%20426c-.7-.2-1.3-.3-2-.5l-20.5-55.1%2014.7-29.4h90.8l15%2030.3-19.8%2053.9c-1%20.2-2%20.5-3%20.7-11.5%202.3-27%203.8-40.4%204.1-11.7-.1-23.4-1.5-34.8-4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-football-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-football-image($color);
|
|
}
|
|
|
|
@mixin ion-md-football($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-football-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-funnel-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M208%20400h96v-47.994h-96V400zM32%20112v47.994h448V112H32zm80%20168.783h288v-49.555H112v49.555z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-funnel-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-funnel-image($color);
|
|
}
|
|
|
|
@mixin ion-md-funnel($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-funnel-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-game-controller-a-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M156%20215h-24v31h-31v24h31v30h24v-30h30v-24h-30z%22%2F%3E%3Cpath%20d%3D%22M369.3%20144H142.7C81.5%20144%2032%20190.5%2032%20255.4c0%2065%2049.5%20112.6%20110.7%20112.6h226.5c61.2%200%20110.7-47.6%20110.7-112.6.1-64.9-49.4-111.4-110.6-111.4zM144.2%20316.5c-33.1%200-60-27.1-60-60.5s26.9-60.5%2060-60.5%2060%2027.1%2060%2060.5-26.8%2060.5-60%2060.5zm203.1-47.4c-7.2%207.2-19%207.2-26.2%200-7.2-7.2-7.2-19%200-26.2%207.2-7.2%2019-7.2%2026.2%200%207.2%207.2%207.2%2019%200%2026.2zm37.5%2037.5c-7.2%207.2-19%207.2-26.2%200-7.2-7.2-7.2-19%200-26.2%207.2-7.2%2019-7.2%2026.2%200s7.3%2019%200%2026.2zm0-75c-7.2%207.2-19%207.2-26.2%200-7.2-7.2-7.2-19%200-26.2%207.2-7.2%2019-7.2%2026.2%200s7.3%2019%200%2026.2zm37.6%2037.5c-7.2%207.2-19%207.2-26.2%200s-7.2-19%200-26.2c7.2-7.2%2019-7.2%2026.2%200%207.2%207.2%207.2%2019%200%2026.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-game-controller-a-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-game-controller-a-image($color);
|
|
}
|
|
|
|
@mixin ion-md-game-controller-a($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-game-controller-a-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-game-controller-b-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M163%20160h-24v31h-31v24h31v30h24v-30h30v-24h-30z%22%2F%3E%3Cpath%20d%3D%22M467.1%20204.1C461.9%20141%20419.4%2096%20360%2096H152C92.6%2096%2050.2%20141%2045%20204.1c0%200-13%20134.7-13%20163.9s21.5%2048%2048%2048c13.1%200%2025-5.3%2034-13.9h-.3L192%20321h128l78.3%2081-.3.1c9%208.6%2020.9%2013.9%2034%2013.9%2026.5%200%2048-20.3%2048-48s-12.9-163.9-12.9-163.9zM151%20262c-33.1%200-60-27.1-60-60.5s26.9-60.5%2060-60.5%2060%2027.1%2060%2060.5-26.9%2060.5-60%2060.5zm187.1-47.4c-7.2%207.2-19%207.2-26.2%200s-7.2-19%200-26.2c7.2-7.2%2019-7.2%2026.2%200%207.2%207.2%207.2%2019%200%2026.2zm37.5%2037.5c-7.2%207.2-19%207.2-26.2%200-7.2-7.2-7.2-19%200-26.2%207.2-7.2%2019-7.2%2026.2%200%207.2%207.2%207.2%2019%200%2026.2zm0-75c-7.2%207.2-19%207.2-26.2%200-7.2-7.2-7.2-19%200-26.2%207.2-7.2%2019-7.2%2026.2%200%207.2%207.2%207.2%2019%200%2026.2zm37.5%2037.5c-7.2%207.2-19%207.2-26.2%200-7.2-7.2-7.2-19%200-26.2%207.2-7.2%2019-7.2%2026.2%200%207.2%207.2%207.2%2019%200%2026.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-game-controller-b-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-game-controller-b-image($color);
|
|
}
|
|
|
|
@mixin ion-md-game-controller-b($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-game-controller-b-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-git-branch-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20160c0-35.3-28.7-64-64-64s-64%2028.7-64%2064c0%2023.7%2012.9%2044.3%2032%2055.4v8.6c0%2019.9-7.8%2033.7-25.3%2044.9-15.4%209.8-38.1%2017.1-67.5%2021.5-14%202.1-25.7%206-35.2%2010.7V151.4c19.1-11.1%2032-31.7%2032-55.4%200-35.3-28.7-64-64-64S96%2060.7%2096%2096c0%2023.7%2012.9%2044.3%2032%2055.4v209.2c-19.1%2011.1-32%2031.7-32%2055.4%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-16.6-6.3-31.7-16.7-43.1%201.9-4.9%209.7-16.3%2029.4-19.3%2038.8-5.8%2068.9-15.9%2092.3-30.8%2036-22.8%2055-57%2055-98.8v-8.6c19.1-11.1%2032-31.7%2032-55.4zM160%2056c22.1%200%2040%2017.9%2040%2040s-17.9%2040-40%2040-40-17.9-40-40%2017.9-40%2040-40zm0%20400c-22.1%200-40-17.9-40-40s17.9-40%2040-40%2040%2017.9%2040%2040-17.9%2040-40%2040zm192-256c-22.1%200-40-17.9-40-40s17.9-40%2040-40%2040%2017.9%2040%2040-17.9%2040-40%2040z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-git-branch-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-git-branch-image($color);
|
|
}
|
|
|
|
@mixin ion-md-git-branch($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-git-branch-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-git-commit-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20224h-99.8c-14.2-55.2-64.2-96-123.7-96S147%20168.8%20132.8%20224H32v64h100.8c14.2%2055.2%2064.2%2096%20123.7%2096s109.5-40.8%20123.7-96H480v-64zM256.5%20336c-44%200-79.8-35.9-79.8-80s35.8-80%2079.8-80%2079.8%2035.9%2079.8%2080-35.8%2080-79.8%2080z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-git-commit-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-git-commit-image($color);
|
|
}
|
|
|
|
@mixin ion-md-git-commit($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-git-commit-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-git-compare-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M192%20382h-22c-24.6%200-29-3.6-33.8-9.6-5.5-6.9-8.2-19.1-8.2-54.2V151.4c19.1-11.1%2032-31.7%2032-55.4%200-35.3-28.7-64-64-64S32%2060.7%2032%2096c0%2023.7%2012.9%2044.3%2032%2055.4v166.8c0%2046.4%203.7%2070.8%2022.1%2094%2019.9%2025.1%2045%2035.8%2083.9%2035.8h22v64l96-96-96-96v62zM96%2056c22.1%200%2040%2017.9%2040%2040s-17.9%2040-40%2040-40-17.9-40-40%2017.9-40%2040-40zM448%20360.6V190.8c0-46.4-3.7-70.8-22.1-94C406%2071.7%20380.9%2062%20342%2062h-22V0l-96%2096%2096%2096v-64h22c24.6%200%2029%202.6%2033.8%208.6%205.5%206.9%208.2%2019.1%208.2%2054.2v169.8c-19.1%2011.1-32%2031.7-32%2055.4%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-23.7-12.9-44.3-32-55.4zM416%20456c-22.1%200-40-17.9-40-40s17.9-40%2040-40%2040%2017.9%2040%2040-17.9%2040-40%2040z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-git-compare-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-git-compare-image($color);
|
|
}
|
|
|
|
@mixin ion-md-git-compare($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-git-compare-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-git-merge-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20224c-23.7%200-44.4%2012.9-55.4%2032-18.3-.5-52.4-4.1-75.5-18.1-32.3-19.4-64.6-53.1-87-90.5%2015.7-11.7%2026-30.3%2026-51.4%200-35.3-28.7-64-64-64S64%2060.7%2064%2096c0%2023.7%2012.9%2044.3%2032%2055.4v209.2c-19.1%2011.1-32%2031.7-32%2055.4%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-23.7-12.9-44.3-32-55.4V244.2c18.7%2019.4%2039.1%2036%2060%2048.6%2038.8%2023.4%2087%2026.9%20108.6%2027.3%2011.1%2019.1%2031.7%2031.9%2055.4%2031.9%2035.3%200%2064-28.7%2064-64s-28.7-64-64-64zM88%2096c0-22.1%2017.9-40%2040-40s40%2017.9%2040%2040-17.9%2040-40%2040-40-17.9-40-40zm80%20320c0%2022.1-17.9%2040-40%2040s-40-17.9-40-40%2017.9-40%2040-40%2040%2017.9%2040%2040zm216-88c-22.1%200-40-17.9-40-40s17.9-40%2040-40%2040%2017.9%2040%2040-17.9%2040-40%2040z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-git-merge-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-git-merge-image($color);
|
|
}
|
|
|
|
@mixin ion-md-git-merge($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-git-merge-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-git-network-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%2096c0-35.3-28.7-64-64-64s-64%2028.7-64%2064c0%2023.6%2012.9%2044.3%2032%2055.4v52.8l-96%2048-96-48v-52.8c19.1-11.1%2032-31.8%2032-55.4%200-35.3-28.7-64-64-64S64%2060.7%2064%2096c0%2023.6%2012.9%2044.3%2032%2055.4v92.4l128%2064v52.8c-19.1%2011.1-32%2031.8-32%2055.4%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-23.6-12.9-44.3-32-55.4v-52.8l128-64v-92.4c19.1-11.1%2032-31.8%2032-55.4zM128%2056c22.1%200%2040%2017.9%2040%2040s-17.9%2040-40%2040-40-17.9-40-40%2017.9-40%2040-40zm128%20400c-22.1%200-40-17.9-40-40s17.9-40%2040-40%2040%2017.9%2040%2040-17.9%2040-40%2040zm128-320c-22.1%200-40-17.9-40-40s17.9-40%2040-40%2040%2017.9%2040%2040-17.9%2040-40%2040z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-git-network-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-git-network-image($color);
|
|
}
|
|
|
|
@mixin ion-md-git-network($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-git-network-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-git-pull-request-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20376.6V206.8c0-46.4-3.7-70.8-22.1-94C374%2087.7%20348.9%2077%20310%2077h-22V16l-96%2096%2096%2096v-65h22c24.6%200%2029%203.6%2033.8%209.6%205.5%206.9%208.2%2019.1%208.2%2054.2v169.8c-19.1%2011.1-32%2031.7-32%2055.4%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-23.7-12.9-44.3-32-55.4zM384%20472c-22.1%200-40-17.9-40-40s17.9-40%2040-40%2040%2017.9%2040%2040-17.9%2040-40%2040zM128%2048c-35.3%200-64%2028.7-64%2064%200%2023.7%2012.9%2044.3%2032%2055.4v209.2c-19.1%2011.1-32%2031.7-32%2055.4%200%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64c0-23.7-12.9-44.3-32-55.4V167.4c19.1-11.1%2032-31.7%2032-55.4%200-35.3-28.7-64-64-64zm0%20424c-22.1%200-40-17.9-40-40s17.9-40%2040-40%2040%2017.9%2040%2040-17.9%2040-40%2040zm0-320c-22.1%200-40-17.9-40-40s17.9-40%2040-40%2040%2017.9%2040%2040-17.9%2040-40%2040z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-git-pull-request-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-git-pull-request-image($color);
|
|
}
|
|
|
|
@mixin ion-md-git-pull-request($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-git-pull-request-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-glasses-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20176H272v.1h-32v-.1H32v48h11l5%2021.5C64%20313%2088.5%20336%20144%20336s96-17.4%2096-90.5V224s1.5-16%2016-16%2016%2016%2016%2016v21.8c0%2073%2042.1%2090.2%2097%2090.2s79-25%2095-90.2l5-21.8h11v-48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-glasses-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-glasses-image($color);
|
|
}
|
|
|
|
@mixin ion-md-glasses($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-glasses-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-globe-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.124%2048%2048%20141.125%2048%20256s93.124%20208%20208%20208c114.875%200%20208-93.125%20208-208S370.875%2048%20256%2048zm-21.55%20385c-39.463-4.727-75.977-22.393-104.518-50.933C96.258%20348.393%2077.714%20303.622%2077.714%20256c0-42.87%2015.036-83.424%2042.6-115.66.71%208.518%202.464%2017.65%202.015%2024.176-1.64%2023.795-3.99%2038.687%209.94%2058.762%205.425%207.82%206.758%2019.028%209.4%2028.078%202.582%208.854%2012.9%2013.498%2020.018%2018.953%2014.36%2011.008%2028.096%2023.804%2043.322%2033.493%2010.05%206.395%2016.326%209.576%2013.383%2021.84-2.367%209.86-3.028%2015.936-8.13%2024.722-1.557%202.68%205.877%2019.918%208.35%2022.392%207.5%207.497%2014.94%2014.375%2023.112%2021.125%2012.67%2010.47-1.23%2024.072-7.274%2039.117zm147.617-50.933c-25.633%2025.633-57.7%2042.486-92.556%2049.08%204.94-12.215%2013.737-23.07%2021.896-29.36%207.097-5.477%2015.986-16.01%2019.693-24.353%203.703-8.332%208.61-15.555%2013.576-23.217%207.065-10.9-17.42-27.336-25.353-30.78-17.854-7.752-31.294-18.21-47.16-29.376-11.306-7.953-34.258%204.155-47.02-1.416-17.482-7.633-31.884-20.896-47.08-32.34-15.68-11.808-14.92-25.575-14.92-42.996%2012.28.453%2029.753-3.4%2037.907%206.478%202.573%203.117%2011.42%2017.042%2017.342%2012.094%204.838-4.043-3.585-20.25-5.212-24.06-5.005-11.714%2011.404-16.283%2019.803-24.227%2010.96-10.364%2034.47-26.618%2032.612-34.047s-23.524-28.477-36.25-25.193c-1.906.492-18.696%2018.097-21.94%2020.86.086-5.747.172-11.492.26-17.238.055-3.628-6.768-7.352-6.45-9.692.8-5.914%2017.26-16.647%2021.356-21.357-2.868-1.793-12.658-10.202-15.62-8.968-7.175%202.99-15.277%205.05-22.45%208.04%200-2.49-.303-4.826-.663-7.134a176.585%20176.585%200%200%201%2045.31-13.152l14.084%205.66%209.945%2011.8%209.924%2010.234%208.674%202.795%2013.78-12.994L282%2087.93v-8.34c27.25%203.958%2052.984%2014.124%2075.522%2029.8-4.032.36-8.463.954-13.462%201.59-2.065-1.22-4.714-1.774-6.965-2.623%206.53%2014.042%2013.343%2027.89%2020.264%2041.746%207.392%2014.8%2023.792%2030.677%2026.672%2046.3%203.394%2018.417%201.04%2035.145%202.896%2056.812%201.788%2020.865%2023.524%2044.572%2023.524%2044.572s10.037%203.42%2018.384%202.228c-7.78%2030.783-23.733%2059.014-46.77%2082.052z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-globe-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-globe-image($color);
|
|
}
|
|
|
|
@mixin ion-md-globe($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-globe-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-grid-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M409.6%2064H102.4C81.3%2064%2064%2081.3%2064%20102.4v307.2c0%2021.1%2017.3%2038.4%2038.4%2038.4h307.2c21.1%200%2038.4-17.3%2038.4-38.4V102.4c0-21.1-17.3-38.4-38.4-38.4zM179.2%20409.6h-76.8v-76.8h76.8v76.8zm0-115.2h-76.8v-76.8h76.8v76.8zm0-115.2h-76.8v-76.8h76.8v76.8zm115.2%20230.4h-76.8v-76.8h76.8v76.8zm0-115.2h-76.8v-76.8h76.8v76.8zm0-115.2h-76.8v-76.8h76.8v76.8zm115.2%20230.4h-76.8v-76.8h76.8v76.8zm0-115.2h-76.8v-76.8h76.8v76.8zm0-115.2h-76.8v-76.8h76.8v76.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-grid-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-grid-image($color);
|
|
}
|
|
|
|
@mixin ion-md-grid($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-grid-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-hammer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M474.1%20398.2L229.8%20167.8s8.8-57.7%2026.2-71.8c17.5-14.2%2048-32%2048-32V32c-32%200-58.8%208.3-96.9%2027.3-38%2018.9-66.8%2047.8-74.4%2055.4-7.6%207.6-18.1%2019.5-24.7%2028.9s-5.3%2020.1-5.3%2020.1l-19.7%2017-4-4c-2.3-2.3-6.2-2.3-8.5%200l-36.8%2036.8c-2.3%202.3-2.3%206.2%200%208.5l59.4%2059.4c2.3%202.3%206.2%202.3%208.5%200l36.8-36.8c2.3-2.3%202.3-6.2%200-8.5l-10.3-10.3%2014.6-14.3c6.8-3.7%2025.4-8.9%2039.1-5.1l214.9%20267.3c8.1%208.2%2020.3%208.2%2028.5%200l46.8-47.1c10.3-8%2010.3-22.3%202.1-28.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-hammer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-hammer-image($color);
|
|
}
|
|
|
|
@mixin ion-md-hammer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-hammer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-hand-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M450.68%20273.5c-14.586-14.577-36.055-15.89-50.64-1.312l-41.687%2041.664c-10.852%2010.836-23.93%2010.86-31.564%201.852-5.058-5.968-3.062-24.374-1.645-36.05l20.907-171.848c1.867-15.353-9.07-30.185-24.43-32.05-15.358-1.868-29.322%209.938-31.19%2025.288L267.37%20236.02c-1.205%203.36-3.79%203.94-4.08-.58L255.44%2060c0-15.465-12.542-28-28.014-28-15.473%200-28.015%2012.535-28.015%2028l-.55%20176.752c.145%202.04-1.605%202.624-1.92.294l-24.924-137.97c-2.75-15.218-17.323-26.202-32.548-23.452-15.227%202.748-25.34%2018.187-22.59%2033.403l22.192%20161.455c.023%202.872-.94%204.513-2.308.83l-33.11-88.516c-5.18-14.572-21.195-23.065-35.775-17.89-14.58%205.178-22.2%2022.062-17.023%2036.632l58.042%20189.625c.303%201.046.624%202.085.953%203.118l.12.39c.01.032.025.06.035.09C126.08%20444.232%20172.57%20480%20227.427%20480c35.116%200%2071.59-12.378%2099.357-33.672l.003-.002c29.99-18.05%20126.07-121.347%20126.07-121.347%2014.588-14.578%2012.41-36.9-2.178-51.48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-hand-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-hand-image($color);
|
|
}
|
|
|
|
@mixin ion-md-hand($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-hand-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-happy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C140.563%2048%2048%20141.6%2048%20256s92.563%20208%20208%20208%20208-93.6%20208-208S370.4%2048%20256%2048zm0%20374.4c-91.518%200-166.404-74.883-166.404-166.4%200-91.518%2074.887-166.4%20166.404-166.4S422.404%20164.482%20422.404%20256%20347.518%20422.4%20256%20422.4zm72.8-187.2c17.683%200%2031.2-13.518%2031.2-31.2s-13.518-31.2-31.2-31.2-31.2%2013.518-31.2%2031.2%2013.518%2031.2%2031.2%2031.2zm-145.6%200c17.682%200%2031.2-13.518%2031.2-31.2s-13.52-31.2-31.2-31.2c-17.683%200-31.2%2013.518-31.2%2031.2s13.518%2031.2%2031.2%2031.2zM256%20370.4c48.883%200%2089.436-30.164%20106.08-72.8H149.92c16.644%2042.636%2057.197%2072.8%20106.08%2072.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-happy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-happy-image($color);
|
|
}
|
|
|
|
@mixin ion-md-happy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-happy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-headset-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C150%2048%2064%20136.2%2064%20245.1v153.3c0%2036.3%2028.6%2065.7%2064%2065.7h64V288h-85.3v-42.9c0-84.7%2066.8-153.3%20149.3-153.3s149.3%2068.5%20149.3%20153.3V288H320v176h64c35.4%200%2064-29.3%2064-65.7V245.1C448%20136.2%20362%2048%20256%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-headset-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-headset-image($color);
|
|
}
|
|
|
|
@mixin ion-md-headset($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-headset-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-heart-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M349.6%2064c-36.4%200-70.718%2016.742-93.6%2043.947C233.117%2080.742%20198.8%2064%20162.4%2064%2097.918%2064%2048%20114.22%2048%20179.095c0%2079.516%2070.718%20143.348%20177.836%20241.694L256%20448l30.164-27.21C393.28%20322.44%20464%20258.61%20464%20179.094%20464%20114.22%20414.082%2064%20349.6%2064zm-80.764%20329.257l-4.22%203.873-8.616%207.773-8.616-7.772-4.214-3.868c-50.418-46.282-93.96-86.254-122.746-121.994C92.467%20236.555%2080%20208.128%2080%20179.095c0-22.865%208.422-43.93%2023.715-59.316C118.957%20104.444%20139.798%2096%20162.4%2096c26.134%200%2051.97%2012.167%2069.11%2032.545L256%20157.66l24.49-29.115C297.63%20108.167%20323.464%2096%20349.6%2096c22.603%200%2043.443%208.445%2058.686%2023.778C423.578%20135.164%20432%20156.228%20432%20179.095c0%2029.033-12.467%2057.46-40.422%2092.17-28.784%2035.74-72.325%2075.71-122.742%20121.992z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-heart-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-heart-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-md-heart-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-heart-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-heart-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20448l-30.164-27.21C118.718%20322.44%2048%20258.61%2048%20179.094%2048%20114.22%2097.918%2064%20162.4%2064c36.4%200%2070.717%2016.742%2093.6%2043.947C278.882%2080.742%20313.2%2064%20349.6%2064%20414.082%2064%20464%20114.22%20464%20179.095c0%2079.516-70.72%20143.348-177.836%20241.694L256%20448z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-heart-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-heart-image($color);
|
|
}
|
|
|
|
@mixin ion-md-heart($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-heart-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-help-buoy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208S370.9%2048%20256%2048zm61%20356l-12.2-39.6c13-5.8%2024.9-14%2035.3-24.4%2010.4-10.4%2018.6-22.3%2024.4-35.3l39.5%2012.1c-7.9%2019.3-19.7%2037-34.9%2052.2-15.1%2015.3-32.8%2027.1-52.1%2035zM195%20108l12.2%2039.6c-13%205.8-24.9%2014-35.3%2024.4-10.4%2010.4-18.6%2022.3-24.4%2035.3L108%20195.2c7.9-19.3%2019.7-37%2034.9-52.2%2015.1-15.3%2032.8-27.1%2052.1-35zm61%2084c35.3%200%2064%2028.7%2064%2064s-28.7%2064-64%2064-64-28.7-64-64%2028.7-64%2064-64zm113.1-49.1c15.2%2015.2%2026.9%2032.9%2034.9%2052.1l-39.5%2012.2c-5.9-13-14-24.9-24.4-35.3-10.4-10.4-22.3-18.6-35.3-24.4l12.1-39.5c19.3%207.9%2037%2019.7%2052.2%2034.9zM142.9%20369.1c-15.2-15.1-27-32.8-34.9-52.1l39.5-12.2c5.9%2013%2014%2024.9%2024.4%2035.3%2010.4%2010.4%2022.3%2018.6%2035.3%2024.4L195.1%20404c-19.3-7.9-37-19.7-52.2-34.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-help-buoy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-help-buoy-image($color);
|
|
}
|
|
|
|
@mixin ion-md-help-buoy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-help-buoy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-help-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.2%2048%2048%20141.2%2048%20256s93.2%20208%20208%20208%20208-93.2%20208-208S370.8%2048%20256%2048zm21%20333h-42v-42h42v42zm-.2-63h-41.6c0-67%2062.4-62.2%2062.4-103.8%200-22.9-18.7-41.7-41.6-41.7S214.4%20192%20214.4%20214h-41.6c0-46%2037.2-83%2083.2-83s83.2%2037.1%2083.2%2083.1c0%2052-62.4%2057.9-62.4%20103.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-help-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-help-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-help-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-help-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-help-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M289%20448h-66v-65h66v65zm-1-98h-64c0-101%2096-95.1%2096-159%200-35.2-28.8-63.4-64-63.4S192%20158%20192%20192h-64c0-71%2057.3-128%20128-128s128%2056.4%20128%20127c0%2079.9-96%2089-96%20159z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-help-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-help-image($color);
|
|
}
|
|
|
|
@mixin ion-md-help($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-help-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-home-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M208%20448V320h96v128h97.6V256H464L256%2064%2048%20256h62.4v192z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-home-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-home-image($color);
|
|
}
|
|
|
|
@mixin ion-md-home($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-home-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-ice-cream-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128.1%20256l128%20224%20128-224zM392%20161c3-9%204.7-22.7%204.7-32.9%200-53.1-43-96.1-96.1-96.1-31.4%200-59.2%2015-76.8%2038.3%200%200-9.1%2014-10.8%2029l-3.4-1c-2.3-9-3.7-20%201.6-31.5-7.4-2.5-9.4-2.8-17.6-2.8-41.7%200-75.6%2033.8-75.6%2075.6%200%206.3.8%2015.5%202.3%2021.4-13.9%203.5-24.3%2016.1-24.3%2031%200%2017.6%2014.4%2032%2032%2032h256c17.6%200%2032-14.4%2032-32%200-14.8-10.2-27.4-24-31z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-ice-cream-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-ice-cream-image($color);
|
|
}
|
|
|
|
@mixin ion-md-ice-cream($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-ice-cream-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-image-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20405.333V106.667C448%2083.197%20428.802%2064%20405.333%2064H106.667C83.197%2064%2064%2083.198%2064%20106.667v298.666C64%20428.803%2083.198%20448%20106.667%20448h298.666c23.47%200%2042.667-19.198%2042.667-42.667zM181.333%20288l53.334%2064%2074.666-96%2096%20128H106.667l74.666-96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-image-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-image-image($color);
|
|
}
|
|
|
|
@mixin ion-md-image($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-image-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-images-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M457.6%20140.2l-82.5-4-4.8-53.8c-1-11.3-11.1-19.2-22.9-18.3L51.5%2088.4c-11.8%201-20.3%2010.5-19.4%2021.7l21.2%20235.8c1%2011.3%2011.2%2019.2%2022.9%2018.3l15-1.2-2.4%2045.8c-.6%2012.6%209.2%2022.8%2022.4%2023.5L441.3%20448c13.2.6%2024.1-8.6%2024.8-21.2L480%20163.5c.6-12.5-9.3-22.7-22.4-23.3zm-354.9%205.3l-7.1%20134.8L78.1%20305%2062%20127v-.5-.5c1-5%204.4-9%209.6-9.4l261-21.4c5.2-.4%209.7%203%2010.5%207.9%200%20.2.3.2.3.4%200%20.1.3.2.3.4l2.7%2030.8-219-10.5c-13.2-.4-24.1%208.8-24.7%2021.3zm334%20236.9l-84.8-99.5-37.4%2034.3-69.2-80.8-122.7%20130.7L133%20168v-.4c1-5.4%206.2-9.3%2011.9-9l291.2%2014c5.8.3%2010.3%204.7%2010.4%2010.2%200%20.2.3.3.3.5l-10.1%20199.1z%22%2F%3E%3Cpath%20d%3D%22M384%20256c17.6%200%2032-14.4%2032-32s-14.3-32-32-32c-17.6%200-32%2014.3-32%2032s14.3%2032%2032%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-images-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-images-image($color);
|
|
}
|
|
|
|
@mixin ion-md-images($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-images-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-infinite-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M434.7%20188c-18.8-18-43.8-28-70.5-28-26.6%200-51.6%209.9-70.4%2027.9l-17.6%2015.9%2033.1%2032.1%2017-15.4.1-.1c10.1-9.6%2023.5-15%2037.7-15%2014.2%200%2027.6%205.3%2037.7%2014.9%2010%209.6%2015.4%2022.3%2015.4%2035.8%200%2013.5-5.5%2026.1-15.4%2035.6-10.1%209.6-23.5%2015-37.7%2015s-27.6-5.3-37.7-14.9L218.2%20188c-18.9-18-43.9-28-70.4-28-26.7%200-51.7%209.9-70.5%2028C58.4%20206.1%2048%20230.2%2048%20256c0%2025.7%2010.4%2049.9%2029.3%2068%2018.8%2018%2043.8%2028%2070.5%2028%2026.7%200%2051.7-9.9%2070.4-28l37.8-36.1%2037.7%2036.1c18.9%2018%2043.9%2028%2070.4%2028%2026.7%200%2051.7-9.9%2070.4-27.9%2019-18.1%2029.4-42.2%2029.4-68%20.1-25.8-10.3-50-29.2-68.1zM185.5%20291.7c-10.1%209.6-23.5%2015-37.7%2015-14.2%200-27.6-5.3-37.7-14.9-10-9.6-15.4-22.3-15.4-35.8%200-13.5%205.5-26.1%2015.4-35.6%2010.1-9.6%2023.5-15%2037.7-15%2014.2%200%2027.6%205.3%2037.7%2014.9l37.4%2035.8-37.4%2035.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-infinite-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-infinite-image($color);
|
|
}
|
|
|
|
@mixin ion-md-infinite($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-infinite-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-information-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.2%2048%2048%20141.2%2048%20256s93.2%20208%20208%20208%20208-93.2%20208-208S370.8%2048%20256%2048zm21%20312h-42V235h42v125zm0-166h-42v-42h42v42z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-information-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-information-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-information-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-information-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-information-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M232%20235h48v137h-48zM232%20140h48v48h-48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-information-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-information-image($color);
|
|
}
|
|
|
|
@mixin ion-md-information($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-information-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-ionic-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20164.3c-50.6%200-91.7%2041.1-91.7%2091.7s41.1%2091.7%2091.7%2091.7%2091.7-41.1%2091.7-91.7-41.1-91.7-91.7-91.7z%22%2F%3E%3Ccircle%20cx%3D%22394%22%20cy%3D%22124.6%22%20r%3D%2243.8%22%2F%3E%3Cpath%20d%3D%22M445.3%20169.8c-7.4%208.4-16.9%2015-27.6%2019%208.6%2020.7%2013.4%2043.4%2013.4%2067.2%200%2096.6-78.6%20175.2-175.2%20175.2S80.7%20352.6%2080.7%20256%20159.3%2080.8%20255.9%2080.8c26.9%200%2052.3%206.1%2075.1%2016.9%204.5-10.5%2011.5-19.6%2020.3-26.6C322.8%2056.4%20290.4%2048%20256%2048%20141.1%2048%2048%20141.1%2048%20256s93.1%20208%20208%20208%20208-93.1%20208-208c0-30.7-6.7-59.9-18.7-86.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-ionic-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-ionic-image($color);
|
|
}
|
|
|
|
@mixin ion-md-ionic($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-ionic-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-ionitron-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M478.7%20269.8C474%20236.4%20460%20208%20443%20210c6.8%2015.3%2012.1%2036.8%2010.3%2075.3-1.5-27-6.6-52.4-18-75.3C401.6%20142.5%20329.6%2097.8%20249%20102.3c-90.2%205-162.7%2069.7-180.6%20153.3l-12%201.7c-18.1%202.5-28.3%2036.4-22.8%2075.7%205.5%2039.3%2024.7%2069.2%2042.8%2066.7l16.6-2.3c36.4%2058.8%20103.4%2096.5%20177.8%2092.4%2089.6-4.9%20161.7-68.9%20180.2-151.7l7.7-.5c15.9-2.6%2024.9-32.8%2020-67.8zm-397.1-5.4c7.1%205.6%2026.5%2018.5%2031.4%2057.6%204.9%2039.1-8.9%2058.9-15%2067.1%206.3-15.5%206.5-39%203-64.7-3.4-25-9.5-46.7-19.4-60zm193.1%20121.3c-8.9.5-16.6-6.3-17.1-15.2-.5-8.9%206.3-16.4%2015.3-16.9%208.9-.5%2016.6%206.3%2017.1%2015.2.5%208.9-6.4%2016.5-15.3%2016.9zm85-4.8c-8.9.5-16.6-6.3-17.1-15.2-.5-8.9%206.3-16.4%2015.3-16.9%208.9-.5%2016.6%206.3%2017.1%2015.2.5%208.8-6.4%2016.4-15.3%2016.9zM160.6%2061.7s.1%200%200%200c.1.1.1.2.1.2.1.2.2.4.3.5v.1c.4%201.1%201.2%202%202.4%202.9%202.1%201.5%205.2%202.5%209%203.1%203.6.6%207.9.7%2012.5.5%201%200%202-.1%203.1-.2-.4-.5-.9-.9-1.3-1.4h-1.4c-4.5.1-8.7-.2-12.2-.9-3.7-.7-6.8-1.9-8.8-3.6-.6-.5-1-1-1.4-1.5-.2-.7-.2-1.5%200-2.4.5-2.4%202.5-5%205.7-7.8%202.9-2.4%206.7-4.9%2011.4-7.3.9-.5%201.8-.9%202.8-1.4.2-.1.3-.1.5-.2-.8%203.5-1%207.2-.3%2010.9%202.4%2012.5%2013.2%2021.2%2025.5%2021.6l5.2%2027.5%2011.3-2.1-5.2-27.5c11.3-4.8%2018.2-16.8%2015.8-29.3-.7-3.7-2.1-7-4.1-9.9-5.6-.8-16.4-.8-30.7%202.2%201.1-.3%202.2-.7%203.4-1%208-2.2%2015.7-3.7%2022.6-4.4.6-.1%201.3-.1%201.9-.2%201.2-.1%202.5-.2%203.7-.3h.6c4.3-.2%208.1-.1%2011.3.4%202.5.3%204.7.8%206.4%201.5-.6%201-1%202.1-1%203.3%200%202.9%201.9%205.3%204.5%206.1-.6%201-1.3%202-2.2%203-.9%201-1.9%201.9-3%202.9-1.1.9-2.4%201.9-3.7%202.8l-6.8%203.9c-.1.5-.2%201.1-.3%201.6.1%200%20.2-.1.3-.1l8.8-4.9c1.3-.8%202.5-1.7%203.6-2.5%201.2-1%202.3-1.9%203.3-2.9s1.8-2%202.5-2.9l.3-.6c3.2-.4%205.6-3%205.6-6.3%200-3.5-2.9-6.4-6.4-6.4-1%200-2%20.3-2.9.7-2.1-1.3-5-2.2-8.6-2.9-4.5-.8-10-1-16.3-.7-.7%200-1.5.1-2.2.2-.7.1-1.4.2-2.1.2-5.6-3.6-12.5-5.2-19.6-3.9-8.3%201.5-15%206.8-18.6%2013.6-1.4.6-2.7%201.1-4%201.7-.7.3-1.4.6-2.1%201-6.2%203.1-11.2%206.3-14.6%209.5-3.3%203-5.2%206-5.6%208.7-.2%201.5%200%202.9.8%204.1%200%20.4.1.6.2.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-ionitron-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-ionitron-image($color);
|
|
}
|
|
|
|
@mixin ion-md-ionitron($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-ionitron-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-jet-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23010101%22%20d%3D%22M480%2032s-23.4-.7-59.3%2027.1C404%2072%20244.9%20186.8%20244.9%20186.8l-168.8-4.2L32%20222l109.8%2055.2-8.6%2010.8-87.9.1-7.2%2040.5%2063.1%2048.7-26.6%2059.8%2060-26.4%2048.7%2063.1%2040.5-7.2.1-87.8%2010.9-8.5L290.1%20480l39.3-44.1-4.2-168.7S440.1%20108.2%20453%2091.6C480.7%2055.5%20480%2032%20480%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-jet-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-jet-image($color);
|
|
}
|
|
|
|
@mixin ion-md-jet($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-jet-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-key-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M249.2%20224c-14.2-40.2-55.1-72-100.2-72-57.2%200-101%2046.8-101%20104s45.8%20104%20103%20104c45.1%200%2084.1-31.8%2098.2-72H352v64h69.1v-64H464v-64H249.2zm-97.6%2066.5c-19%200-34.5-15.5-34.5-34.5s15.5-34.5%2034.5-34.5%2034.5%2015.5%2034.5%2034.5-15.5%2034.5-34.5%2034.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-key-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-key-image($color);
|
|
}
|
|
|
|
@mixin ion-md-key($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-key-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-keypad-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20398.5c-22.3%200-40.5%2018.3-40.5%2040.7%200%2022.4%2018.2%2040.7%2040.5%2040.7s40.5-18.3%2040.5-40.7c0-22.3-18.2-40.7-40.5-40.7zM136.5%2032C114.2%2032%2096%2050.3%2096%2072.7s18.2%2040.7%2040.5%2040.7S177%2095.1%20177%2072.7%20158.8%2032%20136.5%2032zm0%20122.2c-22.3%200-40.5%2018.3-40.5%2040.7s18.2%2040.7%2040.5%2040.7%2040.5-18.3%2040.5-40.7-18.2-40.7-40.5-40.7zm0%20122.2c-22.3%200-40.5%2018.3-40.5%2040.7%200%2022.4%2018.2%2040.7%2040.5%2040.7s40.5-18.3%2040.5-40.7c0-22.4-18.2-40.7-40.5-40.7zm239-162.9c22.3%200%2040.5-18.3%2040.5-40.7S397.8%2032%20375.5%2032%20335%2050.3%20335%2072.7s18.2%2040.8%2040.5%2040.8zM256%20276.4c-22.3%200-40.5%2018.3-40.5%2040.7%200%2022.4%2018.2%2040.7%2040.5%2040.7s40.5-18.3%2040.5-40.7c0-22.4-18.2-40.7-40.5-40.7zm119.5%200c-22.3%200-40.5%2018.3-40.5%2040.7%200%2022.4%2018.2%2040.7%2040.5%2040.7s40.5-18.3%2040.5-40.7c0-22.4-18.2-40.7-40.5-40.7zm0-122.2c-22.3%200-40.5%2018.3-40.5%2040.7s18.2%2040.7%2040.5%2040.7%2040.5-18.3%2040.5-40.7-18.2-40.7-40.5-40.7zm-119.5%200c-22.3%200-40.5%2018.3-40.5%2040.7s18.2%2040.7%2040.5%2040.7%2040.5-18.3%2040.5-40.7-18.2-40.7-40.5-40.7zM256%2032c-22.3%200-40.5%2018.3-40.5%2040.7s18.2%2040.7%2040.5%2040.7%2040.5-18.3%2040.5-40.7S278.3%2032%20256%2032z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-keypad-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-keypad-image($color);
|
|
}
|
|
|
|
@mixin ion-md-keypad($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-keypad-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-laptop-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M437.334%20416c23.47%200%2042.666-19.197%2042.666-42.666V106.668C480%2083.198%20460.803%2064%20437.334%2064H74.666C51.196%2064%2032%2083.2%2032%20106.668v266.666C32%20396.804%2051.197%20416%2074.666%20416H0c0%2023.47%2064%2032%2096%2032h320c32%200%2096-8.53%2096-32h-74.666zM74.666%20106.668h362.668v271.998H74.666V106.668zM256%20434.666c-11.73%200-21.333-9.604-21.333-21.334S244.27%20392%20256%20392s21.333%209.604%2021.333%2021.332c0%2011.73-9.604%2021.334-21.333%2021.334z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-laptop-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-laptop-image($color);
|
|
}
|
|
|
|
@mixin ion-md-laptop($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-laptop-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-leaf-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20287.6C416%20120.9%20256%2032%20256%2032S96%20120.9%2096%20287.6c0%20118.8%2081.3%20140.5%20128%20143.2V480h64v-49.3c46.7-2.6%20128-24.3%20128-143.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-leaf-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-leaf-image($color);
|
|
}
|
|
|
|
@mixin ion-md-leaf($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-leaf-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-link-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M74.6%20256c0-38.3%2031.1-69.4%2069.4-69.4h88V144h-88c-61.8%200-112%2050.2-112%20112s50.2%20112%20112%20112h88v-42.6h-88c-38.3%200-69.4-31.1-69.4-69.4zm85.4%2022h192v-44H160v44zm208-134h-88v42.6h88c38.3%200%2069.4%2031.1%2069.4%2069.4s-31.1%2069.4-69.4%2069.4h-88V368h88c61.8%200%20112-50.2%20112-112s-50.2-112-112-112z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-link-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-link-image($color);
|
|
}
|
|
|
|
@mixin ion-md-link($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-link-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-list-box-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M408%2064H104c-22.09%200-40%2017.908-40%2040v304c0%2022.092%2017.91%2040%2040%2040h304c22.092%200%2040-17.908%2040-40V104c0-22.092-17.908-40-40-40zM304%20368H144v-48h160v48zm64-88H144v-48h224v48zm0-88H144v-48h224v48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-list-box-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-list-box-image($color);
|
|
}
|
|
|
|
@mixin ion-md-list-box($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-list-box-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-list-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M80%20280h256v48H80zM80%20184h320v48H80zM80%2088h352v48H80z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M80%20376h288v48H80z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-list-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-list-image($color);
|
|
}
|
|
|
|
@mixin ion-md-list($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-list-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-locate-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20176c-44.004%200-80%2036-80%2080%200%2044.004%2035.996%2080%2080%2080%2044.005%200%2080-35.996%2080-80%200-44-35.995-80-80-80zm190.938%2058.667c-9.605-88.53-81.074-160-169.605-169.6V32h-42.666v33.067c-88.53%209.6-160%2081.068-169.604%20169.6H32v42.666h33.062c9.604%2088.53%2081.072%20160%20169.604%20169.604V480h42.666v-33.062c88.53-9.604%20160-81.073%20169.605-169.604H480v-42.667h-33.062zM256%20405.333c-82.137%200-149.334-67.198-149.334-149.333%200-82.136%2067.197-149.333%20149.334-149.333%2082.135%200%20149.332%2067.198%20149.332%20149.333S338.135%20405.333%20256%20405.333z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-locate-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-locate-image($color);
|
|
}
|
|
|
|
@mixin ion-md-locate($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-locate-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-lock-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M376%20186h-20v-40c0-55-45-100-100-100S156%2091%20156%20146v40h-20c-22.002%200-40%2017.998-40%2040v200c0%2022.002%2017.998%2040%2040%2040h240c22.002%200%2040-17.998%2040-40V226c0-22.002-17.998-40-40-40zM256%20368c-22.002%200-40-17.998-40-40s17.998-40%2040-40%2040%2017.998%2040%2040-17.998%2040-40%2040zm62.002-182H193.998v-40c0-34.004%2028.003-62.002%2062.002-62.002%2034.004%200%2062.002%2027.998%2062.002%2062.002v40z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-lock-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-lock-image($color);
|
|
}
|
|
|
|
@mixin ion-md-lock($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-lock-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-log-in-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048c-42.9%200-84.2%2013-119.2%2037.5-34.2%2024-60.2%2057.2-75.1%2096.1L58%20192h45.7l1.9-5c8.2-17.8%2019.4-33.9%2033.5-48%2031.2-31.2%2072.7-48.4%20116.9-48.4s85.7%2017.2%20116.9%2048.4c31.2%2031.2%2048.4%2072.7%2048.4%20116.9%200%2044.1-17.2%2085.7-48.4%20116.9-31.2%2031.2-72.7%2048.4-116.9%2048.4-44.1%200-85.6-17.2-116.9-48.4-14-14-25.3-30.1-33.5-47.9l-1.9-5H58l3.6%2010.4c14.9%2038.9%2040.9%2072.1%2075.1%2096.1C171.8%20451.1%20213%20464%20256%20464c114.7%200%20208-93.3%20208-208S370.7%2048%20256%2048z%22%2F%3E%3Cpath%20d%3D%22M48%20277.4h189.7l-43.6%2044.7L224%20352l96-96-96-96-31%2029.9%2044.7%2044.7H48v42.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-log-in-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-log-in-image($color);
|
|
}
|
|
|
|
@mixin ion-md-log-in($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-log-in-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-log-out-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M192%20277.4h189.7l-43.6%2044.7L368%20352l96-96-96-96-31%2029.9%2044.7%2044.7H192v42.8z%22%2F%3E%3Cpath%20d%3D%22M255.7%20421.3c-44.1%200-85.5-17.2-116.7-48.4-31.2-31.2-48.3-72.7-48.3-116.9%200-44.1%2017.2-85.7%2048.3-116.9%2031.2-31.2%2072.6-48.4%20116.7-48.4%2044%200%2085.3%2017.1%20116.5%2048.2l30.3-30.3c-8.5-8.4-17.8-16.2-27.7-23.2C339.7%2061%20298.6%2048%20255.7%2048%20141.2%2048%2048%20141.3%2048%20256s93.2%20208%20207.7%20208c42.9%200%2084-13%20119-37.5%2010-7%2019.2-14.7%2027.7-23.2l-30.2-30.2c-31.1%2031.1-72.5%2048.2-116.5%2048.2zM448.004%20256.847l-.85-.848.85-.85.848.85z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-log-out-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-log-out-image($color);
|
|
}
|
|
|
|
@mixin ion-md-log-out($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-log-out-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-magnet-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M383.6%2098.8C352.1%2065.8%20308%2048.2%20256%2048c-51.9.2-96%2017.8-127.5%2050.8C96.8%20132%2080%20178.8%2080%20234c0%2043.5%201.8%2069.2%2012.9%20115.8%200%200%2022.7%2075.7%2035.5%20104.1%203.5%207.8%207.4%2011.8%2015.5%209.3%206.4-2%2046.8-17.9%2054.7-21.6%207.9-3.6%2011.6-8.6%208.9-15.2-3.8-9.2-33.9-95.6-33.9-95.6-8.4-36.3-11.6-53.9-11.6-94.3%200-28.2%209.8-54.1%2027.7-72.9%2017.5-18.3%2041-28.4%2066.3-28.4s48.8%2010.1%2066.3%2028.4c17.9%2018.8%2027.7%2044.6%2027.7%2072.8%200%2040-3.2%2064-11.7%2094.4s-32.2%2090.1-33.9%2095.6c-1.7%205.6%202.1%2012.5%208.9%2015.2%206.8%202.7%2049.3%2019.6%2054.7%2021.6%205.4%202%2010.6.6%2014.5-7.7%204-8.3%2024.6-61.4%2036.5-105.7%2012-44.3%2013-72.3%2013-115.8%200-55.2-16.7-101.9-48.4-135.2zM173.1%20419.7l-22.9%209.6c-6.9-16.3-17.2-43.2-25.9-77.2l22-6.5%2026.8%2074.1zm188.6%209.6l-22.9-9.6c7.2-16.6%2019.1-45.1%2026.6-74.1l22%206.5c-8.4%2033.9-18.7%2060.9-25.7%2077.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-magnet-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-magnet-image($color);
|
|
}
|
|
|
|
@mixin ion-md-magnet($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-magnet-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-mail-open-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20201.667c0-14.933-7.47-28.803-20.27-36.266L256%2064%2052.27%20165.4C40.53%20172.865%2032%20186.735%2032%20201.668v203.666C32%20428.803%2051.197%20448%2074.666%20448h362.668c23.47%200%2042.666-19.198%2042.666-42.667V201.667zM256%20304L84.63%20192%20256%20106.667%20427.37%20192%20256%20304z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-mail-open-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-mail-open-image($color);
|
|
}
|
|
|
|
@mixin ion-md-mail-open($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-mail-open-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-mail-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M437.332%2080H74.668C51.198%2080%2032%2099.198%2032%20122.667v266.666C32%20412.803%2051.2%20432%2074.668%20432h362.664c23.47%200%2042.668-19.198%2042.668-42.667V122.667C480%2099.197%20460.8%2080%20437.332%2080zM432%20170.667L256%20288%2080%20170.667V128l176%20117.333L432%20128v42.667z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-mail-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-mail-image($color);
|
|
}
|
|
|
|
@mixin ion-md-mail($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-mail-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-male-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%2048H288v48h94.1L275.4%20202.6C251.9%20185.9%20223.1%20176%20192%20176c-79.5%200-144%2064.5-144%20144s64.5%20144%20144%20144%20144-64.5%20144-144c0-31.1-9.9-59.9-26.6-83.4L416%20129.9V224h48V48h-48zM192%20416c-52.9%200-96-43.1-96-96s43.1-96%2096-96%2096%2043.1%2096%2096-43.1%2096-96%2096z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-male-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-male-image($color);
|
|
}
|
|
|
|
@mixin ion-md-male($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-male-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-man-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20106.6c20.6.1%2037.3-16.6%2037.3-37.3%200-20.6-16.7-37.3-37.3-37.3-20.6%200-37.3%2016.7-37.3%2037.3%200%2020.6%2016.7%2037.3%2037.3%2037.3zM293.4%20115h-74.8c-28.2%200-46.6%2024.8-46.6%2048.4V277c0%2022%2031%2022%2031%200V172h6v285.6c0%2030.4%2042%2029.4%2043%200V293h8v164.7c1.7%2031.2%2043%2028.2%2043-.1V172h5v105c0%2022%2032%2022%2032%200V163.4c0-23.5-18.5-48.4-46.6-48.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-man-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-man-image($color);
|
|
}
|
|
|
|
@mixin ion-md-man($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-man-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-map-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M437.333%2064c-2.176%200-4.396%201.37-9.176%203.207S320%20108.802%20320%20108.802L192%2064%2071.47%20104.53c-4.273%201.074-7.47%205.334-7.47%2010.667v322.136C64%20443.73%2068.27%20448%2074.666%20448c1.828%200%206.505-2.33%209.087-3.32L192%20403.198%20320%20448l120.53-40.53c4.272-1.074%207.47-5.335%207.47-10.668V74.666C448%2068.27%20443.73%2064%20437.333%2064zM320%20405.333L192%20360.53V106.667l128%2044.803v253.863z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-map-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-map-image($color);
|
|
}
|
|
|
|
@mixin ion-md-map($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-map-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-medal-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M273.5%20152.1H48l54.1-103.9h240.7z%22%2F%3E%3Ccircle%20cx%3D%22256.2%22%20cy%3D%22377.2%22%20r%3D%2286.6%22%2F%3E%3Cpath%20d%3D%22M348.9%20299.1l115.1-147-69.3-103.9L256.4%20256c32.3%200%2062.7%2012.7%2085.5%2035.5%202.5%202.5%204.8%205%207%207.6zM205.8%20266.6L152.3%20186H48.4l90.1%20161.5c5.2-21.2%2016.1-40.6%2032-56.4%2010.4-10.3%2022.3-18.6%2035.3-24.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-medal-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-medal-image($color);
|
|
}
|
|
|
|
@mixin ion-md-medal($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-medal-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-medical-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M351.9%20256L460%20193.6l-48-83.2-108%2062.4V48h-96v124.8l-108-62.4-48%2083.2L160.1%20256%2052%20318.4l48%2083.2%20108-62.4V464h96V339.2l108%2062.4%2048-83.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-medical-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-medical-image($color);
|
|
}
|
|
|
|
@mixin ion-md-medical($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-medical-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-medkit-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%20144v-39.6C352%2082%20334%2064%20311.6%2064H200.4C178%2064%20160%2082%20160%20104.4V144H48v263.6C48%20430%2066%20448%2088.4%20448h335.2c22.4%200%2040.4-18%2040.4-40.4V144H352zm-152-40h112v40H200v-40zm136%20224h-56v56h-48v-56h-56v-48h56v-56h48v56h56v48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-medkit-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-medkit-image($color);
|
|
}
|
|
|
|
@mixin ion-md-medkit($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-medkit-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-megaphone-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M382.1%20143.4l-23.1%2023c14.7%2014.7%2023.9%2035.2%2023.9%2057.6s-9.2%2042.9-23.9%2057.6l23.1%2023.1c20.6-20.6%2033.4-49.2%2033.4-80.6s-12.8-60.1-33.4-80.7z%22%2F%3E%3Cpath%20d%3D%22M428.2%2099l-22.7%2022.7c26.1%2026.1%2042.3%2062.4%2042.3%20102.3%200%2039.8-16.1%2076.1-42.3%20102.3l22.7%2022.7c31.9-32.1%2051.8-76.3%2051.8-125s-19.8-92.9-51.8-125zM320%20184.1V80h-32l-96%2080H64l-32%2016v112l32%2016%2080%20128h48l-30-128h30l96%2064h32V263.9c18.4-1.7%2032-18.9%2032-39.9s-13.6-38.2-32-39.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-megaphone-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-megaphone-image($color);
|
|
}
|
|
|
|
@mixin ion-md-megaphone($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-megaphone-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-menu-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20384h384v-42.666H64V384zm0-106.666h384v-42.667H64v42.667zM64%20128v42.665h384V128H64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-menu-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-menu-image($color);
|
|
}
|
|
|
|
@mixin ion-md-menu($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-menu-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-mic-off-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M367.95%20354.654l-26.615-26.562-9.568-9.548-4.698-4.706L187%20174.04v.347L76.112%2063.53l-24.19%2024.042L187%20222.47v28.816c0%2037.79%2031.12%2068.714%2068.91%2068.714a68.6%2068.6%200%200%200%2024.565-4.545l32.39%2032.274c-17.334%208.792-36.813%2013.86-56.783%2013.86-62.986%200-121.365-48.59-121.365-116.59H95.773C95.773%20322%20158%20387.7%20233%20398.012V480h46v-81.987c22-3.352%2043.066-11.222%2061.627-22.622l95.278%2095.08%2024.033-24-33.847-33.786-58.215-57.96%2058.224%2057.96-58.15-58.03zM325%20251.286V100.714C325%2062.924%20293.79%2032%20256%2032s-69%2030.924-69%2068.714v25.244l137.11%20136.968c.67-3.79.89-7.68.89-11.64zM416.44%20245h-38.942c0%2020.496-5.498%2039.676-14.93%2056.197l27.57%2027.516c16.524-24.11%2026.3-52.787%2026.3-83.713zM460%20446.427L426.1%20412.684l33.855%2033.785z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-mic-off-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-mic-off-image($color);
|
|
}
|
|
|
|
@mixin ion-md-mic-off($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-mic-off-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-mic-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20320c37.712%200%2068.57-30.924%2068.57-68.714V100.714C324.57%2062.924%20293.713%2032%20256%2032s-68.57%2030.924-68.57%2068.714v150.572c0%2037.79%2030.858%2068.714%2068.57%2068.714zm121.14-75.452c0%2068.714-58.283%20116.815-121.14%20116.815S134.86%20313.26%20134.86%20244.548H96c0%2077.873%2061.72%20143.153%20137.144%20153.465V480h45.713v-81.987C354.28%20386.56%20416%20322.42%20416%20244.548h-38.86z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-mic-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-mic-image($color);
|
|
}
|
|
|
|
@mixin ion-md-mic($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-mic-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-microphone-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20112V84.4c0-29-24.5-52.4-54.8-52.4H182.9C152.5%2032%20128%2055.4%20128%2084.4V112h152v37H128v43h152v37H128v43h152v37H128v41.8c0%2029%2024.5%2052.2%2054.9%2052.2H213v77h86v-77h30.2c30.3%200%2054.8-23.2%2054.8-52.2V309h-56v-37h56v-43h-56v-37h56v-43h-56v-37h56z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-microphone-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-microphone-image($color);
|
|
}
|
|
|
|
@mixin ion-md-microphone($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-microphone-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-moon-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M195%20125c0-26.3%205.3-51.3%2014.9-74.1C118.7%2073%2051%20155.1%2051%20253c0%20114.8%2093.2%20208%20208%20208%2097.9%200%20180-67.7%20202.1-158.9-22.8%209.6-47.9%2014.9-74.1%2014.9-106%200-192-86-192-192z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-moon-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-moon-image($color);
|
|
}
|
|
|
|
@mixin ion-md-moon($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-moon-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-more-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M296%20136c0-22.002-17.998-40-40-40s-40%2017.998-40%2040%2017.998%2040%2040%2040%2040-17.998%2040-40zm0%20240c0-22.002-17.998-40-40-40s-40%2017.998-40%2040%2017.998%2040%2040%2040%2040-17.998%2040-40zm0-120c0-22.002-17.998-40-40-40s-40%2017.998-40%2040%2017.998%2040%2040%2040%2040-17.998%2040-40z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-more-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-more-image($color);
|
|
}
|
|
|
|
@mixin ion-md-more($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-more-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-move-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20256l-96-96v64h-96v-96h64l-96-96-96%2096h64v96h-96v-64l-96%2096%2096%2096v-64h96v96h-64l96%2096%2096-96h-64v-96h96v64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-move-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-move-image($color);
|
|
}
|
|
|
|
@mixin ion-md-move($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-move-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-musical-note-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064v225.1c-12.6-7.3-27.1-11.7-42.7-11.7-47.1%200-85.3%2038.2-85.3%2085.3s38.2%2085.3%2085.3%2085.3%2085.3-38.2%2085.3-85.3V149.3H384V64H256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-musical-note-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-musical-note-image($color);
|
|
}
|
|
|
|
@mixin ion-md-musical-note($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-musical-note-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-musical-notes-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M160%2064v257.6c-8.2-2.7-17.2-4.1-26.6-4.1-38.3%200-69.4%2027.1-69.4%2065.4%200%2038.3%2031.1%2065.1%2069.4%2065.1%2038.3%200%2069.6-28.2%2069.6-69.1V200h202v121.6c-8.2-2.7-17.2-4.1-26.6-4.1-38.3%200-69.4%2027.1-69.4%2065.4%200%2038.3%2031.1%2065.1%2069.4%2065.1%2038.3%200%2069.6-28.2%2069.6-69.1V64H160zm245%2096H203v-53h202v53z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-musical-notes-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-musical-notes-image($color);
|
|
}
|
|
|
|
@mixin ion-md-musical-notes($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-musical-notes-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-navigate-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2064L96%20433.062%20110.938%20448%20256%20384l145.062%2064L416%20433.062z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-navigate-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-navigate-image($color);
|
|
}
|
|
|
|
@mixin ion-md-navigate($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-navigate-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-no-smoking-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M360%20256h16v48h-16zM112%20304h129.6l-48-48H112z%22%2F%3E%3Cpath%20d%3D%22M364.5%2060.1c-.4-.2-.7-.4-1-.6-10.9-6-22.5-10.7-34.4-14.8l-5.4-1.8C302.3%2036.1%20279.6%2032%20256%2032%20132.3%2032%2032%20132.3%2032%20256c0%2084.3%2046.6%20157.6%20115.4%20195.8.4.2.7.5%201.1.7%2010.9%206%2022.5%2010.7%2034.4%2014.8l5.4%201.8c21.4%206.8%2044%2010.9%2067.7%2010.9%20123.7%200%20224-100.3%20224-224%200-84.3-46.6-157.7-115.5-195.9zM256%20426.4c-9.3%200-18.4-.9-27.2-2.4-9.8-1.6-19.3-4.1-28.5-7.3-1.9-.6-3.8-1.2-5.6-1.9-6.5-2.5-12.9-5.3-19-8.6-53.6-28.7-90.1-85.2-90.1-150.3%200-37.2%2012.4-71.4%2032.7-99.4l237.2%20237.2c-28.1%2020.3-62.3%2032.7-99.5%2032.7zm137.8-71L156.6%20118.2c28-20.2%2062.1-32.6%2099.4-32.6%209.3%200%2018.3.9%2027.2%202.4%209.8%201.6%2019.3%204.1%2028.5%207.3%201.8.6%203.7%201.2%205.6%201.9%206.2%202.4%2012.2%205%2018%208.1%2054.2%2028.5%2091.2%2085.3%2091.2%20150.8-.1%2037.2-12.5%2071.3-32.7%2099.3z%22%2F%3E%3Cpath%20d%3D%22M352%20256h-34l34%2034zM384%20256h16v48h-16zM360.1%20212.7c-8.8-4.1-22-5.7-45.6-5.7h-3.6c-12.7.1-15.9-.1-20-6.1-2.8-4.2-1-14.8%203.7-21.9%201.6-2.4%201.8-5.6.4-8.2-1.4-2.6-4.1-4.2-7-4.3-.1%200-9.4-.1-18.3-3.9-10.6-4.5-15.6-12.1-15.6-23.1%200-25.8%2021.8-27.7%2022.8-27.7v-16c-12%200-38.8%2011-38.8%2043.7%200%2017.5%209%2031%2025.7%2038%204.2%201.7%208.4%202.9%2012%203.6-3.3%209.8-3.6%2020.9%201.7%2028.7%209%2013.3%2020.3%2013.2%2033.3%2013.1h3.5c26.3%200%2034.6%202.3%2038.9%204.3%205.7%202.6%206.8%207.5%206.6%2015.7v1h16v-1c0-7.1.3-22.8-15.7-30.2z%22%2F%3E%3Cpath%20d%3D%22M400%20244c0-25.7-3-39.2-9.1-49.6C382.3%20180%20368.5%20172%20352%20172h-17.4c2.9-8.3%205.4-19.8%203.5-30.9-3.2-18.8-19.1-30-43.1-30v16c21%200%2026.1%209.1%2027.4%2016.7%202.5%2014.5-6.8%2032.1-6.9%2032.3-1.4%202.5-1.3%205.5.1%207.9s4.1%203.9%206.9%203.9H352c10.9%200%2019.4%204.9%2025.1%2014.6%203.1%205.3%206.9%2013.5%206.9%2041.4h16v.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-no-smoking-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-no-smoking-image($color);
|
|
}
|
|
|
|
@mixin ion-md-no-smoking($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-no-smoking-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-notifications-off-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20463.656c22.814%200%2041.475-18.656%2041.475-41.656h-82.95c0%2023%2018.66%2041.656%2041.475%2041.656z%22%2F%3E%3Cpath%20d%3D%22M131.083%20107.172l.053.074-33.046-32.97-24.086%2024.107%2063.042%2063.153C126.888%20180.52%20121%20202.196%20121%20225.07v114.555L80%20381.28V402h297.743l36.182%2036.33%2024.08-24.3L425.9%20402h.316L131.083%20107.172zM391%20225.07c0-63.526-45-117.677-104-131.218V79.274c0-17.706-13.37-31.243-31-31.243-17.628%200-31%2013.538-31%2031.244v14.578c-15%203.438-29.048%209.5-41.75%2017.663L391%20319.355V225.07z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-notifications-off-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-notifications-off-image($color);
|
|
}
|
|
|
|
@mixin ion-md-notifications-off($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-notifications-off-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-notifications-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M257%20120.47c7.083%200%2023.91%204.48%2023.91%204.48%2045.59%2010.447%2077.68%2052.44%2077.68%2099.85V352.412l9.32%209.364%207.788%207.823H136.302l7.788-7.824%209.32-9.364V224.8c0-47.41%2032.09-89.403%2077.68-99.85%200%200%2018.042-4.48%2023.91-4.48M256%2048c-17.602%200-31.06%2013.518-31.06%2031.2v14.56c-59.014%2013.522-103.53%2067.6-103.53%20131.04v114.4L80%20380.8v20.8h352v-20.8l-41.41-41.6V224.8c0-63.44-44.517-117.518-103.53-131.04V79.2C287.06%2061.518%20273.6%2048%20256%2048zm41.41%20374.4H214.59c0%2022.88%2018.633%2041.6%2041.412%2041.6s41.41-18.72%2041.41-41.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-notifications-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-notifications-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-md-notifications-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-notifications-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-notifications-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20464c22.78%200%2041.41-18.72%2041.41-41.6H214.59c0%2022.88%2018.633%2041.6%2041.412%2041.6zm134.59-124.8V224.8c0-63.44-44.517-117.518-103.53-131.04V79.2C287.06%2061.518%20273.6%2048%20256%2048s-31.06%2013.518-31.06%2031.2v14.56c-59.014%2013.522-103.53%2067.6-103.53%20131.04v114.4L80%20380.8v20.8h352v-20.8l-41.41-41.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-notifications-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-notifications-image($color);
|
|
}
|
|
|
|
@mixin ion-md-notifications($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-notifications-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-nuclear-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M336%20272c0-29.8-16.3-55.7-40.4-69.5l73.1-124.1C335.6%2059.1%20297.1%2048%20256%2048c-41.2%200-79.9%2011.2-113.1%2030.6l71.6%20125C191.4%20217.6%20176%20243%20176%20272H32c0%2083.3%2046.9%20153.4%20114.4%20192l70.1-122.4c11.7%206.6%2025.1%2010.4%2039.5%2010.4%2014.3%200%2027.7-3.8%2039.3-10.3L365.6%20464C433.1%20425.4%20480%20355.3%20480%20272H336z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-nuclear-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-nuclear-image($color);
|
|
}
|
|
|
|
@mixin ion-md-nuclear($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-nuclear-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-nutrition-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M357.2%20235.6L274.7%20153h-.8c-8.1-6-18.2-10.3-28.4-10.3-13.7%200-26.1%206.3-34.3%2016.3h-.6L53%20414.1v.8c-3%206.2-5%2013.3-5%2020.8%200%2024.4%2019.7%2044.3%2044.3%2044.3%209.4%200%2018-2.9%2027.4-9.1l232.9-168.1c10.9-8.3%2017.4-21.6%2017.4-36%200-12-4.7-23.2-12.8-31.2zM464%20145.1l-29.2-49-36.6%2020.3%2031.5-55.9L380.6%2032l-67.3%20127.8%2041.3%2041.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-nutrition-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-nutrition-image($color);
|
|
}
|
|
|
|
@mixin ion-md-nutrition($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-nutrition-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-open-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.34%20405.332H106.66V106.668H240V64H106.66C83.19%2064%2064%2083.197%2064%20106.668v298.664C64%20428.802%2083.19%20448%20106.66%20448h298.68c23.47%200%2042.66-19.197%2042.66-42.668V272h-42.66v133.332zM288%2064v42.668h87.474L160%20322.133%20189.864%20352%20405.34%20136.53V224H448V64H288z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-open-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-open-image($color);
|
|
}
|
|
|
|
@mixin ion-md-open($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-open-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-options-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20384h272v32H32zM400%20384h80v32h-80zM384%20447.5c0%2017.95-14.327%2032.5-32%2032.5-17.673%200-32-14.55-32-32.5v-95c0-17.95%2014.327-32.5%2032-32.5%2017.673%200%2032%2014.55%2032%2032.5v95z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M32%20240h80v32H32zM208%20240h272v32H208zM192%20303.5c0%2017.95-14.327%2032.5-32%2032.5-17.673%200-32-14.55-32-32.5v-95c0-17.95%2014.327-32.5%2032-32.5%2017.673%200%2032%2014.55%2032%2032.5v95z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M32%2096h272v32H32zM400%2096h80v32h-80zM384%20159.5c0%2017.95-14.327%2032.5-32%2032.5-17.673%200-32-14.55-32-32.5v-95c0-17.95%2014.327-32.5%2032-32.5%2017.673%200%2032%2014.55%2032%2032.5v95z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-options-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-options-image($color);
|
|
}
|
|
|
|
@mixin ion-md-options($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-options-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-outlet-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M369.5%2032H142.4C81.5%2032%2032%2082.6%2032%20144.6v222.8c0%2062%2049.5%20112.6%20110.4%20112.6h227.2c60.9%200%20110.5-50.6%20110.5-112.6V144.6C480%2082.6%20430.5%2032%20369.5%2032zM175%20251v.7c0%2010.9-9.1%2020.4-19.9%2020.4h-23.3c-10.8%200-19.9-9.5-19.9-20.4V148.1c1-10.8%209.2-20.2%2019.9-20.2h23.3c10.9%200%2019.9%209.8%2019.9%2020.8V251zm122%20147.4c0%2011.4-8.9%2017.6-20.1%2017.6h-41.8c-11.2%200-20.1-8.1-20.1-19.6v-29.3c0-23.3%2018.1-42.3%2041-42.3s41%2019%2041%2042.3v31.3zM400%20251v.7c0%2010.9-9.1%2020.4-19.9%2020.4h-24.3c-10.8%200-19.9-9.5-19.9-20.4V148.1c1-10.8%209.2-20.2%2019.9-20.2h24.3c10.8%200%2019.9%209.8%2019.9%2020.8V251z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-outlet-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-outlet-image($color);
|
|
}
|
|
|
|
@mixin ion-md-outlet($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-outlet-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-paper-plane-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23010101%22%20d%3D%22M48%20270.9l118.9%2044.6L181.7%20464%20256%20360l104%20104L464%2048%2048%20270.9zm294.9%20126L260%20313.4%20374.9%20152%20193.6%20289.8%20124.9%20265l291-156.2-73%20288.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-paper-plane-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-paper-plane-image($color);
|
|
}
|
|
|
|
@mixin ion-md-paper-plane($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-paper-plane-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-paper-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M464%2064H192c-8.8%200-16%207.7-16%2016.5V112H74c-23.1%200-42%2018.9-42%2042v207.5c0%2047.6%2039%2086.5%2086%2086.5h279.7c45.1%200%2082.3-36.9%2082.3-82V80c0-8.8-7.2-16-16-16zm-288%2080v192h-42V163.2c0-6.8-.8-13.3-3.3-19.2H176zm-17%20255.4C148%20410%20133.2%20416%20118.5%20416c-14.5%200-28.1-5.7-38.5-16-10.3-10.3-16-24-16-38.5V163.2c0-10.6%208.4-19.2%2019-19.2s19%208.6%2019%2019.2V352c0%208.8%207.2%2016%2016%2016h57.5c-1.5%2011.6-7.2%2022.6-16.5%2031.4zM448%20366c0%2013.3-5.4%2025.8-14.9%2035.3-9.5%209.5-22.2%2014.7-35.4%2014.7H187.3c12.8-14.9%2020.7-33.9%2020.7-54.5V97h240v269z%22%2F%3E%3Cpath%20d%3D%22M248%20136h160v56H248zM248%20224h160v32H248zM248%20288h160v32H248zM408%20352H248s0%2032-8%2032h148.7c19.3%200%2019.3-21%2019.3-32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-paper-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-paper-image($color);
|
|
}
|
|
|
|
@mixin ion-md-paper($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-paper-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-partly-sunny-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M248.03%20116.81l24.68-24.678%2019.232%2019.234-24.678%2024.677zM176%20125.7c-45.3%200-82.3%2037-82.3%2082.3%200%2017.5%205.5%2033.7%2014.9%2047%2015.3-13%2033.9-22.6%2054.7-27.6l13.2-16.6c13.6-17.1%2030.7-30.2%2050.8-38.9%206.1-2.6%2012.4-4.8%2019-6.6-14.5-23.7-40.6-39.6-70.3-39.6zM162%2064h28v41h-28zM32%20194h41v28H32zM81.6%20276.8l-.8-.8-24.7%2024.7%2019.2%2019.2%2024.7-24.7zM79.29%2092.13l24.677%2024.678-19.233%2019.233-24.678-24.677zM405.6%20288.6C394.7%20233.4%20346.2%20192%20288%20192c-34%200-65.1%2011.9-86.5%2038.8%2029.4%202.2%2056.7%2013%2077.8%2033.9%2015.6%2015.6%2026.6%2034.6%2032.1%2055.3h-28.7c-13.1-37.3-48-64-90.6-64-5.1%200-12.3.6-17.7%201.7C128.6%20267.1%2096%20305%2096%20352c0%2053%2043%2096%2096%2096h208c44.2%200%2080-35.8%2080-80%200-42.2-32.8-76.5-74.4-79.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-partly-sunny-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-partly-sunny-image($color);
|
|
}
|
|
|
|
@mixin ion-md-partly-sunny($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-partly-sunny-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-pause-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20448h106.7V64H96v384zM309.3%2064v384H416V64H309.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-pause-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-pause-image($color);
|
|
}
|
|
|
|
@mixin ion-md-pause($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-pause-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-paw-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M459.5%20190.5c-4.7-12.7-12.7-21.9-23.1-26.6-4.8-2.1-9.7-3.2-14.8-3.2-21.7%200-43.7%2020.2-54.9%2050.3-13.8%2037.3-5.8%2073.8%2018.6%2085%204.9%202.2%2010.1%203.4%2015.6%203.4%2022.1%200%2044.6-18.5%2055.9-46.1%208.5-21%209.5-44.4%202.7-62.8zM145.3%20211c-11.1-30.1-33.2-50.3-54.9-50.3-5.1%200-10.1%201.1-14.8%203.2-10.4%204.7-18.3%2013.9-23.1%2026.6-6.9%2018.4-5.9%2041.8%202.7%2062.7%2011.3%2027.6%2033.8%2046.1%2055.9%2046.1%205.4%200%2010.7-1.1%2015.6-3.4%2024.4-11.1%2032.4-47.6%2018.6-84.9zM193.5%20206.8c2%20.1%204%200%206-.2%2011.7-1.1%2022.3-7.1%2030.6-17.3%2013.4-16.5%2017.1-42.2%2014.3-68.7-4.3-40.8-25.8-71.3-54.8-72.6%200%200-4.1%200-6.2.2-12.8%201.3-24.4%207.9-33.5%2019.2-13.3%2016.4-19.7%2040.7-17.1%2065.1%204.3%2040.4%2030.9%2073%2060.7%2074.3zM256%20238.7c-69.3%200-138.7%2082.4-138.7%20161.6%200%2023.6%2011.8%2042.6%2023.5%2050.4%2014.4%209.6%2024.5%2013.4%2045.5%2013.4%2025%200%2031.8-8.8%2043.5-16.5%208.5-5.6%2015.8-10.4%2026.2-10.4%2010.4%200%2017.7%204.8%2026.2%2010.4%2011.7%207.7%2018.5%2016.5%2043.5%2016.5%2021.1%200%2031.2-3.8%2045.5-13.4%2011.6-7.8%2023.5-26.8%2023.5-50.4%200-79.2-69.4-161.6-138.7-161.6zM312.6%20206.5c2%20.2%204%20.3%206%20.2%2029.8-1.3%2056.5-33.9%2060.8-74.3%202.6-24.4-3.8-48.8-17.1-65.1-9.2-11.3-20.3-17.6-33.1-18.8-2.1-.2-6.7-.3-6.7-.3-28.9%201.3-50.4%2031.5-54.8%2072.4-2.8%2026.5.9%2052.3%2014.3%2068.7%208.4%2010%2019%2016%2030.6%2017.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-paw-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-paw-image($color);
|
|
}
|
|
|
|
@mixin ion-md-paw($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-paw-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-people-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M337.454%20232c33.6%200%2061.092-27.002%2061.092-60%200-32.997-27.493-60-61.092-60s-61.09%2027.003-61.09%2060c0%2032.998%2027.49%2060%2061.09%2060zm-162.908%200c33.6%200%2061.09-27.002%2061.09-60%200-32.997-27.49-60-61.09-60s-61.092%2027.003-61.092%2060c0%2032.998%2027.493%2060%2061.092%2060zm0%2044C126.688%20276%2032%20298.998%2032%20346v54h288v-54c0-47.002-97.6-70-145.454-70zm162.908%2011.003c-6.105%200-10.325%200-17.454.997%2023.426%2017.002%2032%2028%2032%2058v54h128v-54c0-47.002-94.688-58.997-142.546-58.997z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-people-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-people-image($color);
|
|
}
|
|
|
|
@mixin ion-md-people($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-people-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-person-add-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M304%20256c52.805%200%2096-43.2%2096-96s-43.195-96-96-96-96%2043.2-96%2096%2043.195%2096%2096%2096zm0%2048c-63.598%200-192%2032.402-192%2096v48h384v-48c0-63.598-128.402-96-192-96zM112%20224v-64H80v64H16v32h64v64h32v-64h64v-32h-64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-person-add-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-person-add-image($color);
|
|
}
|
|
|
|
@mixin ion-md-person-add($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-person-add-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-person-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20256c52.805%200%2096-43.2%2096-96s-43.195-96-96-96-96%2043.2-96%2096%2043.195%2096%2096%2096zm0%2048c-63.598%200-192%2032.402-192%2096v48h384v-48c0-63.598-128.402-96-192-96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-person-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-person-image($color);
|
|
}
|
|
|
|
@mixin ion-md-person($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-person-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-phone-landscape-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20358.856V153.143c0-22.63-18.326-41.143-40.728-41.143H72.728C50.326%20112%2032%20130.512%2032%20153.143v205.713C32%20381.488%2050.326%20400%2072.728%20400h366.545c22.4%200%2040.727-18.512%2040.727-41.144zM112%20364V148h288v216H112z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-phone-landscape-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-phone-landscape-image($color);
|
|
}
|
|
|
|
@mixin ion-md-phone-landscape($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-phone-landscape-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-phone-portrait-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M358.856%2032H153.143C130.513%2032%20112%2050.326%20112%2072.728v366.545c0%2022.4%2018.512%2040.727%2041.143%2040.727h205.713C381.488%20480%20400%20461.674%20400%20439.272V72.728C400%2050.326%20381.488%2032%20358.856%2032zM364%20400H148V112h216v288z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-phone-portrait-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-phone-portrait-image($color);
|
|
}
|
|
|
|
@mixin ion-md-phone-portrait($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-phone-portrait-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-photos-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M400%20421.3V154.7c0-23.5-19.2-42.7-42.7-42.7H90.7C67.2%20112%2048%20131.2%2048%20154.7v266.7c0%2023.5%2019.2%2042.7%2042.7%2042.7h266.7c23.4-.1%2042.6-19.3%2042.6-42.8zM157.3%20304l45.3%2064%2066.7-96%2088%20128H90.7l66.6-96z%22%2F%3E%3Cpath%20d%3D%22M421.3%2048H154.7C131.2%2048%20112%2067.2%20112%2090.7V96h261.3c23.5%200%2042.7%2019.2%2042.7%2042.7V400h5.3c23.5%200%2042.7-19.2%2042.7-42.7V90.7c0-23.5-19.2-42.7-42.7-42.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-photos-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-photos-image($color);
|
|
}
|
|
|
|
@mixin ion-md-photos($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-photos-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-pie-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32.6%20256H256V32.6c-5-.4-10.6-.6-16-.6-114.9%200-208%2093.1-208%20208%200%205.4.2%2011%20.6%2016z%22%2F%3E%3Cpath%20d%3D%22M109.8%20402.2C147.9%20449.6%20206.4%20480%20272%20480c114.9%200%20208-93.1%20208-208%200-65.6-30.4-124.1-77.8-162.2C370.5%2084.3%20331%2067.9%20288%2064.6V288H64.6c3.3%2043%2019.7%2082.5%2045.2%20114.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-pie-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-pie-image($color);
|
|
}
|
|
|
|
@mixin ion-md-pie($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-pie-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-pin-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032c-88.004%200-160%2070.557-160%20156.8C96%20306.4%20256%20480%20256%20480s160-173.6%20160-291.2C416%20102.558%20344.004%2032%20256%2032zm0%20212.8c-31.996%200-57.144-24.644-57.144-56s25.147-56%2057.144-56%2057.144%2024.644%2057.144%2056-25.148%2056-57.144%2056z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-pin-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-pin-image($color);
|
|
}
|
|
|
|
@mixin ion-md-pin($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-pin-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-pint-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2048l42.9%20379.2c2.6%2020.8%2020.5%2036.8%2042.5%2036.8h213.3c22%200%2039.9-16%2042.5-36.8L448%2048H64zm327%20124.8H121l-9.4-83.2h288.6l-9.2%2083.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-pint-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-pint-image($color);
|
|
}
|
|
|
|
@mixin ion-md-pint($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-pint-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-pizza-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M407.2%20130.4C360.7%20111.5%20309.8%20102%20256%20102c-53.9%200-108.3%2010.3-151.2%2028-8.1%203.3-15.3%209-10.1%2019.5S255.9%20480%20255.9%20480l161-329.9c3.2-6.9.9-15.4-9.7-19.7zm-221%2073.6c-18.7%200-32-14.3-32-32s13.3-32%2032-32%2032%2014.3%2032%2032-13.3%2032-32%2032zM256%20347c-18.7%200-32-14.3-32-32s13.3-32%2032-32%2032%2014.3%2032%2032-13.3%2032-32%2032zm69.8-123c-18.7%200-32-14.3-32-32s13.3-32%2032-32%2032%2014.3%2032%2032-13.3%2032-32%2032z%22%2F%3E%3Cpath%20d%3D%22M436.9%2066C384.7%2045.4%20320.3%2032%20256%2032c-64.3%200-127.6%2012.1-180.9%2033.4C70.4%2067.3%2064%2071%2064%2079.2l9.7%2024.1c2.8%204.9%208.7%208.2%2015.1%208.2%201.8%200%204.3-.3%207.3-1.5%2049-18.9%20103.1-29.6%20160-29.6%2056.9%200%20115.2%2011.6%20160%2029.6%203.6%201.4%205.6%201.5%207.3%201.5%206.6%200%2012.2-3.3%2015-8.1l9.8-24.1c-.2-7.3-5-10.8-11.3-13.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-pizza-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-pizza-image($color);
|
|
}
|
|
|
|
@mixin ion-md-pizza($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-pizza-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-plane-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20336v-40L288%20192V79.2c0-17.683-14.82-31.2-32-31.2s-32%2013.518-32%2031.2V192L64%20296v40l160-48v113.602l-48%2031.2V464l80-16%2080%2016v-31.2l-48-31.198V288l160%2048z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-plane-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-plane-image($color);
|
|
}
|
|
|
|
@mixin ion-md-plane($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-plane-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-planet-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M135.7%20151c-2.5%203-4.9%206-7.2%209.2%2032.2%2036.3%2076.1%2076.5%20124.2%20113.7%2037.8%2029.2%2076.3%2055.2%20111.4%2075.1%205.9%203.3%2011.7%206.5%2017.3%209.4%202.5-3%204.9-6%207.2-9.2%2011.7-16.1%2018.1-33.2%2023.3-53.6.8-3.2%201.5-6.4%202.1-9.5%2015.8-83-35.6-164.9-118.5-185.9-37-9.4-74.1-5.1-106.3%209.7-21.4%209.9-38.2%2022.9-53.5%2041.1z%22%2F%3E%3Cpath%20d%3D%22M418.2%20326.8c-4.1%2011-7.4%2017.5-7.4%2017.5%2018.2%2021.1%2024.6%2033.9%2031.9%2046.4%202.4%204.1%207.4%2013.1.9%2012.4-1.7-.3-3.5-.7-5.5-1.3-21.3-5.4-51.2-18.7-84.3-37.4-35.8-20.3-74.9-46.7-113.3-76.3-51.1-39.5-97.5-82.3-130.6-120.5-15.3-17.6-27.6-34.2-35.7-47.9-2.4-4.1-3.9-6.3-5.6-10.4-2.5-6.2%205-5.1%207-4.6%2014.9%203.8%2035%209.9%2058.2%2023.8%200%200%204.3-4.8%2013.9-11.4-22.8-15.4-44.6-27.7-65.2-35.5-23.1-8.8-41.1-6.8-47.5%203.7-12.2%2019.9%2014%2072.3%2065.3%20132-21.5%2086%2030.6%20173.3%20116.5%20195%2041.1%2010.4%2082.4%203.9%20116.8-15%2038.1%2017.6%2072.1%2028.6%2096.9%2034.9%2023.9%206.1%2040.4%205.5%2046.8-4.9%2011.1-18.2-12.1-51.8-59.1-100.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-planet-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-planet-image($color);
|
|
}
|
|
|
|
@mixin ion-md-planet($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-planet-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-play-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%2052v408l320-204L96%2052z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-play-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-play-image($color);
|
|
}
|
|
|
|
@mixin ion-md-play($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-play-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-podium-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20224h128v192H32zM192%20128h128v288H192zM352%20288h128v128H352z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-podium-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-podium-image($color);
|
|
}
|
|
|
|
@mixin ion-md-podium($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-podium-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-power-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M279.1%2048h-46.2v231.1h46.2V48zm111.6%2050.2L357.9%20131c36.5%2029.4%2059.9%2074.4%2059.9%20125%200%2089.4-72.3%20161.8-161.8%20161.8S94.2%20345.4%2094.2%20256c0-50.6%2023.3-95.7%2059.6-125.3l-32.6-32.6C76.4%20136.3%2048%20192.7%2048%20256c0%20114.9%2093.1%20208%20208%20208s208-93.1%20208-208c0-63.3-28.4-119.7-73.3-157.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-power-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-power-image($color);
|
|
}
|
|
|
|
@mixin ion-md-power($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-power-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-pricetag-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%2064H257.6L76.5%20251.6c-8%208-12.3%2018.5-12.5%2029-.3%2011.3%203.9%2022.6%2012.5%2031.2l123.7%20123.6c8%208%2020.8%2012.5%2028.8%2012.5s22.8-3.9%2031.4-12.5L448%20256V96l-32-32zm-30.7%20102.7c-21.7%206.1-41.3-10-41.3-30.7%200-17.7%2014.3-32%2032-32%2020.7%200%2036.8%2019.6%2030.7%2041.3-2.9%2010.3-11.1%2018.5-21.4%2021.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-pricetag-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-pricetag-image($color);
|
|
}
|
|
|
|
@mixin ion-md-pricetag($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-pricetag-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-pricetags-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M442%20107v141L229.2%20451.7c8%208%2020.8%2012.3%2028.8%2012.3s22.8-3.7%2031.4-12.3L480%20272V144l-38-37z%22%2F%3E%3Cpath%20d%3D%22M384%2048H224L44.3%20235.6c-8%208-12%2017.8-12.3%2028.4-.3%2011.3%203.7%2023.3%2012.3%2031.9l123.8%20123.6c8%208%2020.8%2012.5%2028.8%2012.5s22.7-3.9%2031.3-12.5L416%20240V80l-32-32zm-30.7%20102.7c-21.7%206.1-41.3-10-41.3-30.7%200-17.7%2014.3-32%2032-32%2020.7%200%2036.8%2019.6%2030.7%2041.3-2.9%2010.3-11.1%2018.5-21.4%2021.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-pricetags-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-pricetags-image($color);
|
|
}
|
|
|
|
@mixin ion-md-pricetags($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-pricetags-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-print-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M399.95%20160h-287.9C76.824%20160%2048%20188.803%2048%20224v138.667h79.9V448h256.2v-85.333H464V224c0-35.197-28.825-64-64.05-64zM352%20416H160V288h192v128zm32.1-352H127.9v80h256.2V64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-print-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-print-image($color);
|
|
}
|
|
|
|
@mixin ion-md-print($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-print-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-pulse-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M428%20269c-21.5%200-40.6%2013.1-48.4%2033h-41.2L307%20221.3c-2.7-8.2-10.3-13.7-19-13.7h-.4c-8.8.2-16.4%206-18.8%2014.5l-33.6%20135.4-55.5-291.8C178%2055.6%20169.6%2048%20160%2048c-9.5%200-16.9%206.2-19.4%2016.2L90.3%20302H32v40h74c9.2%200%2017.2-6.2%2019.4-15.2l30.7-160.6%2054.1%20282.1c1.5%208.8%208.9%2015.1%2018.6%2015.7h1.2c9.3%200%2016.9-5.3%2019.2-13.5l40.2-162.9%2015.5%2040.7c2.7%208.2%2010.3%2013.7%2019%2013.7h56.4c8.3%2019%2027.1%2031%2047.6%2031%2013.9%200%2026.9-5.6%2036.8-15.8%209.8-10.1%2015.2-23.3%2015.2-37.2.1-28.6-22.7-51-51.9-51z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-pulse-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-pulse-image($color);
|
|
}
|
|
|
|
@mixin ion-md-pulse($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-pulse-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-qr-scanner-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20124.2c0-6.9%205.2-12.2%2012.2-12.2H176V64h-66.8C75.7%2064%2048%2090.7%2048%20124.2V192h48v-67.8zM403.6%2064H336v48h67.2c6.9%200%2012.8%205.2%2012.8%2012.2V192h48v-67.8c0-33.5-27-60.2-60.4-60.2zM416%20386.8c0%206.9-5.2%2012.2-12.2%2012.2H336v49h67.8c33.5%200%2060.2-27.7%2060.2-61.2V320h-48v66.8zM108.2%20399c-6.9%200-12.2-5.2-12.2-12.2V320H48v66.8c0%2033.5%2027.7%2061.2%2061.2%2061.2H176v-49h-67.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-qr-scanner-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-qr-scanner-image($color);
|
|
}
|
|
|
|
@mixin ion-md-qr-scanner($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-qr-scanner-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-quote-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96.4%20416h77.1l50.9-96.6V96h-160v223.4h77.1L96.4%20416zm224%200h77.1l50-96.6V96H288.4v223.4h82l-50%2096.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-quote-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-quote-image($color);
|
|
}
|
|
|
|
@mixin ion-md-quote($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-quote-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-radio-button-off-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.6%2048%2048%20141.6%2048%20256s93.6%20208%20208%20208%20208-93.6%20208-208S370.4%2048%20256%2048zm0%20374.4c-91.518%200-166.4-74.883-166.4-166.4S164.483%2089.6%20256%2089.6%20422.4%20164.482%20422.4%20256%20347.518%20422.4%20256%20422.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-radio-button-off-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-radio-button-off-image($color);
|
|
}
|
|
|
|
@mixin ion-md-radio-button-off($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-radio-button-off-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-radio-button-on-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20152c-57.2%200-104%2046.8-104%20104s46.8%20104%20104%20104%20104-46.8%20104-104-46.8-104-104-104zm0-104C141.6%2048%2048%20141.6%2048%20256s93.6%20208%20208%20208%20208-93.6%20208-208S370.4%2048%20256%2048zm0%20374.4c-91.518%200-166.4-74.883-166.4-166.4S164.482%2089.6%20256%2089.6%20422.4%20164.482%20422.4%20256%20347.518%20422.4%20256%20422.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-radio-button-on-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-radio-button-on-image($color);
|
|
}
|
|
|
|
@mixin ion-md-radio-button-on($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-radio-button-on-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-radio-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M73.8%20141.9c-15.2%206-25.8%2021.8-25.8%2039.5v256c0%2023.5%2018.5%2042.7%2041.6%2042.7h332.8c23.1%200%2041.6-19.2%2041.6-42.7v-256c0-23.7-18.5-42.7-41.6-42.7H179l171.8-71.3L336.7%2032%2073.8%20141.9zM160%20438c-35.4%200-64-28.6-64-64s28.6-64%2064-64%2064%2028.6%2064%2064-28.6%2064-64%2064zm256-171.3h-32v-46.2h-44.8v46.2H96v-85.3h320v85.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-radio-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-radio-image($color);
|
|
}
|
|
|
|
@mixin ion-md-radio($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-radio-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-rainy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M139%20400s-23%2025.3-23%2040.7c0%2012.8%2010.3%2023.3%2023%2023.3s23-10.5%2023-23.3c0-15.4-23-40.7-23-40.7zM217%20368s-23%2025.3-23%2040.7c0%2012.8%2010.4%2023.3%2023%2023.3%2012.7%200%2023-10.5%2023-23.3%200-15.4-23-40.7-23-40.7zM295%20400s-23%2025.3-23%2040.7c0%2012.8%2010.3%2023.3%2023%2023.3%2012.6%200%2023-10.5%2023-23.3%200-15.4-23-40.7-23-40.7zM373%20368s-23%2025.3-23%2040.7c0%2012.8%2010.4%2023.3%2023%2023.3%2012.7%200%2023-10.5%2023-23.3%200-15.4-23-40.7-23-40.7zM393.2%20161.2C380.5%2096.6%20323.9%2048%20256%2048c-39.7%200-76%2014-100.9%2045.4%2034.3%202.6%2066.1%2015.2%2090.7%2039.8%2018.2%2018.2%2031%2040.5%2037.4%2064.8h-33.5c-15.3-43.7-56-75-105.7-75-6%200-14.3.7-20.6%202C70%20136%2032%20180.4%2032%20235.5%2032%20297.6%2079.4%20352%20141.2%20352h242.7c51.5%200%2096.2-46%2096.2-97.8-.1-49.4-38.4-89.6-86.9-93z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-rainy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-rainy-image($color);
|
|
}
|
|
|
|
@mixin ion-md-rainy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-rainy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-recording-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M369.8%20160c-53.4%200-96.2%2042.8-96.2%2096%200%2023.6%207.9%2044.5%2021.9%2061.1h-78.8c14-16.6%2021.9-37.5%2021.9-61.1%200-53.2-42.9-96-96.2-96S46%20202.8%2046%20256s42.9%2096%2096.2%2096h227.5c53.4%200%2096.2-42.8%2096.2-96s-42.8-96-96.1-96zM142.2%20317.1C108.1%20317.1%2081%20290%2081%20256s27.1-61.1%2061.2-61.1%2061.2%2027.1%2061.2%2061.1-27%2061.1-61.2%2061.1zm227.6%200c-34.1%200-61.2-27.1-61.2-61.1s27.1-61.1%2061.2-61.1S431%20222%20431%20256s-27.1%2061.1-61.2%2061.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-recording-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-recording-image($color);
|
|
}
|
|
|
|
@mixin ion-md-recording($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-recording-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-redo-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20337.2L83.8%20352c22.9-69.7%2088.7-117.8%20166-117.8%2042.8%200%2081.5%2015.7%20111.8%2041.1L282.5%20352H480V160l-79.6%2076.3c-40.4-35.2-92.8-56.8-150.7-56.8-101.5.1-187.3%2066.2-217.7%20157.7z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-redo-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-redo-image($color);
|
|
}
|
|
|
|
@mixin ion-md-redo($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-redo-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-refresh-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.6%2048%2048%20141.6%2048%20256s93.6%20208%20208%20208%20208-93.6%20208-208S370.4%2048%20256%2048zm112%20194h-98l44.8-44.8C300.1%20181.8%20279.1%20172%20256%20172c-46.2%200-84%2037.8-84%2084s37.8%2084%2084%2084c34.9%200%2065.3-21.2%2077.6-52h29.8c-13.9%2046.3-56.3%2080-107.4%2080-62.3%200-112-50.4-112-112s50.4-112%20112-112c30.8%200%2058.8%2012.6%2079.1%2032.9L368%20144v98z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-refresh-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-refresh-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-refresh-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-refresh-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-refresh-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20388c-72.597%200-132-59.405-132-132%200-72.6%2059.403-132%20132-132%2036.3%200%2069.3%2015.4%2092.406%2039.6L278%20234h154V80l-51.698%2051.702C348.406%2099.798%20304.406%2080%20256%2080c-96.797%200-176%2079.203-176%20176s78.094%20176%20176%20176c81.045%200%20148.287-54.134%20169.4-128h-46.55c-18.745%2049.56-67.138%2084-122.85%2084z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-refresh-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-refresh-image($color);
|
|
}
|
|
|
|
@mixin ion-md-refresh($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-refresh-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-remove-circle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048C141.125%2048%2048%20141.125%2048%20256s93.125%20208%20208%20208%20208-93.125%20208-208S370.875%2048%20256%2048zm107%20229H149v-42h214v42z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-remove-circle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-remove-circle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-remove-circle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-remove-circle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-remove-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20235h320v42H96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-remove-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-remove-image($color);
|
|
}
|
|
|
|
@mixin ion-md-remove($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-remove-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-reorder-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M96%20348h320v36H96zM96%20128h320v36H96zM96%20200.7h320v35.6H96zM96%20275.8h320v35.6H96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-reorder-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-reorder-image($color);
|
|
}
|
|
|
|
@mixin ion-md-reorder($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-reorder-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-repeat-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M149.3%20152h213.3v62.4l85.3-83.2L362.7%2048v62.4h-256v124.8h42.7V152zm213.4%20208H149.3v-62.4L64%20380.8l85.3%2083.2v-62.4h256V276.8h-42.7V360z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-repeat-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-repeat-image($color);
|
|
}
|
|
|
|
@mixin ion-md-repeat($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-repeat-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-resize-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M297.6%2048l64.9%2064.9-249.6%20249.6L48%20297.6V464h166.4l-64.9-64.9%20249.6-249.6%2064.9%2064.9V48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-resize-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-resize-image($color);
|
|
}
|
|
|
|
@mixin ion-md-resize($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-resize-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-restaurant-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M164.852%20279.94l61.834-60.252L73.72%2071.706c-33.626%2032.764-33.626%2086.677%200%20119.44l91.132%2088.793z%22%2F%3E%3Cpath%20d%3D%22M312.39%20241.88c33.635%2014.802%2080.282%204.232%20113.91-29.593%2041.22-40.165%2049.908-98.303%2017.362-128.96-31.465-31.71-91.13-23.245-132.354%2016.92-34.718%2033.826-45.566%2079.277-30.374%20110.987-47.74%2047.568-211.552%20207.173-211.552%20207.173L99.76%20448l149.71-145.866L399.176%20448l30.374-29.593-149.708-145.87%2032.547-30.657z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-restaurant-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-restaurant-image($color);
|
|
}
|
|
|
|
@mixin ion-md-restaurant($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-restaurant-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-return-left-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M432.8%20136v96H122.3l84.4-86.2-33.2-33.8L32%20256l141.5%20144%2033.2-33.8-84.4-86.2H480V136h-47.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-return-left-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-return-left-image($color);
|
|
}
|
|
|
|
@mixin ion-md-return-left($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-return-left-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-return-right-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20136v144h357.7l-84.4%2086.2%2033.2%2033.8L480%20256%20338.5%20112l-33.2%2033.8%2084.4%2086.2H79.2v-96H32z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-return-right-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-return-right-image($color);
|
|
}
|
|
|
|
@mixin ion-md-return-right($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-return-right-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-reverse-camera-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M440%2096h-88l-32-32H192l-32%2032H72c-22.1%200-40%2017.9-40%2040v272c0%2022.1%2017.9%2040%2040%2040h368c22.1%200%2040-17.9%2040-40V136c0-22.1-17.9-40-40-40zm-72%20171h-97.7l44.8-45.1c-14.7-15.4-35.7-25.5-58.8-25.5-46.2%200-84%2037.8-84%2084s37.8%2084%2084%2084c35.5%200%2066.2-21.5%2078.2-53.5h29.6c-13.4%2047-56.2%2081.5-107.8%2081.5-62.3%200-112-50.4-112-112s50.4-112%20112-112c30.8%200%2058.7%2012.6%2079%2032.9l32.8-32.9V267z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-reverse-camera-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-reverse-camera-image($color);
|
|
}
|
|
|
|
@mixin ion-md-reverse-camera($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-reverse-camera-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-rewind-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M249.6%20402V110L32%20256l217.6%20146zm12.8-146L480%20402V110L262.4%20256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-rewind-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-rewind-image($color);
|
|
}
|
|
|
|
@mixin ion-md-rewind($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-rewind-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-ribbon-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2032c-70.7%200-128%2057.3-128%20128s57.3%20128%20128%20128%20128-57.3%20128-128S326.7%2032%20256%2032zm0%20208c-44.2%200-80-35.8-80-80s35.8-80%2080-80%2080%2035.8%2080%2080-35.8%2080-80%2080zM193.7%20307.4c-19.1-8.1-36.2-19.6-50.8-34.3-1.4-1.4-2.8-2.8-4.1-4.3L64%20400h96l48%2080%2048-105.8%2025.5-56.2c-8.4%201.3-16.9%202-25.5%202-21.6%200-42.5-4.2-62.3-12.6zM373.3%20268.9c-1.3%201.4-2.7%202.9-4.1%204.3-14.6%2014.6-31.7%2026.2-50.7%2034.2L294%20361.2l-21.9%2048.4L304%20480l48-80h96l-74.7-131.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-ribbon-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-ribbon-image($color);
|
|
}
|
|
|
|
@mixin ion-md-ribbon($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-ribbon-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-rose-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M260.6%20214.8c23.8-40.9%2048-71.6%2091.4-96.4%208.3-4.8%2021.2-8%2022.8-8.9C290.7%2083.7%20256%2032%20256%2032s-34.7%2051.7-120.5%2076.5c5.8%203.4%2016.5%206.5%2030.7%2013.7%2034.5%2017.4%2062.5%2051.3%2094.4%2092.6zM246.3%20253.4C186.7%20161.2%20131.4%20126.8%2048%20126.8c54.2%2078.6%2052%20174.6%2052%20215.4%200%2076.1%2069.8%20137.8%20156%20137.8%2057.6%200%20107.9-27.6%20135-68.7-35.5-27.6-85.1-65.7-144.7-157.9zM464%20126.8s-55.2-2.3-85.2%2015.4c-43%2025.5-74.4%2061.3-95.4%20103.2%2038.8%2052%2073%2087.9%2095.4%20109.4%2010.7%2010.2%2019.8%2018.2%2027.5%2024.5%203.7-11.8%205.8-24.3%205.8-37.2-.1-40.8-17.4-114.1%2051.9-215.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-rose-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-rose-image($color);
|
|
}
|
|
|
|
@mixin ion-md-rose($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-rose-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-sad-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20288c-45.443%200-83.675%2026.076-102.205%2064h204.41c-18.53-37.924-56.762-64-102.205-64z%22%2F%3E%3Cpath%20d%3D%22M256%2048C140.563%2048%2048%20141.6%2048%20256s92.563%20208%20208%20208%20208-93.6%20208-208S370.4%2048%20256%2048zm0%20374.4c-91.518%200-166.404-74.883-166.404-166.4%200-91.518%2074.887-166.4%20166.404-166.4S422.404%20164.482%20422.404%20256%20347.518%20422.4%20256%20422.4z%22%2F%3E%3Cpath%20d%3D%22M328.8%20235.2c17.683%200%2031.2-13.518%2031.2-31.2s-13.518-31.2-31.2-31.2-31.2%2013.518-31.2%2031.2%2013.518%2031.2%2031.2%2031.2zM183.2%20235.2c17.682%200%2031.2-13.518%2031.2-31.2s-13.52-31.2-31.2-31.2c-17.683%200-31.2%2013.518-31.2%2031.2s13.518%2031.2%2031.2%2031.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-sad-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-sad-image($color);
|
|
}
|
|
|
|
@mixin ion-md-sad($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-sad-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-school-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M113.5%20281.2v85.3L256%20448l142.5-81.5v-85.3L256%20362.7l-142.5-81.5zM256%2064L32%20192l224%20128%20183.3-104.7v147.4H480V192L256%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-school-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-school-image($color);
|
|
}
|
|
|
|
@mixin ion-md-school($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-school-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-search-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M337.51%20305.372h-17.502l-6.57-5.486c20.79-25.232%2033.92-57.054%2033.92-93.257C347.36%20127.63%20283.897%2064%20205.136%2064%20127.452%2064%2064%20127.632%2064%20206.63s63.452%20142.627%20142.225%20142.627c35.01%200%2067.83-13.167%2092.99-34.008l6.562%205.486v17.55L415.18%20448%20448%20415.086%20337.51%20305.372zm-131.285%200c-54.702%200-98.463-43.887-98.463-98.743%200-54.86%2043.76-98.743%2098.463-98.743%2054.7%200%2098.462%2043.884%2098.462%2098.742%200%2054.855-43.762%2098.742-98.462%2098.742z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-search-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-search-image($color);
|
|
}
|
|
|
|
@mixin ion-md-search($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-search-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-send-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M48%20448l416-192L48%2064v149.333L346%20256%2048%20298.667z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-send-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-send-image($color);
|
|
}
|
|
|
|
@mixin ion-md-send($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-send-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-settings-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M413.967%20276.8c1.06-6.235%201.06-13.518%201.06-20.8s-1.06-13.518-1.06-20.8l44.667-34.318c4.26-3.118%205.32-8.317%202.13-13.518l-42.55-71.764c-2.128-4.164-8.506-6.235-12.766-4.164l-53.186%2020.8c-10.638-8.317-23.394-15.6-36.16-20.8l-7.448-55.117c-1.06-4.155-5.32-8.32-10.638-8.32h-85.098c-5.318%200-9.577%204.165-10.637%208.32l-8.507%2055.116c-12.767%205.2-24.464%2012.482-36.17%2020.8l-53.187-20.8c-5.32-2.07-10.638%200-12.767%204.164L49.1%20187.365c-2.12%204.153-1.06%2010.4%202.13%2013.518L96.97%20235.2c0%207.282-1.06%2013.518-1.06%2020.8s1.06%2013.518%201.06%2020.8l-44.668%2034.318c-4.26%203.118-5.318%208.317-2.13%2013.518l42.55%2071.764c2.13%204.164%208.507%206.235%2012.766%204.164l53.187-20.8c10.637%208.317%2023.394%2015.6%2036.16%2020.8l8.508%2055.117c1.07%205.2%205.318%208.32%2010.637%208.32h85.098c5.32%200%209.578-4.165%2010.638-8.32l8.518-55.116c12.757-5.2%2024.464-12.482%2036.16-20.8l53.187%2020.8c5.32%202.07%2010.638%200%2012.768-4.164l42.55-71.765c2.128-4.153%201.06-10.4-2.13-13.518l-46.8-34.317zm-158.5%2052c-41.488%200-74.46-32.235-74.46-72.8s32.972-72.8%2074.46-72.8%2074.462%2032.235%2074.462%2072.8-32.973%2072.8-74.462%2072.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-settings-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-settings-image($color);
|
|
}
|
|
|
|
@mixin ion-md-settings($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-settings-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-share-alt-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20248L288%2096v85.334C138.666%20202.667%2085.333%20309.334%2064%20416c53.333-74.666%20117.333-108.802%20224-108.802v87.47L448%20248z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-share-alt-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-share-alt-image($color);
|
|
}
|
|
|
|
@mixin ion-md-share-alt($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-share-alt-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-share-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M383.822%20344.427c-16.045%200-31.024%205.326-41.72%2015.98l-152.958-88.42c1.07-5.33%202.142-9.594%202.142-14.92%200-5.328-1.07-9.593-2.142-14.92l150.826-87.35c11.762%2010.654%2026.74%2017.042%2043.852%2017.042%2035.295%200%2064.178-28.767%2064.178-63.92C448%2072.766%20419.117%2044%20383.822%2044c-35.297%200-64.18%2028.767-64.18%2063.92%200%205.327%201.066%209.593%202.143%2014.92l-150.82%2087.35c-11.768-10.655-26.742-17.042-43.857-17.042-35.296%200-63.108%2028.766-63.108%2063.92%200%2035.153%2028.877%2063.92%2064.178%2063.92%2017.115%200%2032.09-6.39%2043.856-17.042l151.89%2088.42c-1.075%204.256-2.14%208.522-2.14%2013.848%200%2034.094%2027.806%2061.787%2062.037%2061.787%2034.23%200%2062.037-27.692%2062.037-61.786s-27.805-61.787-62.035-61.787z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-share-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-share-image($color);
|
|
}
|
|
|
|
@mixin ion-md-share($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-share-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-shirt-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M320%2064c-11.1%2019.1-40.3%2032-64%2032s-52.9-12.9-64-32L64%2096v96l77-16-13%20272h256l-13-272%2077%2016V96L320%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-shirt-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-shirt-image($color);
|
|
}
|
|
|
|
@mixin ion-md-shirt($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-shirt-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-shuffle-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M222.2%20188.1L97.8%2064%2064%2097.8l124.1%20124.1%2034.1-33.8zM316%2064l49%2049L64%20414.2%2097.8%20448%20399%20147l49%2049V64H316zm7.9%20225.8l-33.8%2033.8%2075.1%2075.1L316%20448h132V316l-49%2049-75.1-75.2z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-shuffle-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-shuffle-image($color);
|
|
}
|
|
|
|
@mixin ion-md-shuffle($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-shuffle-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-skip-backward-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M170.7%20256L448%20448V64L170.7%20256zM64%2064h64v384H64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-skip-backward-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-skip-backward-image($color);
|
|
}
|
|
|
|
@mixin ion-md-skip-backward($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-skip-backward-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-skip-forward-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%2064v384l277.3-192L64%2064zM384%2064h64v384h-64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-skip-forward-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-skip-forward-image($color);
|
|
}
|
|
|
|
@mixin ion-md-skip-forward($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-skip-forward-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-snow-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M461.4%20298.5l-8.3-30.9-88%2023.6-60.4-34.9%2060.4-34.9%2088%2023.6%208.3-30.9-57.1-15.3%2057.7-33.3-24-41.5-56.6%2032.7%2015.3-57.1-30.9-8.3-23.6%2088-62.2%2035.9v-71.1l64.5-64.4-22.7-22.6L280%2098.9V32h-48v65.6l-41.7-41.7-22.6%2022.6%2064.3%2064.4v71.4l-60.7-35-23.6-88-30.9%208.3%2015.3%2057.1-57.7-33.4-24%2041.6%2056.7%2032.7L50%20212.9l8.3%2030.9%2087.9-23.6%2062.6%2036.1-62.6%2036.2-87.9-23.6-8.3%2030.9%2057.1%2015.3-56.7%2032.7%2024%2041.5%2057.7-33.3-15.3%2057%2030.9%208.3%2023.6-87.9%2060.7-35.1v70.9l-64.3%2064.4%2022.6%2022.6%2041.7-41.8V480h48v-66.8l41.9%2041.7%2022.5-22.6L280%20368v-70.6l62.2%2036%2023.6%2087.9%2030.9-8.3-15.3-57%2056.6%2032.7%2024-41.6-57.7-33.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-snow-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-snow-image($color);
|
|
}
|
|
|
|
@mixin ion-md-snow($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-snow-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-speedometer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%20416h256v48H128zM256%20288c17.7%200%2032-14.3%2032-32s-14.3-32-32-32c-3%200-6%20.4-8.8%201.2l-66.7-48.7-4%203.5%2048.9%2066.7c-.9%202.9-1.4%206-1.4%209.3%200%2017.7%2014.3%2032%2032%2032z%22%2F%3E%3Cpath%20d%3D%22M256%2048C141.1%2048%2048%20141.1%2048%20256c0%2048.3%2016.5%2092.7%2044.1%20128h58.8l4-4%2022.1-22.1-22.9-22.9-22.1%2022c-19.9-24.3-32.1-54-35.2-85H128v-32H96.8c3.1-31%2015.3-60.7%2035.2-85l22.1%2022%2022.9-22.9-22-22.1c24.3-19.9%2054-32.1%2085-35.2V128h32V96.8c31%203.1%2060.7%2015.3%2085%2035.2l-22%2022.1%2022.9%2022.9%2022.1-22c19.9%2024.3%2032.1%2054%2035.2%2085H384v32h31.2c-3.1%2031-15.3%2060.7-35.2%2085l-22.1-22-22.9%2022.9%2022.1%2022.1%204%204h58.8c27.6-35.3%2044.1-79.7%2044.1-128%200-114.9-93.1-208-208-208z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-speedometer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-speedometer-image($color);
|
|
}
|
|
|
|
@mixin ion-md-speedometer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-speedometer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-square-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.333%20106.667v298.666H106.667V106.667h298.666m0-42.667H106.667C83.197%2064%2064%2083.198%2064%20106.667v298.666C64%20428.803%2083.198%20448%20106.667%20448h298.666c23.47%200%2042.667-19.198%2042.667-42.667V106.667C448%2083.197%20428.802%2064%20405.333%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-square-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-square-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-md-square-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-square-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-square-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.333%2064H106.667C83.197%2064%2064%2083.198%2064%20106.667v298.666C64%20428.803%2083.198%20448%20106.667%20448h298.666c23.47%200%2042.667-19.198%2042.667-42.667V106.667C448%2083.197%20428.802%2064%20405.333%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-square-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-square-image($color);
|
|
}
|
|
|
|
@mixin ion-md-square($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-square-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-star-half-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M458%20210.41l-145.267-12.477L256%2064l-56.743%20133.934L54%20210.41l110.192%2095.523L131.162%20448%20256%20372.686%20380.83%20448l-33.02-142.066L458%20210.41zM272.53%20345.286L256%20335.313l-.002-189.277%2027.27%2064.38%207.52%2017.75%2019.208%201.65%2069.846%205.998-52.993%2045.94-14.577%2012.635%204.367%2018.787%2015.875%2068.3-59.984-36.19z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-star-half-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-star-half-image($color);
|
|
}
|
|
|
|
@mixin ion-md-star-half($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-star-half-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-star-outline-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M458%20210.41l-145.267-12.477L256%2064l-56.743%20133.934L54%20210.41l110.192%2095.523L131.162%20448%20256%20372.686%20380.83%20448l-33.02-142.066L458%20210.41zM272.53%20345.285L256%20335.312l-16.53%209.973-59.988%2036.19%2015.88-68.295%204.368-18.79-14.577-12.637-52.994-45.94%2069.835-5.997%2019.206-1.65%207.522-17.75%2027.276-64.38%2027.27%2064.378%207.52%2017.75%2019.208%201.65%2069.846%206-52.993%2045.938-14.577%2012.636%204.367%2018.788%2015.875%2068.3-59.984-36.19z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-star-outline-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-star-outline-image($color);
|
|
}
|
|
|
|
@mixin ion-md-star-outline($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-star-outline-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-star-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20372.686L380.83%20448l-33.02-142.066L458%20210.41l-145.267-12.476L256%2064l-56.743%20133.934L54%20210.41l110.192%2095.524L131.162%20448z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-star-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-star-image($color);
|
|
}
|
|
|
|
@mixin ion-md-star($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-star-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-stats-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M176%2064h64v384h-64zM80%20336h64v112H80zM272%20272h64v176h-64zM368%20176h64v272h-64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-stats-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-stats-image($color);
|
|
}
|
|
|
|
@mixin ion-md-stats($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-stats-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-stopwatch-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M232%20306.667h48V176h-48v130.667z%22%2F%3E%3Cpath%20d%3D%22M407.67%20170.27l30.786-30.785-33.942-33.94-30.785%2030.785C341.216%20111.057%20300.37%2096%20256%2096%20149.96%2096%2064%20181.96%2064%20288s85.96%20192%20192%20192%20192-85.96%20192-192c0-44.37-15.057-85.217-40.33-117.73zm-45.604%20223.796C333.734%20422.398%20296.066%20438%20256%20438s-77.735-15.602-106.066-43.934C121.602%20365.736%20106%20328.066%20106%20288s15.602-77.735%2043.934-106.066C178.264%20153.602%20215.934%20138%20256%20138s77.734%2015.602%20106.066%2043.934C390.398%20210.264%20406%20247.934%20406%20288s-15.602%2077.735-43.934%20106.066zM192%2032h128v48H192z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-stopwatch-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-stopwatch-image($color);
|
|
}
|
|
|
|
@mixin ion-md-stopwatch($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-stopwatch-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-subway-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2048c-93.864%200-176%2010.668-176%2085.334v213.332c0%2041.604%2033.062%2074.666%2074.667%2074.666L128%20448v16h256v-16l-26.667-26.668c41.604%200%2074.667-33.062%2074.667-74.666V133.334C432%2058.668%20349.864%2048%20256%2048zm-96%20336c-18.136%200-32-13.865-32-32%200-18.137%2013.864-32%2032-32s32%2013.863%2032%2032c0%2018.135-13.864%2032-32%2032zm80-144H128v-96h112v96zm112%20144c-18.136%200-32-13.865-32-32%200-18.137%2013.864-32%2032-32s32%2013.863%2032%2032c0%2018.135-13.864%2032-32%2032zm32-144H272v-96h112v96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-subway-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-subway-image($color);
|
|
}
|
|
|
|
@mixin ion-md-subway($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-subway-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-sunny-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M277.3%2032h-42.7v64h42.7V32zm129.1%2043.7L368%20114.1l29.9%2029.9%2038.4-38.4-29.9-29.9zm-300.8%200l-29.9%2029.9%2038.4%2038.4%2029.9-29.9-38.4-38.4zM256%20128c-70.4%200-128%2057.6-128%20128s57.6%20128%20128%20128%20128-57.6%20128-128-57.6-128-128-128zm224%20106.7h-64v42.7h64v-42.7zm-384%200H32v42.7h64v-42.7zM397.9%20368L368%20397.9l38.4%2038.4%2029.9-29.9-38.4-38.4zm-283.8%200l-38.4%2038.4%2029.9%2029.9%2038.4-38.4-29.9-29.9zm163.2%2048h-42.7v64h42.7v-64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-sunny-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-sunny-image($color);
|
|
}
|
|
|
|
@mixin ion-md-sunny($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-sunny-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-swap-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M131.3%20231.1L32%20330.6l99.3%2099.4v-74.6h174.5v-49.7H131.3v-74.6zM480%20181.4L380.7%2082v74.6H206.2v49.7h174.5v74.6l99.3-99.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-swap-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-swap-image($color);
|
|
}
|
|
|
|
@mixin ion-md-swap($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-swap-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-switch-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M168%20216h94.9c14.5%2014.8%2034.7%2024%2057.1%2024%2044.2%200%2080-35.8%2080-80s-35.8-80-80-80c-22.4%200-42.6%209.2-57.1%2024H168c-30.8%200-56%2025.2-56%2056s25.2%2056%2056%2056zm-16.9-72.9c4.6-4.6%2010.6-7.1%2016.9-7.1h75.7c-2.4%207.6-3.7%2015.6-3.7%2024s1.3%2016.4%203.7%2024H168c-6.3%200-12.4-2.5-16.9-7.1-4.6-4.6-7.1-10.6-7.1-16.9s2.5-12.4%207.1-16.9zM344%20296h-94.9c-14.5-14.8-34.7-24-57.1-24-44.2%200-80%2035.8-80%2080s35.8%2080%2080%2080c22.4%200%2042.6-9.2%2057.1-24H344c30.8%200%2056-25.2%2056-56s-25.2-56-56-56zm16.9%2072.9c-4.6%204.6-10.6%207.1-16.9%207.1h-75.7c2.4-7.6%203.7-15.6%203.7-24s-1.3-16.4-3.7-24H344c6.3%200%2012.4%202.5%2016.9%207.1%204.6%204.6%207.1%2010.6%207.1%2016.9s-2.5%2012.4-7.1%2016.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-switch-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-switch-image($color);
|
|
}
|
|
|
|
@mixin ion-md-switch($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-switch-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-sync-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%2093.09V32l-80%2081.454%2080%2081.456v-61.093c65.996%200%20120%2054.982%20120%20122.183%200%2020.363-5%2039.714-14.004%2057.016L391%20342.546c15.996-25.456%2025-54.987%2025-86.546%200-89.6-72.002-162.91-160-162.91zm0%20285.094c-66%200-120-54.988-120-122.184%200-20.363%205-39.71%2014-57.02l-29-29.526C105%20193.89%2096%20224.436%2096%20256c0%2089.6%2072.002%20162.91%20160%20162.91V480l80-81.453-80-81.457v61.094z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-sync-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-sync-image($color);
|
|
}
|
|
|
|
@mixin ion-md-sync($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-sync-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-tablet-landscape-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20120v272c0%2013.3%2010.7%2024%2024%2024h400c13.3%200%2024-10.7%2024-24V120c0-13.3-10.7-24-24-24H56c-13.3%200-24%2010.7-24%2024zm384%208v256H80V128h336zm46%20128c0%207.7-6.5%2014-14.1%2014-7.5%200-14-6.2-14-14%200-7.7%206.4-14.1%2014-14.1%207.6.1%2014.1%206.4%2014.1%2014.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-tablet-landscape-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-tablet-landscape-image($color);
|
|
}
|
|
|
|
@mixin ion-md-tablet-landscape($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-tablet-landscape-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-tablet-portrait-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M392%2032H120c-13.3%200-24%2010.7-24%2024v400c0%2013.3%2010.7%2024%2024%2024h272c13.3%200%2024-10.7%2024-24V56c0-13.3-10.7-24-24-24zm-8%20384H128V80h256v336zm-128%2046c-7.7%200-14-6.5-14-14.1%200-7.5%206.2-14%2014-14%207.7%200%2014.1%206.4%2014.1%2014-.1%207.6-6.4%2014.1-14.1%2014.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-tablet-portrait-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-tablet-portrait-image($color);
|
|
}
|
|
|
|
@mixin ion-md-tablet-portrait($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-tablet-portrait-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-tennisball-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M383.8%2092.2C348.5%2064.5%20304.1%2048%20256%2048c-48%200-92.3%2016.5-127.6%2044%2041.6%2044.8%2064.3%20103%2064%20164.3-.3%2061-23.3%20118.6-64.9%20162.9%2035.4%2028%2080.1%2044.8%20128.5%2044.8%2048.5%200%2093.3-16.8%20128.8-45-41.5-44.3-64.5-101.8-64.8-162.7-.3-61.2%2022.3-119.3%2063.8-164.1z%22%2F%3E%3Cpath%20d%3D%22M353.1%20255.1c0%2026.9%205.1%2053%2015.1%2077.8%209.6%2023.6%2023.3%2044.9%2040.8%2063.6%2034.1-37.1%2055-86.5%2055-140.5%200-54.5-21.2-104.2-55.8-141.4-17.1%2018.5-30.6%2039.6-40%2062.7-10%2024.8-15.1%2051-15.1%2077.8zM159.3%20255.1c0-26.9-5.1-53-15.1-77.8-9.4-23.2-22.9-44.4-40.2-62.9-34.7%2037.2-56%2087-56%20141.6%200%2054.2%2021%20103.6%2055.2%20140.7%2017.6-18.7%2031.4-40.1%2041-63.8%2010-24.7%2015.1-50.9%2015.1-77.8z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-tennisball-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-tennisball-image($color);
|
|
}
|
|
|
|
@mixin ion-md-tennisball($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-tennisball-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-text-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M408%2064H96c-22.002%200-32%2017.998-32%2040v344l64-64h280c22.002%200%2040-17.998%2040-40V104c0-22.002-17.998-40-40-40zM198.4%20242H160v-40h38.4v40zm76.8%200h-38.4v-40h38.4v40zm76.8%200h-38.4v-40H352v40z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-text-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-text-image($color);
|
|
}
|
|
|
|
@mixin ion-md-text($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-text-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-thermometer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M303%20300.2V78.4c0-25.7-21-46.5-47-46.5s-47%2020.8-47%2046.5v221.9c-29%2016.5-48.9%2047.8-48.9%2083.7%200%2053%2043%2096%2096%2096s96-43%2096-96c0-36-20.1-67.3-49.1-83.8zM240%2078.4c0-8%207.7-14.5%2016-14.5s16%206.5%2016%2014.5V128h-32V78.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-thermometer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-thermometer-image($color);
|
|
}
|
|
|
|
@mixin ion-md-thermometer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-thermometer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-thumbs-down-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M314%2064H142c-15.7%200-28.6%209.6-34.2%2023.4L50.6%20222.8c-1.7%204.4-2.6%209-2.6%2014v38.6c0%2021.1%2017%2044.6%2037.8%2044.6h119.3l-18%2081.5-.6%206c0%207.9%203.2%2015.1%208.3%2020.3l20%2020.1L341%20320.7c6.8-6.9%2011-16.5%2011-27.1v-192c0-21.1-17.2-37.6-38-37.6zM400%2064h64v224h-64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-thumbs-down-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-thumbs-down-image($color);
|
|
}
|
|
|
|
@mixin ion-md-thumbs-down($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-thumbs-down-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-thumbs-up-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M198%20448h172c15.7%200%2028.6-9.6%2034.2-23.4l57.1-135.4c1.7-4.4%202.6-9%202.6-14v-38.6c0-21.1-17-44.6-37.8-44.6H306.9l18-81.5.6-6c0-7.9-3.2-15.1-8.3-20.3L297%2064%20171%20191.3c-6.8%206.9-11%2016.5-11%2027.1v192c0%2021.1%2017.2%2037.6%2038%2037.6zM48%20224h64v224H48z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-thumbs-up-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-thumbs-up-image($color);
|
|
}
|
|
|
|
@mixin ion-md-thumbs-up($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-thumbs-up-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-thunderstorm-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M393.2%20161.2C380.5%2096.6%20323.9%2048%20256%2048c-39.7%200-76%2014-100.9%2045.4%2034.3%202.6%2066.1%2015.2%2090.7%2039.8%2018.2%2018.2%2031%2040.5%2037.4%2064.8h-33.5c-15.3-43.7-56-75-105.7-75-6%200-14.3.7-20.6%202C70%20136%2032%20180.4%2032%20235.5%2032%20297.6%2082.2%20336%20144%20336h68V233h99.1l-33.2%2067H311l-18%2036h93.7c51.5%200%2093.3-30%2093.3-81.8%200-49.4-38.3-89.6-86.8-93zM212%20368h22v96l59-128h-81z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-thunderstorm-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-thunderstorm-image($color);
|
|
}
|
|
|
|
@mixin ion-md-thunderstorm($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-thunderstorm-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-time-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%20fill-opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M255.8%2048C141%2048%2048%20141.2%2048%20256s93%20208%20207.8%20208c115%200%20208.2-93.2%20208.2-208S370.8%2048%20255.8%2048zm.2%20374.4c-91.9%200-166.4-74.5-166.4-166.4S164.1%2089.6%20256%2089.6%20422.4%20164.1%20422.4%20256%20347.9%20422.4%20256%20422.4z%22%2F%3E%3Cpath%20d%3D%22M266.4%20152h-31.2v124.8l109.2%2065.5%2015.6-25.6-93.6-55.5V152z%22%2F%3E%3C%2Fg%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-time-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-time-image($color);
|
|
}
|
|
|
|
@mixin ion-md-time($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-time-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-timer-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M232.9%20371.6c0%2012.7%2010.4%2023.1%2023.1%2023.1s23.1-10.4%2023.1-23.1c0-12.7-10.4-23.1-23.1-23.1s-23.1%2010.3-23.1%2023.1zm0-323.6v92.4h46.2V96.1c78.3%2011.3%20138.7%2078.3%20138.7%20159.9%200%2089.4-72.3%20161.8-161.8%20161.8S94.2%20345.4%2094.2%20256c0-38.8%2013.6-74.4%2036.5-102.2L256%20279.1l32.6-32.6L131.4%2089.4v.5C80.8%20127.7%2048%20187.8%2048%20256c0%20114.9%2092.9%20208%20208%20208%20114.9%200%20208-93.1%20208-208S370.9%2048%20256%2048h-23.1zm161.8%20208c0-12.7-10.4-23.1-23.1-23.1-12.7%200-23.1%2010.4-23.1%2023.1s10.4%2023.1%2023.1%2023.1c12.7%200%2023.1-10.4%2023.1-23.1zm-277.4%200c0%2012.7%2010.4%2023.1%2023.1%2023.1s23.1-10.4%2023.1-23.1-10.4-23.1-23.1-23.1-23.1%2010.4-23.1%2023.1z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-timer-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-timer-image($color);
|
|
}
|
|
|
|
@mixin ion-md-timer($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-timer-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-train-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M80%20346.666c0%2041.604%2033.062%2074.666%2074.667%2074.666L128%20448v16h256v-16l-26.667-26.668c41.604%200%2074.667-33.062%2074.667-74.666V133.334C432%2058.668%20349.864%2048%20256%2048S80%2058.668%2080%20133.334v213.332zM256%20376c-22.002%200-40-17.997-40-40s17.998-40%2040-40%2040%2018%2040%2040-17.998%2040-40%2040zm128-152H128v-96h256v96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-train-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-train-image($color);
|
|
}
|
|
|
|
@mixin ion-md-train($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-train-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-transgender-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%2032v35h63.1l-81.4%2080.5c-7.5-7.2-13.2-11-13.2-11C302.2%20123.6%20280%20116%20256%20116c-30.2%200-57.6%2012-77.8%2031.4l-15.2-15%2031.4-31.4-28.5-28.5-31.5%2031.5-37.5-37H160V32H32v128h35V91.3l40.3%2039.9-31.2%2031.2%2028.5%2028.5%2031.4-31.4%2019.4%2019.2c-7.3%2014.9-11.5%2031.7-11.5%2049.5%200%2054.8%2039.5%20100.4%2091.1%20110.2v45.3h-63V424h63v56h42v-56h63v-40.2h-63v-45.3c50.8-9.9%2091.2-55.5%2091.2-110.3%200-17.7-4.2-34.8-11.5-49.6L445%2091.3V160h35V32H352zm-96%20258c-35.3%200-64-28.7-64-64s28.7-64%2064-64%2064%2028.7%2064%2064-28.7%2064-64%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-transgender-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-transgender-image($color);
|
|
}
|
|
|
|
@mixin ion-md-transgender($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-transgender-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-trash-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M128%20405.43c0%2023.416%2019.198%2042.57%2042.667%2042.57h170.667C364.802%20448%20384%20428.846%20384%20405.43V160H128v245.43zM416%2096h-80l-26.785-32h-106.43L176%2096H96v32h320V96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-trash-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-trash-image($color);
|
|
}
|
|
|
|
@mixin ion-md-trash($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-trash-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-trending-down-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M480%20397V262.5l-51.3%2051.3-141.1-141-89.6%2089.7L63.6%20128%2032%20159.6l166%20166.3%2089.6-89.7%20109.3%20109.4-51.3%2051.4H480z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-trending-down-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-trending-down-image($color);
|
|
}
|
|
|
|
@mixin ion-md-trending-down($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-trending-down-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-trending-up-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M345.6%20128l51.3%2051.3-109.3%20109.4-89.6-89.6L32%20365.4%2063.6%20397%20198%20262.5l89.6%2089.7%20141.1-141%2051.3%2051.3V128H345.6z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-trending-up-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-trending-up-image($color);
|
|
}
|
|
|
|
@mixin ion-md-trending-up($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-trending-up-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-trophy-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M392%20105c.9-27%20.2-56%20.1-57H119.3c0%201-.8%2030%20.1%2057H48c0%2068%209.9%20102.3%2021%20126.7S95.4%20277%20127.7%20302c30.1%2023.3%2095.5%2053.6%20104.3%2057.6v28.3c-4.6%2010-23.5%2028.2-83.3%2028.2H128v48h256v-48h-25.7c-60.7%200-75-19.1-78.3-28.2v-28.3c9.3-4.6%2080.9-40.3%20104.4-57.5%2025.2-18.4%2050.9-51.5%2058.7-70.3S464%20167%20464%20105h-72zM109.6%20211.9c-8.8-18.2-14-37.9-15.7-61.9h28.7c.7%206%201.4%2011.3%202.3%2016.3%206.6%2039.2%2014.8%2070.2%2025.7%2096.5-17.3-13.5-31.3-30.8-41-50.9zm292.8%200c-9.9%2020.3-24%2037.7-41.6%2051.3%2011-26.2%2019-56.8%2025.8-96.9.8-5%201.6-10.3%202.3-16.3h29.3c-1.8%2024-6.9%2043.7-15.8%2061.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-trophy-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-trophy-image($color);
|
|
}
|
|
|
|
@mixin ion-md-trophy($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-trophy-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-umbrella-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M410.1%20244.1c12%200%2026.6%2010.9%2033.8%2025.9H464c-.3-50-21.2-101.5-59.4-140.9-36.3-37.4-83-60.5-132.6-65.7-3-9-11.5-15.4-21.6-15.4-10%200-18.5%206.5-21.5%2015.3C125.3%2073.8%2048%20159.7%2048%20266.2c0%201.1.1%201.8.4%203.8h21.8c6.8-15%2022.2-25.9%2035.3-25.9%2017%200%2031.5%2010.9%2036.5%2025.9h19.8c4.1-15%2016.9-25.7%2033-25.7%2017.8%200%2033.1%2014.5%2034.1%2032.6v118.3c0%209.3.1%2024.1-13.4%2024.1-6.9%200-16.6-1.8-16.6-16V382h-43v21.3c0%2034.6%2023.6%2060.7%2060%2060.7%2019.5%200%2033.3-8.5%2043.5-18.7%2013.1-13.2%2013.5-34.7%2013.5-50.1V276.1c2-25.8%2023.9-31.7%2041.9-31.7%2017.2%200%2032.3%2011.6%2037.8%2025.6h20.5c5.1-15%2019.8-25.9%2037-25.9z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-umbrella-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-umbrella-image($color);
|
|
}
|
|
|
|
@mixin ion-md-umbrella($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-umbrella-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-undo-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M262.3%20179.6c-57.9%200-110.3%2021.6-150.7%2056.8L32%20160v192h197.5l-79.1-76.8c30.4-25.3%2069-41.1%20111.8-41.1%2077.3%200%20143.1%2048.2%20166%20117.8l51.8-14.8c-30.4-91.4-116.2-157.5-217.7-157.5z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-undo-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-undo-image($color);
|
|
}
|
|
|
|
@mixin ion-md-undo($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-undo-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-unlock-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M376%20186h-20v-40c0-55-45-100-100-100S156%2091%20156%20146h37.998c0-34.004%2028.003-62.002%2062.002-62.002%2034.004%200%2062.002%2027.998%2062.002%2062.002H318v40H136c-22.002%200-40%2017.998-40%2040v200c0%2022.002%2017.998%2040%2040%2040h240c22.002%200%2040-17.998%2040-40V226c0-22.002-17.998-40-40-40zM256%20368c-22.002%200-40-17.998-40-40s17.998-40%2040-40%2040%2017.998%2040%2040-17.998%2040-40%2040z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-unlock-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-unlock-image($color);
|
|
}
|
|
|
|
@mixin ion-md-unlock($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-unlock-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-videocam-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M384%20219.5v-85.2c0-13.4-11.2-24.3-24.9-24.3H56.9C43.2%20110%2032%20120.9%2032%20134.3v243.3C32%20391%2043.2%20402%2056.9%20402h302.2c13.7%200%2024.9-11%2024.9-24.3v-85.2l96%2097.3V122.2l-96%2097.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-videocam-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-videocam-image($color);
|
|
}
|
|
|
|
@mixin ion-md-videocam($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-videocam-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-volume-down-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20192v128h85.334L256%20431.543V80.458L149.334%20192H64zm288%2064c0-38.4-21.333-72.407-53.333-88.863v176.636C330.667%20328.408%20352%20294.4%20352%20256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-volume-down-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-volume-down-image($color);
|
|
}
|
|
|
|
@mixin ion-md-volume-down($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-volume-down-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-volume-mute-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20192v128h85.334L256%20431.543V80.458L149.334%20192H64z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-volume-mute-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-volume-mute-image($color);
|
|
}
|
|
|
|
@mixin ion-md-volume-mute($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-volume-mute-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-volume-off-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M405.5%20256c0%2022.717-4.883%2044.362-13.603%2063.855l31.88%2031.88C439.283%20323.33%20448%20290.653%20448%20256c0-93.256-64-172.254-149-192v44.978C361%20127.632%20405.5%20186.882%20405.5%20256zM256%2080.458l-51.02%2052.48%2051.02%2051.02zM420.842%20396.885L91.116%2067.157l-24%2024%2090.5%2090.413-8.28%2010.43H64v128h85.334L256%20431.543V280l94.915%2094.686C335.795%20387.443%20318%20397.213%20299%20403.022V448c31-7.172%2058.996-22.163%2082.315-42.81l39.61%2039.694%2024-24.043-24.002-24.038-.08.083z%22%2F%3E%3Cpath%20d%3D%22M352.188%20256c0-38.4-21.188-72.407-53.188-88.863v59.82l50.8%2050.8A100.596%20100.596%200%200%200%20352.19%20256z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-volume-off-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-volume-off-image($color);
|
|
}
|
|
|
|
@mixin ion-md-volume-off($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-volume-off-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-volume-up-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M64%20192v128h85.334L256%20431.543V80.458L149.334%20192H64zm288%2064c0-38.4-21.333-72.407-53.333-88.863v176.636C330.667%20328.408%20352%20294.4%20352%20256zM298.667%2064v44.978C360.53%20127.632%20405.334%20186.882%20405.334%20256c0%2069.12-44.803%20128.37-106.667%20147.022V448C384%20428.254%20448%20349.257%20448%20256c0-93.256-64-172.254-149.333-192z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-volume-up-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-volume-up-image($color);
|
|
}
|
|
|
|
@mixin ion-md-volume-up($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-volume-up-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-walk-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M288%20112c22.223%200%2039.997-17.776%2039.997-40%200-22.225-17.774-40-39.997-40s-40.003%2017.775-40.003%2040c0%2022.224%2017.78%2040%2040.003%2040zM288%20232h104v-40h-72l-44.802-69.333C267.5%20111%20257.062%20104.53%20244.265%20104.53c-3.198%200-8.828.532-12.8%201.748L120%20144v112h40v-80l40.53-16L120%20480h40l56.698-164.27L267%20384v96h38V352l-57.03-96%2019.744-61.864L288%20232z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-walk-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-walk-image($color);
|
|
}
|
|
|
|
@mixin ion-md-walk($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-walk-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-warning-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M32%20464h448L256%2048%2032%20464zm248-64h-48v-48h48v48zm0-80h-48v-96h48v96z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-warning-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-warning-image($color);
|
|
}
|
|
|
|
@mixin ion-md-warning($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-warning-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-watch-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%20256c0-51-24.004-96-60.996-125L336%2016H176l-19.004%20115C120.004%20160%2096%20205%2096%20256c0%2050.996%2024.004%2095.996%2060.996%20125L176%20496h160l19.004-115C391.996%20351.996%20416%20306.996%20416%20256zm-280%200c0-66%2054.004-120%20120-120s120%2054%20120%20120c0%2065.996-54.004%20120-120%20120s-120-54.004-120-120z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-watch-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-watch-image($color);
|
|
}
|
|
|
|
@mixin ion-md-watch($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-watch-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-water-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M380.5%20163.3L256%2032%20131.5%20163.3c-68.6%2072.4-68.6%20190%200%20262.4C165.8%20461.9%20210.9%20480%20256%20480s90.2-18.1%20124.5-54.3c68.7-72.4%2068.7-190%200-262.4z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-water-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-water-image($color);
|
|
}
|
|
|
|
@mixin ion-md-water($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-water-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-wifi-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M256%20228.72c-22.88%200-41.597%2018.528-41.597%2041.18%200%2022.65%2018.718%2041.18%2041.597%2041.18%2022.878%200%2041.597-18.528%2041.597-41.18s-18.72-41.18-41.597-41.18zm124.8%2041.178c0-67.946-56.163-123.54-124.8-123.54S131.2%20201.953%20131.2%20269.9c0%2045.303%2024.96%2085.447%2062.396%20107.072l20.807-36.032c-24.972-14.417-41.604-40.153-41.604-71.04%200-45.295%2037.432-82.358%2083.2-82.358%2045.77%200%2083.2%2037.063%2083.2%2082.358%200%2030.887-16.632%2056.623-41.603%2071.04l20.807%2036.032c37.433-21.624%2062.396-61.77%2062.396-107.072zM256%2064C141.597%2064%2048%20156.654%2048%20269.898%2048%20346.085%2089.592%20411.968%20152%20448l20.8-36.032c-49.92-28.824-83.208-81.324-83.208-142.07%200-90.592%2074.89-164.717%20166.408-164.717%2091.517%200%20166.406%2074.126%20166.406%20164.72%200%2060.744-33.284%20114.27-83.205%20142.068L360%20448c62.406-36.032%20104-101.915%20104-178.102C464%20156.654%20370.403%2064%20256%2064z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-wifi-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-wifi-image($color);
|
|
}
|
|
|
|
@mixin ion-md-wifi($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-wifi-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-wine-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M234.667%20277.333V408H128v40h256v-40H277.333V277.333L448%20106.667V64H64v42.667l170.667%20170.666zm-74.667-128l-42.667-42.666h277.334L352%20149.333H160z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-wine-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-wine-image($color);
|
|
}
|
|
|
|
@mixin ion-md-wine($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-wine-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|
|
@function ion-md-woman-image($color: #000000) {
|
|
@return url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M190.4%20148.6L161%20252.9c-6.3%2022.8%2020.7%2031.7%2027.3%2010.3l26.3-96.2h7.4l-45.2%20169H219v127c0%2023%2032%2023%2032%200V336h10v127c0%2023%2031%2023%2031%200V336h43.4l-46.2-169h8.4l26.3%2096.2c6.5%2021.9%2033.3%2012.5%2027.3-10.2l-29.4-104.4c-4-11.8-18.2-32.6-42-33.6h-47.3c-24.6%201-38.7%2021.6-42.1%2033.6zM292.6%2069.2c0-20.6-16.4-37.3-36.6-37.3-20.2%200-36.6%2016.7-36.6%2037.3%200%2020.6%2016.4%2037.3%2036.6%2037.3%2020.2%200%2036.6-16.7%2036.6-37.3z%22%2F%3E%3Cstyle%3Epath%7Bfill%3A#{ion-fix-color($color)}%3B%7D%3C%2Fstyle%3E%3C%2Fsvg%3E");
|
|
}
|
|
|
|
@mixin ion-md-woman-image($size: 16px, $color: #000000) {
|
|
background-image: ion-md-woman-image($color);
|
|
}
|
|
|
|
@mixin ion-md-woman($size: 16px, $color: #000000) {
|
|
@include ion-base;
|
|
@include ion-md-woman-image($size, $color);
|
|
background-size: $size $size;
|
|
height: $size;
|
|
width: $size;
|
|
}
|
|
|