The popular open-source contract for web professionals by Stuff & Nonsense
- Originally published: 23rd December 2008
- Revised date: March 15th 2016
- Original post
@media (max-width: 767px) { | |
#question #character { | |
font-size: 8.331em !important; | |
} | |
#question #question-type h1 { | |
font-size: 1.35em; | |
} | |
#question #character.radical img { | |
width: 35%; |
$allports: #0075A3 | |
$affair: #7E4282 | |
$flamingo: #EC4E20 | |
$pizazz: #FF9505 | |
$astronaut: #253C78 | |
$mine-shaft: #1F1F1F | |
$mystic: #E7ECEF | |
$foam: #E5F5FC | |
$red: #EE0000 | |
$la-palma: #248912 |
import { MJMLElement, helpers } from 'mjml-core' | |
import cloneDeep from 'lodash/cloneDeep' | |
import merge from 'lodash/merge' | |
import React, { Component } from 'react' | |
const tagName = 'mc-section' | |
const parentTag = ['mj-container'] | |
const defaultMJMLDefinition = { | |
attributes: { | |
'mc:hideable': null, |
@for $i from 1 through 6 { | |
&.hero-img-#{$i} { | |
background: url(../photo/hero-#{$i}.jpg) top center no-repeat; | |
} | |
} |