| $media-queries: true; | |
| @mixin bp($point) { | |
| @if ($media-queries) { | |
| $bp-large-screen: 1824px; | |
| $bp-bigscreen: 1824px; | |
| $bp-ipad-max: 1024px; | |
| $bp-ipad-min: 768px; | |
| $bp-iphone5-max: 568px; | |
| $bp-iphone-max: 480px; |
| observeDOMChanges() { | |
| this.observer = new MutationObserver(mutations => { | |
| mutations.forEach(function(mutation) { | |
| EventEmmiter.emit(true) | |
| }); | |
| }); | |
| var config = { attributes: true, childList: true, characterData: true }; | |
| this.observer.observe(this.elRef.nativeElement, config); | |
| } |
| import axios from 'axios' | |
| export default { | |
| get (path) { | |
| if (path.indexOf('/') !== 0) { | |
| path = '/' + path | |
| } | |
| return axios | |
| .get('//' + process.env.apiHost + ':' + process.env.apiPort + '/api' + path) | |
| .then(({data}) => data) |
| scrollToBottom () { | |
| function offset(el:any) { | |
| let rect = el.getBoundingClientRect(), | |
| scrollLeft = window.pageXOffset || document.documentElement.scrollLeft, | |
| scrollTop = window.pageYOffset || document.documentElement.scrollTop; | |
| return { top: rect.top + scrollTop, left: rect.left + scrollLeft } | |
| } | |
| let content = document.getElementById('content') | |
| if (content) { | |
| let offsetTop = offset(content).top |
Create a repo. Make sure there is at least one file in it (even just the README) Generate ssh key:
ssh-keygen -t rsa -C "your_email@example.com"
Copy the contents of the file ~/.ssh/id_rsa.pub to your SSH keys in your GitHub account settings. Test SSH key:
ssh -T git@github.com
| <html> | |
| <head> | |
| <title>CSS3 CD Audio Box - My Loved Creation</title> | |
| <link rel="stylesheet" href="style.css"/> | |
| </head> | |
| <body> | |
| <section> | |
| <div class="cd first_cd rotate_default"> | |
| <div class="cd_in"></div> | |
| </div> |
| import * as axios from 'axios' | |
| import { getCookieInClient } from '../util/assist' | |
| export default ({ app, store, redirect }) => { | |
| // The server-side needs a full url to works | |
| if (process.SERVER_BUILD) { | |
| axios.defaults.baseURL = `http://${process.env.HOST || 'localhost'}:${process.env.PORT || 3000}` | |
| } |
| <div class="test-div"></div> |
| $global-sprite-name: 'global_sprite'; | |
| $global-sprite-type: "png"; | |
| $global-sprite-size: 600px 600px; | |
| @mixin bg-sprite($x: 0, $y: 0, $retina: false) { | |
| $file-type: $global-sprite-type; | |
| background: url('../images/' + $global-sprite-name + '.' + $file-type) $x $y no-repeat; | |
| background-size: 600px 600px; | |
| @if $retina == true { | |
| @media |
| <div class="grid_row"> | |
| <div class="col-3"></div> | |
| <div class="col-6"></div> | |
| <div class="col-3"></div> | |
| </div> |