jpdevries

cd /www/modx/ #your webroot
wget http://modx.s3.amazonaws.com/releases/2.3.2/modx-2.3.2-pl-advanced.zip
unzip modx-2.3.2-pl-advanced.zip
# you'll have a core and setup folder. hit the /setup in a web browser and complete the setup process

jpdevries

// ----
// libsass (v3.1.0)
// ----

@import "bourbon/bourbon";

.dashbox {
    @include display(flex); // be a flex container
    @include flex-direction(row); // lay children out horizontally
    @include flex-wrap(wrap); // allow wrapping

jpdevries

// ----
// libsass (v3.1.0)
// ----

$white:rgb(250,250,250);

.my-component {
  background:lighten(purple,30%);
  color:purple;
  body.inverted & { // when in invert mode accommodate with high contrast

jpdevries

// ----
// libsass (v3.1.0)
// ----

@import "bourbon/bourbon";
@import "neat/neat";

$mobile: max-width 640px 4;

p {

jpdevries

// ----
// libsass (v3.1.0)
// ----

@import "bourbon/bourbon";
@import "neat/neat";

.focus {
  @include outer-container(); // default 12column grid
  .primary {

jpdevries

// ----
// libsass (v3.1.0)
// ----

%legible {
  max-width:42em; /* don't let lines get too wide */
  line-height:1.6em; /* keep things legible */
}

// the below selectors will be combined in CSS

jpdevries

/*
  it seems like Safari should know to do this itself
  I am not sure if speechSynthesis instances are supposed persist navagitaion changes
*/
$(window).bind('beforeunload', function(){
    try { window.speechSynthesis.cancel(); } catch (e) {} 
});

jpdevries

[[+input:notempty=`[[[[+input]]]]`]]

jpdevries

<table class="settings-table">
  <thead>
    <tr>
      <th><code>Settings</code></th>
      <th><code>Value</code></th>
    </tr>
  </thead>
  <tbody>
    <!-- each setting consists of two rows -->
    <!-- setting 1 -->

jpdevries

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

html.js {
    .js-hide {
        display:none;
    }
}