guzmonne

alias ls="ls -l --color=auto --block-size=M"
alias cls="clear"
alias home="cd ~"
alias cd...="cd ../.."

PS1="[\[\033[32m\]\w]\[\033[0m\]\n\[\033[1;36m\]\u\[\033[1;33m\]-> \[\033[0m\]"

guzmonne

Semantic UI column patch

Semantic UI does not provide a way to define column spannings with grids different than the global @columnCount setting.

In this example, the first two rows now work as expected.

Forked from Juan Loman's Pen Semantic UI column problem.

guzmonne

if (Meteor.users.find().count() === 0){
	Accounts.createUser({
		username: 'admin',
		email   : '[email protected]',
		profile : {
			roles     : ['admin'],
			name      : 'Administrator',
			createdBy : 'Meteor.fixture.js',
			createdAt : moment().utc().format()
		}

guzmonne

#!/bin/bash

echo
echo "Installing Custom BashRC!"
echo "------------------"
echo

# Source custom .bashrc
curl https://gist.githubusercontent.com/guzmonne/307779e11fb9116af4a5/raw/346248c42045cd54e9b445869c195812f4b1cdb0/.bashrc >> .bashrc
source .bashrc

guzmonne

import React, { Component } from 'react';

class App extends Component {
  render() {
    return (
      <div className="App">
        <h1>Office UI Fabric</h1>
      </div>
    );
  }

guzmonne

import React, { Component } from 'react'
import {Fabric} from 'office-ui-fabric-react/lib/Fabric'
import {Button, ButtonType} from 'office-ui-fabric-react/lib/Button'
import {Dialog, DialogType, DialogFooter} from 'office-ui-fabric-react/lib/Dialog'

class App extends Component {
  constructor() {
    super()
    this.state = {
      isOpen: false,

guzmonne

<div class="ms-Grid"> 
  <div class="ms-Grid-row">
    <div class="ms-Grid-col ms-u-sm6 ms-u-md4 ms-u-lg2">A</div>
    <div class="ms-Grid-col ms-u-sm6 ms-u-md8 ms-u-lg10">B</div>
  </div>
</div>

guzmonne

import React from 'react';

class App extends React.Component {
  render() {
    return (
      <div className="App">
        <div className="header"></div>        
        <div className="body">
          <div className="content"></div>
          <div className="sidebar"></div>      

guzmonne

.App {
  background-color: black;
}

.App .header {
  background-color: blue;
}

.App .body {
  background-color: red;

guzmonne

/* 
Set the main wrapper component to 
take up the entire height of the page
 */
.App {
  min-height: 100vh; 
}
/*
To use Flexbox we need to set the display
setting of the container component to flex.