natty
/
fox-send
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

moved some styles

This commit is contained in:
Danny Coates 2018-11-01 10:20:36 -07:00
parent 932a2a4576
commit 90f261a314
No known key found for this signature in database
GPG Key ID: 4C442633C62E00CB
3 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/main.css
View File

@ -59,14 +59,6 @@ progress::-webkit-progress-value {
white-space: nowrap; white-space: nowrap;
} }
.bg-shades {
background-color: rgba(255, 255, 255, 0.8);
}
.border-modal {
box-shadow: 0 0 5rem 5rem white;
}
.checkbox { .checkbox {
@apply leading-normal; @apply leading-normal;
@apply select-none; @apply select-none;

4
app/ui/modal.js
View File

@ -2,8 +2,8 @@ const html = require('choo/html');
module.exports = function(state, emit) { module.exports = function(state, emit) {
return html` return html`
<div class="absolute pin flex items-center justify-center overflow-hidden z-40 bg-shades" onclick=${close}> <div class="absolute pin flex items-center justify-center overflow-hidden z-40 bg-cloud" onclick=${close}>
<div class="border-modal bg-white" onclick=${e => e.stopPropagation()}> <div class="shadow-cloud bg-white" onclick=${e => e.stopPropagation()}>
${state.modal(state, emit, close)} ${state.modal(state, emit, close)}
</div> </div>
</div>`; </div>`;

6
tailwind.js
View File

@ -125,7 +125,8 @@ const colors = {
pink: '#f66d9b', pink: '#f66d9b',
'pink-light': '#fa7ea8', 'pink-light': '#fa7ea8',
'pink-lighter': '#ffbbca', 'pink-lighter': '#ffbbca',
'pink-lightest': '#ffebef' 'pink-lightest': '#ffebef',
cloud: 'rgba(255, 255, 255, 0.8)'
}; };
module.exports = { module.exports = {
@ -728,7 +729,8 @@ module.exports = {
lg: '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)', lg: '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)',
inner: 'inset 0 2px 4px 0 rgba(0,0,0,0.06)', inner: 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',
outline: '0 0 0 3px rgba(52,144,220,0.5)', outline: '0 0 0 3px rgba(52,144,220,0.5)',
none: 'none' none: 'none',
cloud: '0 0 5rem 5rem white'
}, },
/* /*