@@ -1,20 +1,18 @@
import * as firebase from 'firebase';

/**
* Hook up our Firebase account
*
* Once initialized and imported into parent
* component, it should work everywhere.
* Hook up our Firebase account.
*/

import * as firebase from 'firebase';
const config = {
apiKey: "AIzaSyAL_goA4tvtMZWMWs2YmPXcwA1NtXaNa64",
authDomain: "mtg-deck-catalog.firebaseapp.com",
databaseURL: "https://mtg-deck-catalog.firebaseio.com",
storageBucket: "mtg-deck-catalog.appspot.com",
messagingSenderId: "64133753903"
};

(() => {
const config = {
apiKey: "AIzaSyCi4Ld4o0svBJSMP5s-JhSH8i3PvFSupnA",
authDomain: "react-todo-app-d870e.firebaseapp.com",
databaseURL: "https://react-todo-app-d870e.firebaseio.com",
storageBucket: "react-todo-app-d870e.appspot.com",
messagingSenderId: "993878740859"
};
export const firebaseApp = firebase.initializeApp(config);

firebase.initializeApp(config);
})();
export const db = firebaseApp.database();
export const auth = firebaseApp.auth();
@@ -22,6 +22,7 @@
"css-loader": "^0.26.2",
"firebase": "^3.7.1",
"flux": "^3.1.2",
"json-loader": "^0.5.4",
"less": "^2.7.2",
"less-loader": "^2.2.3",
"react": "^15.4.2",
@@ -0,0 +1,70 @@
html {
font-family: 'Open Sans';
background: #eee;
margin: 0;
padding: 0;
}

body {
max-width: 1000px;
margin: 0 auto;
padding: 0 1em;
}

.main-container {
background: #fff;
border-radius: 5px;
border: 1px solid #ddd;
padding: 1em 3em;
clear: both;
}


/**
* Deck Catalog
*/

header .title-bar {
float: left;
}

header .main-actions {
float: right;

button {
padding: 10px 20px;
font-size: 1em;
font-weight: 600;
border-radius: 100px;
border: 2px solid lighten(green, 10%);
background: #fff;
display: block;
margin: 1.6em 0 0;
}
}

.formats {
clear: both;
}

.formats .decks {
margin: 0;
padding: 0;
overflow: hidden;

li {
list-style: none;
float: left;
width: 20%;
margin-right: 2%;

img {
max-width: 210px;
max-height: 110px;
}

p {
margin: 5px 0 0;
}
}
}