taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Font refactor to openSans. openSans FTW

stable
Xavier Julián 2014-06-26 14:06:29 +02:00
parent 2c9a809df9
commit 006dbaa84f
33 changed files with 1885 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/fonts/OpenSans-CondLight-webfont.eot Normal file
View File

Binary file not shown.

1830
app/fonts/OpenSans-CondLight-webfont.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

BIN
app/fonts/OpenSans-CondLight-webfont.ttf Normal file
View File

Binary file not shown.

BIN
app/fonts/OpenSans-CondLight-webfont.woff Normal file
View File

Binary file not shown.

10
app/styles/components/buttons.scss
View File

@ -1,7 +1,7 @@
// Buttons components
.trans-button {
@extend %large;
font-family: 'ostrichSans';
@extend %title;
&:hover,
&.active {
@include transition (color .3s linear);
@ -14,18 +14,18 @@
%button,
.button {
@extend %large;
@extend %medium;
@extend %title;
@include transition (background .3s linear);
display: inline-block;
font-family: 'ostrichSans';
padding: 8px 40px;
text-transform: uppercase;
&:hover {
@include transition (background .3s linear);
}
span {
color: $white;
position: relative;
top: 2px;
}
.icon {
margin-right: .3rem;

2
app/styles/components/filter.scss
View File

@ -1,8 +1,8 @@
.single-filter {
@extend %large;
@include clearfix;
@extend %title;
display: block;
font-family: 'ostrichSans';
height: 32px;
margin-bottom: 1rem;
opacity: .5;

2
app/styles/components/notification-message.scss
View File

@ -13,8 +13,8 @@
}
.warning {
@extend %xlarge;
@extend %bold;
color: $white;
font-family: 'DroidSans-Bold';
line-height: 2.4rem;
}
.icon-delete {

2
app/styles/components/popover.scss
View File

@ -1,9 +1,9 @@
@mixin popover($width, $top: '', $left: '', $bottom: '', $right: '', $arrow-width: 0, $arrow-top: '', $arrow-left: '', $arrow-bottom: '') {
@extend %text;
background: $blackish;
bottom: #{$bottom};
color: $white;
display: none;
font-family: 'DroidSans';
left: #{$left};
list-style-type: none;
margin: 0;

4
app/styles/components/summary.scss
View File

@ -29,8 +29,8 @@
}
.number {
@extend %xlarge;
@extend %bold;
float: left;
font-family: 'DroidSans-Bold';
margin-right: .3rem;
position: relative;
top: 5px;
@ -39,8 +39,8 @@
.description {
// line-height: 0;
@extend %small;
@extend %text;
float: left;
font-family: DroidSans;
line-height: .9rem;
}
}

4
app/styles/dependencies/forms.scss
View File

@ -13,10 +13,10 @@ input[type="date"],
select,
textarea {
@extend %large;
@extend %title;
background: $gray-light;
border: 0;
color: $grayer;
font-family: 'ostrichSans';
height: 40px;
margin: 0;
padding: 8px;
@ -26,5 +26,5 @@ textarea {
}
}
input[type="password"] {
font-family: 'DroidSans';
@extend %text;
}

16
app/styles/dependencies/typography.scss
View File

@ -2,7 +2,7 @@
// Font face
@each $font-face in DroidSans, DroidSans-Bold, ostrichSans, taiga {
@each $font-face in DroidSans, DroidSans-Bold, ostrichSans, OpenSans-CondLight-webfont, taiga {
@font-face {
font-family: '#{$font-face}';
src: url('../fonts/#{$font-face}.eot?#iefix') format('embedded-opentype'),
@ -25,7 +25,7 @@ h6 {
}
}
// __Font Sizes__
// __Font Sizes__ //
%xsmall {font-size: .5rem;}
%small {font-size: .8rem;}
%medium {font-size: 1rem;}
@ -33,13 +33,21 @@ h6 {
%xlarge {font-size: 2rem;}
%xxlarge {font-size: 3rem;}
// __Font Types__ //
%title {font-family: 'OpenSans-CondLight-webfont';}
%text {font-family: 'DroidSans';}
%bold {font-family: 'DroidSans-Bold';}
%taiga {font-family: 'taiga';}
h1 {
@extend %xxlarge;
font-family: 'ostrichSans';
@extend %title;
line-height: 2.7rem;
margin-bottom: 1rem;
text-transform: uppercase;
span {
@include ellipsis(250px);
display: inline;
margin-right: .5rem;
}
.green {
@ -53,7 +61,7 @@ h1 {
h2 {
@extend %xlarge;
font-family: 'ostrichSans';
@extend %title;
margin-bottom: 1rem;
}

2
app/styles/layout/base.scss
View File

@ -80,7 +80,7 @@ body {
}
.icon {
font-family: 'taiga';
@extend %taiga;
}
.hidden {

2
app/styles/layout/invitation.scss
View File

@ -31,8 +31,8 @@
}
.invitation-text {
@extend %xlarge;
@extend %title;
color: $white;
font-family: 'ostrichSans';
line-height: 3rem;
text-align: center;
.project-name {

4
app/styles/layout/login.scss
View File

@ -18,8 +18,8 @@
}
.tagline {
@extend %xlarge;
@extend %title;
color: $white;
font-family: 'ostrichSans';
line-height: 2rem;
}
form {
@ -80,7 +80,7 @@
}
.title {
@extend %large;
font-family: 'DroidSans-bold';
@extend %bold;
}
.icon-delete {
color: $red-light;

8
app/styles/layout/us-detail.scss
View File

@ -12,8 +12,8 @@
margin-bottom: 2rem;
.us-title {
@extend %xlarge;
@extend %text;
background: $whitish;
font-family: 'DroidSans';
padding: 2rem 1rem;
.us-number {
color: $gray-light;
@ -73,8 +73,8 @@
}
.us-activity-tabs {
@extend %title;
border-bottom: 3px solid $gray-light;
font-family: 'ostrichSans';
padding: .5rem 0;
li {
@extend %large;
@ -149,8 +149,8 @@
}
.points {
@extend %xlarge;
@extend %title;
display: block;
font-family: 'ostrichSans';
text-align: center;
}
.role {
@ -192,7 +192,7 @@
position: relative;
.title {
@extend %large;
font-family: 'ostrichSans';
@extend %title;
}
.icon {
@extend %large;

2
app/styles/modules/activity.scss
View File

@ -33,7 +33,7 @@
@include table-flex-child(1, 50px, 0);
}
.activity-changed {
font-family: 'DroidSans-Bold';
@extend %bold;
}
.activity-fromto {
@extend %small;

4
app/styles/modules/admin-membership-table.scss
View File

@ -1,6 +1,6 @@
.admin-membership-table {
.title {
font-family: 'DroidSans-Bold';
@extend %bold;
}
.avatar {
align-items: center;
@ -17,7 +17,7 @@
width: 100%;
}
.name {
font-family: DroidSans-Bold;
@extend %bold;
}
.email {
color: $gray-light;

2
app/styles/modules/admin-menu.scss
View File

@ -1,8 +1,8 @@
.admin-menu {
li {
@extend %xlarge;
@extend %title;
border-bottom: 1px solid $gray-light;
font-family: 'ostrichSans';
&:last-child {
border-bottom: 0;
}

4
app/styles/modules/admin-roles.scss
View File

@ -1,12 +1,12 @@
.admin-roles {
.total {
@extend %large;
@extend %title;
background-color: $whitish;
font-family: DroidSans-Bold;
padding: .5rem 1rem;
span {
@extend %medium;
font-family: DroidSans;
@extend %text;
padding-left: .5rem;
}
}

2
app/styles/modules/admin-submenu.scss
View File

@ -4,8 +4,8 @@
}
li {
@extend %xlarge;
@extend %title;
border-bottom: 1px solid #a6b2a7;
font-family: 'ostrichSans';
&:last-child {
border-bottom: 0;
}

4
app/styles/modules/backlog-table.scss
View File

@ -61,13 +61,13 @@
.backlog-table-header {
.backlog-table-title {
@extend %medium;
font-family: 'DroidSans-Bold';
@extend %bold;
}
.backlog-table-subtitle {
@extend %small;
@extend %text;
background: $whitish;
border-bottom: 2px solid $grayer;
font-family: 'DroidSans';
&:hover {
background: $whitish;
}

4
app/styles/modules/colors-table.scss
View File

@ -11,8 +11,8 @@
}
.title {
@extend %medium;
@extend %bold;
border-bottom: 1px solid $gray-light;
font-family: 'DroidSans-Bold';
&:hover {
background: transparent;
}
@ -67,8 +67,8 @@
margin-bottom: 1rem;
}
input {
@extend %text;
background-color: $very-light-gray;
font-family: DroidSans;
width: 243px;
@include placeholder {
color: $gray;

2
app/styles/modules/comment-activity.scss
View File

@ -33,7 +33,7 @@
@include table-flex-child(1, 50px, 0);
}
.activity-changed {
font-family: 'DroidSans-Bold';
@extend %bold;
}
.activity-fromto {
@extend %small;

2
app/styles/modules/issues-table.scss
View File

@ -11,8 +11,8 @@
}
.title {
@extend %medium;
@extend %bold;
border-bottom: 1px solid $gray-light;
font-family: 'DroidSans-Bold';
&:hover {
background: transparent;
}

2
app/styles/modules/lightbox.scss
View File

@ -227,7 +227,7 @@
}
.subtitle {
@extend %large;
font-family: 'ostrichSans';
@extend %title;
}
.delete-options {
@include table-flex();

2
app/styles/modules/list-filters.scss
View File

@ -12,7 +12,7 @@
margin-right: 2rem;
a {
@extend %large;
font-family: 'ostrichSans';
@extend %title;
opacity: .4;
&.active,
&:hover {

2
app/styles/modules/nav.scss
View File

@ -1,8 +1,8 @@
.menu {
@extend %title;
background-image: url('../images/menu.png');
background-position: left bottom;
flex-wrap: wrap;
font-family: 'ostrichSans';
height: 100%;
padding: 2rem .3rem;
position: fixed;

2
app/styles/modules/project-details.scss
View File

@ -2,8 +2,8 @@
input[type="text"],
textarea {
@extend %medium;
@extend %text;
background-color: $very-light-gray;
font-family: 'DroidSans';
font-weight: bold;
}
fieldset {

2
app/styles/modules/project-nav.scss
View File

@ -31,9 +31,9 @@
.projects-list {
a {
@extend %large;
@extend %title;
color: $whitish;
display: block;
font-family: 'ostrichSans';
padding: 1rem;
text-transform: uppercase;
width: 100%;

2
app/styles/modules/search-filter.scss
View File

@ -9,7 +9,7 @@
}
a {
@extend %large;
font-family: 'ostrichSans';
@extend %title;
opacity: .2;
&.active,
&:hover {

2
app/styles/modules/search-result-table.scss
View File

@ -32,8 +32,8 @@
}
.title {
@extend %medium;
@extend %bold;
border-bottom: 1px solid $gray-light;
font-family: 'DroidSans-Bold';
&:hover {
background: transparent;
}

4
app/styles/modules/sprints.scss
View File

@ -14,8 +14,8 @@
}
.sprint-name {
@extend %large;
@extend %title;
display: inline-block;
font-family: 'ostrichSans';
margin-right: 3px;
max-width: 100px;
overflow: hidden;
@ -25,8 +25,8 @@
}
.sprint-date {
@extend %large;
@extend %title;
color: $gray-light;
font-family: 'ostrichSans';
}
.sprint {
margin-bottom: 2rem;

2
app/styles/modules/taskboard-table.scss
View File

@ -63,7 +63,7 @@ $column-margin: 0 10px 0 0;
}
.us-title {
@extend %large;
font-family: 'DroidSans';
@extend %title;
margin-bottom: 1rem;
}
.us-ref {