mail/src/sass/views/_write.scss

85 lines
1.6 KiB
SCSS
Raw Normal View History

2013-09-18 16:05:51 -04:00
.view-write {
margin: 0px;
padding: 0px;
2013-09-18 16:05:51 -04:00
color: $color-grey-dark;
2013-10-05 10:07:42 -04:00
overflow-y: hidden;
2013-09-18 16:05:51 -04:00
height: 100%;
@include respond-to(desktop) {
height: 600px;
2013-09-18 16:05:51 -04:00
}
input {
border: 0!important;
outline: none;
2013-09-18 16:05:51 -04:00
}
button {
border: 0!important;
}
.headers {
margin-top: 10px;
span {
color: $color-grey;
}
.address-input {
width: 90%;
}
2013-09-18 16:05:51 -04:00
}
.subject-box {
margin: 20px 0;
width: inherit;
border: 1px;
border-style: solid;
border-color: $color-grey-lighter;
height: em(44);
.subject-line {
float: left;
padding: 10px;
width: 80%;
color: $color-grey;
}
.subject {
font-weight: bold;
width: 100%;
}
.btn-attachment {
float: right;
padding: em(7.5) em(7.5) em(4) em(7.5);
margin: em(5);
color: $color-grey-lightest;
background-color: $color-blue;
}
}
.body {
line-height: 1.5em;
2013-10-12 13:39:09 -04:00
height: 68%;
2013-10-05 10:07:42 -04:00
overflow-y: scroll;
2013-09-18 16:05:51 -04:00
*[contentEditable] {
outline: 0px;
2013-10-17 12:51:27 -04:00
cursor: text;
}
.encrypt-preview {
font-size: 0.9em;
margin-top: 3em;
font-family: monospace;
color: $color-grey-light;
word-wrap: break-word;
}
2013-09-18 16:05:51 -04:00
}
.send-control {
position: absolute;
bottom: 15px;
right: 15px;
2013-09-18 16:05:51 -04:00
}
}