mirror of
https://github.com/status-im/MyCrypto.git
synced 2025-01-10 11:05:47 +00:00
ccd946a08d
* README proposal. * First pass at implementation of proposal on Footer and Header. Footer could use some work. * Cleanup, and readme additions * First pass at basic modal * Modal open / close * Modal close on esc key. * Freeze body scrolling when modal is open. * Use the index bestowed upon me. * No close on shade click * Only render children if modal is open. Also, dont show cursor on shade * Use flexbox for simpler content height / scroll behavior. * type modal, fix body scroll when mounted opened * Modal width is sized by content, not hard coded sizes. * Remove size from flow prop types.
93 lines
1.0 KiB
Plaintext
Executable File
93 lines
1.0 KiB
Plaintext
Executable File
/* Custom Utilities */
|
|
|
|
.text-navy {
|
|
color: @ether-navy;
|
|
}
|
|
|
|
.text-gray-lighter {
|
|
color: @gray-lighter;
|
|
}
|
|
|
|
.text-blue {
|
|
color: @ether-blue;
|
|
}
|
|
|
|
.text-white {
|
|
color: #fff;
|
|
}
|
|
|
|
.bg-navy {
|
|
background: @ether-navy;
|
|
}
|
|
|
|
.bg-gray-lighter {
|
|
background-color: @gray-lighter;
|
|
}
|
|
|
|
.bg-blue {
|
|
background-color: @ether-blue;
|
|
}
|
|
|
|
.bg-white {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.text-serif {
|
|
font-family: @font-family-serif;
|
|
}
|
|
|
|
.text-sans-serif {
|
|
font-family: @font-family-sans-serif;
|
|
}
|
|
|
|
.pad-v-sm {
|
|
padding-top: .5em;
|
|
padding-bottom: .5em;
|
|
}
|
|
|
|
.pad-v-md {
|
|
padding-top: 1em;
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.pad-v-lg {
|
|
padding-top: 1.5em;
|
|
padding-bottom: 1.5em;
|
|
}
|
|
|
|
.pad-v-xl {
|
|
padding-top: 2em;
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
.marg-v-sm {
|
|
margin-top: .5em;
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
.marg-v-md {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.marg-v-lg {
|
|
margin-top: 1.5em;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.marg-v-xl {
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.img-fill {
|
|
width: 100%;
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.no-scroll {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|