glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

use scss vars and font fallbacks

Browse source
This commit is contained in:
Connor Turland 2017-09-13 10:31:48 -04:00
parent 672b456193
commit 1174123b60
2 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/stylesheets/application.scss.erb
View file

@ -3149,7 +3149,7 @@ script.data-gratipay-username {
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
cursor: pointer; cursor: pointer;
font-family: helvetica; font-family: helvetica, sans-serif;
float: left; float: left;
width: 72px; width: 72px;
text-align: right; text-align: right;

23
app/assets/stylesheets/base.scss.erb
View file

@ -1,9 +1,12 @@
$mid-gray: #8A8A8A;
$mid-gray-opacity: rgba(66, 66, 66, 0.6);
.nameCounter { .nameCounter {
position: absolute; position: absolute;
bottom: 1px; bottom: 1px;
right: 2px; right: 2px;
font-size: 11px; font-size: 11px;
font-family: helvetica; font-family: helvetica, sans-serif;
color: #727272; color: #727272;
line-height: 11px; line-height: 11px;
display: none; display: none;
@ -118,7 +121,7 @@
overflow-y: auto; overflow-y: auto;
p.emptyDesc { p.emptyDesc {
color: rgba(66, 66, 66, 0.6); color: $mid-gray-opacity;
} }
a.mdSupport { a.mdSupport {
@ -235,15 +238,15 @@
float: left; float: left;
z-index: 1; z-index: 1;
position: relative; position: relative;
color: rgba(66, 66, 66, 0.6); color: $mid-gray-opacity;
font-size: 14px; font-size: 14px;
line-height: 14px; line-height: 14px;
a { a {
color: rgba(66, 66, 66, 0.6); color: $mid-gray-opacity;
} }
} }
.contributor { .contributor {
bottom: 7px; bottom: 7px;
margin-left: 16px; margin-left: 16px;
@ -311,7 +314,7 @@
margin-top: -30px; margin-top: -30px;
width: 0; width: 0;
height: 0; height: 0;
border-bottom: 4px solid #8A8A8A; border-bottom: 4px solid $mid-gray;
border-left: 5px solid transparent; border-left: 5px solid transparent;
border-right: 5px solid transparent; border-right: 5px solid transparent;
} }
@ -323,7 +326,7 @@
top: 44px; top: 44px;
font-size: 12px !important; font-size: 12px !important;
position: absolute; position: absolute;
background: #8A8A8A; background: $mid-gray;
color: white; color: white;
border-radius: 4px; border-radius: 4px;
line-height: 17px; line-height: 17px;
@ -376,7 +379,7 @@
} }
.tip { .tip {
position: absolute; position: absolute;
background: #8A8A8A; background: $mid-gray;
width: auto; width: auto;
top: 44px; top: 44px;
right: 0px; right: 0px;
@ -397,7 +400,7 @@
right: 12px; right: 12px;
width: 0; width: 0;
height: 0; height: 0;
border-bottom: 4px solid #8A8A8A; border-bottom: 4px solid $mid-gray;
border-left: 5px solid transparent; border-left: 5px solid transparent;
border-right: 5px solid transparent; border-right: 5px solid transparent;
} }
@ -611,7 +614,7 @@ background-color: #E0E0E0;
} }
.CardOnGraph .tip { .CardOnGraph .tip {
position: absolute; position: absolute;
background: #8A8A8A; background: $mid-gray;
top: 35px; top: 35px;
right: 0; right: 0;
color: white; color: white;