A mixin for writing @font-face rules in SASS.
Create a font face rule. Embedded OpenType, WOFF2, WOFF, TrueType, and SVG files are automatically sourced.
@include font-face(Samplino, fonts/Samplino);| Добавить этот код в main.js (точка запуска) | |
| if (process.env.NODE_ENV === 'production') { | |
| const currentVersion = process.env.version | |
| console.log('version: ' + currentVersion) | |
| const savedVersion = localStorage.getItem('version') | |
| if (currentVersion !== savedVersion) { | |
| localStorage.clear() | |
| localStorage.setItem('version', currentVersion) | |
| location.reload(true) |
| Modal.vue | |
| <template> | |
| <div> | |
| <div class="modal-overlay" v-if="modals.length"></div> | |
| <transition-group name="fade"> | |
| <Alert key="alert" v-if="currentModal && currentModal.name === 'alert'" :data="currentModal.data" :close="closeModal(currentModal.id)" /> | |
| </transition-group> | |
| </div> | |
| </template> |
| import axios from 'axios' | |
| import store from '@/store' | |
| import router from '@/router' | |
| const baseURL = process.env.BASE_URL + '/api' | |
| axios.defaults.headers.common['Access-Control-Allow-Origin'] = '*' | |
| const instance = axios.create({ baseURL }) | |
| const waitQueue = [] | |
| let isRefreshDispatched = false |
| @mixin webkit-scrollbar() { | |
| &::-webkit-scrollbar { | |
| width: 3px; | |
| } | |
| &::-webkit-scrollbar-button { | |
| background: none; | |
| width: 3px; | |
| height: 0; | |
| } | |
| &::-webkit-scrollbar-track { |
| sass-convert -F scss -T sass application_styles.css.scss application_styles.css.sass |
| //Resize Window | |
| function onResize() { | |
| }; | |
| var doit; | |
| doit = setTimeout(onResize, 400); | |
| window.onresize = function() { | |
| clearTimeout(doit); | |
| doit = setTimeout(onResize, 400); | |
| }; |
| <div class="top" title="Наверх"><i class="fa fa-angle-double-up"></i></div> | |
| .top | |
| position: fixed | |
| bottom: 25px | |
| background-color: #E0E0E0 | |
| border-radius: 10em | |
| color: #666 | |
| font-size: 26px | |
| width: 50px |
| JS: | |
| $(".accordeon dd").hide().prev().click(function() { | |
| $(this).parents(".accordeon").find("dd").not(this).slideUp().prev().removeClass("active"); | |
| $(this).next().not(":visible").slideDown().prev().addClass("active"); | |
| }); | |
| CSS: | |
| .accordeon .active { color: red } | |
| HTML: |