Skip to content

Instantly share code, notes, and snippets.

View jackzerby's full-sized avatar

Jack Zerby jackzerby

View GitHub Profile
Jacks-iMac:web jackzerby$ yarn install
yarn install v1.21.1
[1/4] 🔍 Resolving packages...
[2/4] 🚚 Fetching packages...
error @rails/webpacker@5.2.1: The engine "node" is incompatible with this module. Expected version ">=10.17.0". Got "10.15.1"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
/* ----------------------------------------------------
Desktop With Avatar
----------------------------------------------------- */
iframe { height: 160px; }
#ctaMessageAgentAvatar {
width: 30px;
height: 30px;
border-radius: 30px;
display: block;
margin-right: 10px;
h1 { margin: 0 0 30px 0; }
h2 { margin: 0 0 30px 0; }
h2 { margin: 0 0 15px 0; }
strong {
font-family: Cardillac-Bold,serif;
}
form.hs-form .hs-form-field ul.inputs-list {
margin: 0;
Mobile -----
.corset { margin:0 20px; }
.card-body { padding:20px; }
.card-footer { padding:20px; }
.card-header { padding:20px; }
.main-icon { width:30px; height:30px; }
.token-option { width:calc(100% - 30px); }
.menu-option-container { font-size:16px; padding:15px; }
.label-container { font-size:16px; }
.address, .balance { font-size:18px; }
.frame-title { line-height:1; margin-bottom:10px; }
.current-address { font-family:var(--title-family); margin-top:(REMOVE) }
.balance-summary-container { grid-column-gap:10px }
.balance-summary-value { line-height:1; }
.balance-summary-label { line-height:1; }
.balance-table-header { line-height:1; }
.period-option { line-height:1; }
.address-nav-item:first-child { padding-top:0; }
.address-nav-coin { font-weight:600; }
.toast { padding:14px 15px; }
@jackzerby
jackzerby / .css
Created September 12, 2019 18:19
.MT__cell { font-size:14px; }
.MT__cell--name { letter-spacing:1px; }
.Total__mini-table { margin:20px 70px 0px; }
.unit { font-size:14px; }
.button.hollow { font-weight: var(--button-cozy-weight); }
.accordion-group-options { padding:15px 20px; }
.FT--opportunities .FT__cell {
padding: 35px 20px;
}
.FT .FT__head .FT__cell.sorting-asc {
color: #102039;
}
.FT .FT__head .FT__cell.sorting-desc {
color: #102039;
.Nav__item { margin-right:30px; }
.Nav__section { border-right:*remove*; padding:0 30px 0 0; }
.Nav__create-account { margin-right:30px; }
.Nav__item:hover { background*remove*; }
.Nav__item:hover .Nav__link { color:#558ECB; }
.Nav__item--active { background:*remove*; }
.Nav__item--active:hover { background:*remove*; }
.Nav__link--schedule:hover { *remove color change* }
p { margin:0 0 15px 0; line-height:150%; }
.Form__textarea { line-height:150%; }
.Aff-Menu__item { height:90px; }
.Aff-Menu__header { font-size:18px; margin-bottom:5px; }
.Aff-Menu__item:hover { background:#fcfcfc; }
@media (max-width: 990px) {
.Aff__hero { /* Needs padding-right:20px; padding-left:20px; but it's extending the width */ }
.Total__footer {
font-size: 14px;
letter-spacing: 1px;
}
.Card-Body__item:nth-child(odd) {
border-right: 1px solid #eeeeee;
}
.Card-Body__item {