owntone-server/htdocs/player/css/app.css.map

{"version":3,"sources":["webpack:///src/components/src/components/Notifications.vue","app.css","webpack:///src/mystyles.css"],"names":[],"mappings":"AAuCA,kBACA,cAAA,CACA,WAAA,CACA,aAAA,CACA,UCrCA,CDuCA,gCACA,kBAAA,CACA,gBAAA,CACA,iBAAA,CACA,0EAAA,CAAA,kECpCA,CCZA,QACE,eAAA,CACA,UDgBF,CCdA,mBACE,wBDgBF,CCbA,gBACE,QAAA,CACA,SAAA,CACA,eAAA,CACA,UDgBF,CCbA,mCACE,iBDgBF,CCbA,mCACE,wBAAA,CACA,UDgBF,CCbA,mCACE,qBDgBF,CCbA,qCACE,iBDgBF,CCbA,qBACE,YDgBF,CCbA,cACE,SAAA,CACA,eAAA,CACA,kBDgBF,CCbA,aACE,kBAAA,CAAA,mBAAA,CAAA,WAAA,CACA,mBAAA,CAAA,aDmBF,CChBA,qBACE,gBDmBF,CChBA,eACE,cDmBF,CChBA,eACE,WDmBF,CChBA,mBACE,eDmBF,CChBA,sBACE,kBDmBF,CChBA,0BACE,gBDmBF,CChBA,2BACE,iBAAA,CACA,kBDmBF,CChBA,sBACE,WAAA,CACA,UDmBF,CChBA,oBACE,kBAAA,CACA,eAAA,CACA,sBDmBF,CChBA,kBACE,2BDmBF,CChBA,uBACE,mBAAA,CAAA,aAAA,CACA,eAAA,CACA,WDoBF,CCjBA,qBACE,WAAA,CACA,UDoBF,CCjBA,iBACE,kBAAA,CACA,eAAA,CACA,eAAA,CACA,WAAA,CACA,UAAA,CACA,cAAA,CACA,UDoBF,CCjBA,2CACE,eDoBF,CCjBA,iBACE,kBDoBF,CCjBA,eACE,0EAAA,CAAA,kEDqBF,CClBA,8BACE,iBDqBF,CCnBA,sCACE,uBDqBF,CClBA,qBACE,gBAAA,CACA,eDqBF,CCjBA,sCACE,8BAAA,CAAA,sBDsBF,CCpBA,2BACE,SDsBF,CChBA,aACE,eAAA,CACA,eAAA,CACA,oBDsBF,CCpBA,gCACE,wBAAA,CACA,0EAAA,CAAA,kEDuBF,CCrBA,gCACE,UAAA,CACA,WAAA,CACA,wBAAA,CACA,oBDuBF,CChBA,4EACE,4BDuBF,CCnBA,eACE,gBDuBF,CCrBA,6BACE,8BAAA,CACA,aDuBF,CCrBA,qBACE,gBAAA,CACA,iBDuBF","file":"app.css","sourcesContent":["<template>\n  <section class=\"fd-notifications\">\n    <div class=\"columns is-centered\">\n      <div class=\"column is-half\">\n        <div class=\"notification has-shadow \" v-for=\"notification in notifications\" :key=\"notification.id\" :class=\"['notification', notification.type ? `is-${notification.type}` : '']\">\n          <button class=\"delete\" v-on:click=\"remove(notification)\"></button>\n          {{ notification.text }}\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\nimport * as types from '@/store/mutation_types'\n\nexport default {\n  name: 'Notifications',\n  components: { },\n\n  data () {\n    return { showNav: false }\n  },\n\n  computed: {\n    notifications () {\n      return this.$store.state.notifications.list\n    }\n  },\n\n  methods: {\n    remove: function (notification) {\n      this.$store.commit(types.DELETE_NOTIFICATION, notification)\n    }\n  }\n}\n</script>\n\n<style>\n.fd-notifications {\n  position: fixed;\n  bottom: 60px;\n  z-index: 20000;\n  width: 100%;\n}\n.fd-notifications .notification {\n  margin-bottom: 10px;\n  margin-left: 24px;\n  margin-right: 24px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n</style>\n","\n.fd-notifications {\n  position: fixed;\n  bottom: 60px;\n  z-index: 20000;\n  width: 100%;\n}\n.fd-notifications .notification {\n  margin-bottom: 10px;\n  margin-left: 24px;\n  margin-right: 24px;\n  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n\n\n.slider {\n  min-width: 250px;\n  width: 100%;\n}\n.range-slider-fill {\n  background-color: hsl(0, 0%, 21%);\n}\n\n.track-progress {\n  margin: 0;\n  padding: 0;\n  min-width: 250px;\n  width: 100%;\n}\n\n.track-progress .range-slider-knob {\n  visibility: hidden;\n}\n\n.track-progress .range-slider-fill {\n  background-color: hsl(217, 71%, 53%);\n  height: 2px;\n}\n\n.track-progress .range-slider-rail {\n  background-color: hsl(0, 0%, 100%);\n}\n\n.media.with-progress h2:last-of-type {\n  margin-bottom: 6px;\n}\n\n.media.with-progress {\n  margin-top: 0px;\n}\n\na.navbar-item {\n  outline: 0;\n  line-height: 1.5;\n  padding: .5rem 1rem;\n}\n\n.fd-expanded {\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n  -ms-flex-negative: 1;\n      flex-shrink: 1;\n}\n\n.fd-margin-left-auto {\n  margin-left: auto;\n}\n\n.fd-has-action {\n  cursor: pointer;\n}\n\n.fd-is-movable {\n  cursor: move;\n}\n\n.fd-has-margin-top {\n  margin-top: 24px;\n}\n\n.fd-has-margin-bottom {\n  margin-bottom: 24px;\n}\n\n.fd-remove-padding-bottom {\n  padding-bottom: 0;\n}\n\n.fd-has-padding-left-right {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fd-is-square .button {\n  height: 27px;\n  width: 27px;\n}\n\n.fd-is-text-clipped {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.fd-is-fullheight {\n  height: calc(100vh - 3.25rem - 3.25rem);\n}\n\n.fd-is-fullheight-body {\n  -ms-flex-negative: 1;\n      flex-shrink: 1;\n  overflow: hidden;\n  height: 100%\n}\n\n.fd-image-fullheight {\n  height: 100%;\n  width: auto;\n}\n\n.fd-tabs-section {\n  padding-bottom: 3px;\n  padding-top: 3px;\n  background: white;\n  top: 3.25rem;\n  z-index: 20;\n  position: fixed;\n  width: 100%;\n}\n\nsection.fd-tabs-section + section.fd-content {\n  margin-top: 24px;\n}\n\n.fd-progress-bar {\n  top: 52px !important;\n}\n\n.fd-has-shadow {\n  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n\n.sortable-chosen .media-right {\n  visibility: hidden;\n}\n.sortable-ghost h1, .sortable-ghost h2 {\n  color: hsl(348, 100%, 61%) !important;\n}\n\n.media:first-of-type {\n  padding-top: 17px;\n  margin-top: 16px;\n}\n\n/* Transition effect */\n.fade-enter-active, .fade-leave-active {\n  -webkit-transition: opacity .4s;\n  transition: opacity .4s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\n}\n\n/* Now playing progress bar */\n.fd-progress-now-playing {\n}\n.seek-slider {\n  min-width: 250px;\n  max-width: 500px;\n  width: 100% !important;\n}\n.seek-slider .range-slider-fill {\n  background-color: hsl(171, 100%, 41%);\n  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n.seek-slider .range-slider-knob {\n  width: 10px;\n  height: 10px;\n  background-color: hsl(171, 100%, 41%);\n  border-color: hsl(171, 100%, 41%);\n}\n\n/* Add a little bit of spacing between title and subtitle */\n.title:not(.is-spaced) + .subtitle {\n  margin-top: -1.3rem !important;\n}\n.title:not(.is-spaced) + .subtitle + .subtitle {\n  margin-top: -1.3rem !important;\n}\n\n/* Only scroll content if modal contains a card component */\n.fd-modal-card {\n  overflow: visible;\n}\n.fd-modal-card .card-content {\n  max-height: calc(100vh - 200px);\n  overflow: auto;\n}\n.fd-modal-card .card {\n  margin-left: 16px;\n  margin-right: 16px;\n}\n\n\n/*# sourceMappingURL=app.css.map*/","\n.slider {\n  min-width: 250px;\n  width: 100%;\n}\n.range-slider-fill {\n  background-color: hsl(0, 0%, 21%);\n}\n\n.track-progress {\n  margin: 0;\n  padding: 0;\n  min-width: 250px;\n  width: 100%;\n}\n\n.track-progress .range-slider-knob {\n  visibility: hidden;\n}\n\n.track-progress .range-slider-fill {\n  background-color: hsl(217, 71%, 53%);\n  height: 2px;\n}\n\n.track-progress .range-slider-rail {\n  background-color: hsl(0, 0%, 100%);\n}\n\n.media.with-progress h2:last-of-type {\n  margin-bottom: 6px;\n}\n\n.media.with-progress {\n  margin-top: 0px;\n}\n\na.navbar-item {\n  outline: 0;\n  line-height: 1.5;\n  padding: .5rem 1rem;\n}\n\n.fd-expanded {\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.fd-margin-left-auto {\n  margin-left: auto;\n}\n\n.fd-has-action {\n  cursor: pointer;\n}\n\n.fd-is-movable {\n  cursor: move;\n}\n\n.fd-has-margin-top {\n  margin-top: 24px;\n}\n\n.fd-has-margin-bottom {\n  margin-bottom: 24px;\n}\n\n.fd-remove-padding-bottom {\n  padding-bottom: 0;\n}\n\n.fd-has-padding-left-right {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n.fd-is-square .button {\n  height: 27px;\n  width: 27px;\n}\n\n.fd-is-text-clipped {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.fd-is-fullheight {\n  height: calc(100vh - 3.25rem - 3.25rem);\n}\n\n.fd-is-fullheight-body {\n  flex-shrink: 1;\n  overflow: hidden;\n  height: 100%\n}\n\n.fd-image-fullheight {\n  height: 100%;\n  width: auto;\n}\n\n.fd-tabs-section {\n  padding-bottom: 3px;\n  padding-top: 3px;\n  background: white;\n  top: 3.25rem;\n  z-index: 20;\n  position: fixed;\n  width: 100%;\n}\n\nsection.fd-tabs-section + section.fd-content {\n  margin-top: 24px;\n}\n\n.fd-progress-bar {\n  top: 52px !important;\n}\n\n.fd-has-shadow {\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n\n.sortable-chosen .media-right {\n  visibility: hidden;\n}\n.sortable-ghost h1, .sortable-ghost h2 {\n  color: hsl(348, 100%, 61%) !important;\n}\n\n.media:first-of-type {\n  padding-top: 17px;\n  margin-top: 16px;\n}\n\n/* Transition effect */\n.fade-enter-active, .fade-leave-active {\n  transition: opacity .4s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\n}\n\n/* Now playing progress bar */\n.fd-progress-now-playing {\n}\n.seek-slider {\n  min-width: 250px;\n  max-width: 500px;\n  width: 100% !important;\n}\n.seek-slider .range-slider-fill {\n  background-color: hsl(171, 100%, 41%);\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n}\n.seek-slider .range-slider-knob {\n  width: 10px;\n  height: 10px;\n  background-color: hsl(171, 100%, 41%);\n  border-color: hsl(171, 100%, 41%);\n}\n\n/* Add a little bit of spacing between title and subtitle */\n.title:not(.is-spaced) + .subtitle {\n  margin-top: -1.3rem !important;\n}\n.title:not(.is-spaced) + .subtitle + .subtitle {\n  margin-top: -1.3rem !important;\n}\n\n/* Only scroll content if modal contains a card component */\n.fd-modal-card {\n  overflow: visible;\n}\n.fd-modal-card .card-content {\n  max-height: calc(100vh - 200px);\n  overflow: auto;\n}\n.fd-modal-card .card {\n  margin-left: 16px;\n  margin-right: 16px;\n}\n"]}