wrumsby

/**
 * The first commented line is your dabblet’s title
 */

#mobile {
	max-width: 240px;
}

/*
#mobile .xui-u-flex {

wrumsby

/**
 * The first commented line is your dabblet’s title
 */

#mobile {
	max-width: 240px;
}

#mobile.xui-u-flex {
    flex-direction: column;

wrumsby

/**
 * FLEXBOX!!!
 */
body {
	background-color: #fff;
	color: #333;	
	font-family: sans-serif;
}

.box {

wrumsby

/**
 * The first commented line is your dabblet’s title
 */

body {
	box-sizing: border-box;
}

.xui-summary {
	border: 1px solid #666;

wrumsby

/**
 * The first commented line is your dabblet’s title
 */

body {
	box-sizing: border-box;
}

.xui-summary {
	border: 1px solid #666;

wrumsby

/**
 * The first commented line is your dabblet’s title
 */
 .foo {
     background-color: #fff;
     border-radius: 0;
     border-width: 0;
     font-size: 14px;
     padding: 8px;
 }

wrumsby

/**
 * The first commented line is your dabblet’s title
 */

body {}

.toast--message:not(:first-child) {
    margin-left: 5px;
}

wrumsby

/**
 * ExtJS-inspired markup with flexbox for drop downs (now with select).
 */

* {
    box-sizing: border-box;
}

body {
	background-color: #fff;

wrumsby

/**
 * ExtJS-inspired markup with flexbox for drop downs.
 */

* {
    box-sizing: border-box;
}

body {
	background-color: #fff;

wrumsby

/**
 * The first commented line is your dabblet’s title
 */

body {
	font-family: sans-serif;
}