ensl/ensl.org
0
0
Fork 0
mirror of https://github.com/ENSL/ensl.org.git synced 2025-01-27 11:40:57 +00:00
Code Issues Projects Releases Packages Wiki Activity

Added proportional avatar sizing

Browse source 
Improved font weights
This commit is contained in:
Luke Barratt 2014-04-28 01:37:51 +01:00
parent 636be833a3
commit fd73c12558
4 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/assets/stylesheets/components/_forms.scss
View file

@ -279,11 +279,17 @@ form.square {
.controls { .controls {
@include span-columns(9); @include span-columns(9);
@include shift(3); @include shift(3);
font-weight: 400;
&.inline { &.inline {
margin-left: 0; margin-left: 0;
width: auto; width: auto;
} }
input[type=submit],
button {
font-weight: 400;
}
} }
} }

1
app/assets/stylesheets/components/_tabs.scss
View file

@ -28,6 +28,7 @@
float: left; float: left;
display: block; display: block;
color: white; color: white;
font-weight: 400;
&:hover { &:hover {
cursor: pointer; cursor: pointer;

22
app/assets/stylesheets/layout/_header.scss
View file

@ -95,21 +95,25 @@ header .banner {
vertical-align: middle; vertical-align: middle;
.avatar { .avatar {
@include span-columns(12);
height: em(135);
background: transparentize($light-gray, 0.5);
margin: 0 em(20) 0 0; margin: 0 em(20) 0 0;
text-align: center; text-align: center;
border-radius: 75px; border-radius: em(100);
padding: em(5);
vertical-align: middle; vertical-align: middle;
position: relative;
width: 100%;
padding-bottom: 100%;
float: left;
height: 0;
img { img {
padding: em(10); background: transparentize($light-gray, 0.75);
float: left;
max-width: em(135);
width: 100%; width: 100%;
height: auto; height: 100%;
border-radius: 75px; position: absolute;
left: 0;
border-radius: em(100);
padding: em(5);
} }
} }

1
app/assets/stylesheets/mixins/_buttons.scss
View file

@ -17,6 +17,7 @@
border: 0; border: 0;
text-transform: uppercase; text-transform: uppercase;
cursor: pointer; cursor: pointer;
font-weight: 400;
&:hover { &:hover {
color: lighten($light-blue, 30); color: lighten($light-blue, 30);