mirror of
https://github.com/moparisthebest/mail
synced 2024-08-13 16:43:47 -04:00
updated fonts
This commit is contained in:
parent
c3eb935a43
commit
46cece8ff9
@ -2,7 +2,7 @@
|
|||||||
font-family: 'PT Sans';
|
font-family: 'PT Sans';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
src: local('PT Sans'), local('PTSans-Regular'), url(../pt-sans.ttf) format('truetype');
|
src: local('PT Sans'), local('PTSans-Regular'), url(pt-sans.ttf) format('truetype');
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@ -20,21 +20,6 @@ body {
|
|||||||
|
|
||||||
/* message list */
|
/* message list */
|
||||||
|
|
||||||
@mixin marked {
|
|
||||||
background-color: #00c6ff;
|
|
||||||
color: #ffffff;
|
|
||||||
.from {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin unmarked {
|
|
||||||
color: #000000;
|
|
||||||
.from {
|
|
||||||
color: #00c6ff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.message-list {
|
.message-list {
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
padding: 46px 15px;
|
padding: 46px 15px;
|
||||||
@ -42,42 +27,58 @@ body {
|
|||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
.selected {
|
@mixin marked {
|
||||||
@include marked;
|
background-color: #00c6ff;
|
||||||
|
color: #ffffff;
|
||||||
|
.from {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@mixin unmarked {
|
||||||
|
color: #000000;
|
||||||
|
.from {
|
||||||
|
color: #00c6ff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
font-size: 14px;
|
|
||||||
margin: 8px 0;
|
margin: 8px 0;
|
||||||
padding-top: 15px;
|
padding: 10px 0;
|
||||||
height: 105px;
|
height: 85px;
|
||||||
|
|
||||||
@include unmarked;
|
@include unmarked;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
@include unmarked;
|
|
||||||
}
|
}
|
||||||
&:hover.selected {
|
&:hover.selected {
|
||||||
@include marked;
|
@include marked;
|
||||||
}
|
}
|
||||||
|
|
||||||
.from {
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
.subject {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.text-preview {
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-left: 30px;
|
margin-left: 32px;
|
||||||
margin-right: 30px;
|
margin-right: 32px;
|
||||||
}
|
}
|
||||||
|
p.from {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
p.subject {
|
||||||
|
font-size: 0.875em;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 0.5em;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
p.text-preview {
|
||||||
|
font-size: 0.875em;
|
||||||
|
height: 2em;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
li.selected {
|
||||||
|
@include marked;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -12,9 +12,9 @@
|
|||||||
<div class="message-list">
|
<div class="message-list">
|
||||||
<ul>
|
<ul>
|
||||||
<li class="selected">
|
<li class="selected">
|
||||||
<p class="from">welcome@whiteout.io</p>
|
<p class="from">Max Mustermann</p>
|
||||||
<p class="subject">Welcome Nico</p>
|
<p class="subject">Welcome Nico</p>
|
||||||
<p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
|
<p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<p class="from">welcome@whiteout.io</p>
|
<p class="from">welcome@whiteout.io</p>
|
||||||
|
Loading…
Reference in New Issue
Block a user