jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

refactor(fontWeight): using light instead of thin weight, and move weight to contants

pull/3/head
alex 2016-01-22 14:47:05 +03:00
parent ea10d5d611
commit d8a436f98a
17 changed files with 70 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/pages/components/mail/mailMessages.js
View File

@ -176,6 +176,19 @@
"tag": "study", "tag": "study",
"labels": ['draft'] "labels": ['draft']
}, },
{
"id": "8223xsdaa",
"name": "Andrey Hrabouski",
"subject": "Car rent",
"date": "2015-02-25T10:58:58",
"body": $sce.trustAsHtml("<p>Hey Andrey. </p>" +
"<p>Cras tincidunt fermentum lectus, quis scelerisque lorem volutpat sed. Sed quis orci sed nisl sagittis viverra id at mauris. Nam venenatis mi nibh. Sed fringilla mattis vehic</p>"),
"pic": "img/Andrey.png",
"email": "lakeishaphillips@mail.com",
"position": "Mobile Developer",
"tag": "family",
"labels": ['draft']
},
{ {
"id": "9391xdsff", "id": "9391xdsff",
"name": "Vlad Lugovsky", "name": "Vlad Lugovsky",

2
src/sass/404.scss
View File

@ -27,7 +27,7 @@ body {
text-align: center; text-align: center;
h1 { h1 {
font-weight: 100; font-weight: $font-light;
margin-bottom: 32px; margin-bottom: 32px;
} }
p { p {

32
src/sass/app/_email.scss
View File

@ -13,7 +13,7 @@
width: 300px; width: 300px;
.mail-navigation { .mail-navigation {
cursor: pointer; cursor: pointer;
font-weight: 100; font-weight: $font-light;
font-size: 16px; font-size: 16px;
padding: 10px; padding: 10px;
margin-left: 22px; margin-left: 22px;
@ -49,7 +49,7 @@
.btn { .btn {
width: 150px; width: 150px;
color: white; color: white;
font-weight: 100; font-weight: $font-light;
background-color: $dribble-color; background-color: $dribble-color;
} }
} }
@ -75,7 +75,7 @@
.add-label-container { .add-label-container {
padding-left: 10px; padding-left: 10px;
font-size: 16px; font-size: 16px;
font-weight: 100; font-weight: $font-light;
.label-input-stub { .label-input-stub {
margin-left: 5px; margin-left: 5px;
} }
@ -108,7 +108,7 @@
span.select-all-label { span.select-all-label {
font-size: 13px; font-size: 13px;
font-weight: 100; font-weight: $font-light;
} }
} }
@ -223,7 +223,7 @@
.mail-panel .tag { .mail-panel .tag {
text-transform: lowercase; text-transform: lowercase;
font-size: 11px; font-size: 11px;
font-weight: 100; font-weight: $font-light;
width: 45px; width: 45px;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
@ -305,7 +305,7 @@
} }
.phone { .phone {
font-size: 19px; font-size: 19px;
font-weight: 200; font-weight: $font-light;
vertical-align: super; vertical-align: super;
} }
.ion-email { .ion-email {
@ -315,7 +315,7 @@
} }
.email { .email {
font-size: 16px; font-size: 16px;
font-weight: 200; font-weight: $font-light;
vertical-align: super; vertical-align: super;
} }
} }
@ -326,12 +326,12 @@
} }
.position { .position {
font-size: 20px; font-size: 20px;
font-weight: 100; font-weight: $font-light;
} }
.address { .address {
font-size: 16px; font-size: 16px;
font-weight: 100; font-weight: $font-light;
} }
} }
} }
@ -341,7 +341,7 @@
.subject { .subject {
font-size: 20px; font-size: 20px;
margin-right: 10px; margin-right: 10px;
font-weight: 100; font-weight: $font-light;
} }
.control-icons { .control-icons {
float: right; float: right;
@ -358,7 +358,7 @@
.message-body { .message-body {
margin: 20px 0; margin: 20px 0;
font-weight: 100; font-weight: $font-light;
line-height: 18px; line-height: 18px;
p { p {
margin-bottom: 0; margin-bottom: 0;
@ -377,7 +377,7 @@
margin-left: 3px; margin-left: 3px;
position: relative; position: relative;
top: -3px; top: -3px;
font-weight: 100; font-weight: $font-light;
} }
.file-links { .file-links {
@ -395,7 +395,7 @@
margin-left: 20px; margin-left: 20px;
color: white; color: white;
font-size: 16px; font-size: 16px;
font-weight: 100; font-weight: $font-light;
padding-left: 40px; padding-left: 40px;
padding-right: 40px; padding-right: 40px;
background-color: $dribble-color; background-color: $dribble-color;
@ -583,7 +583,7 @@
.add-label-container { .add-label-container {
padding-left: 0; padding-left: 0;
font-size: 13px; font-size: 13px;
font-weight: 100; font-weight: $font-light;
} }
} }
@ -591,7 +591,7 @@
.compose-header { .compose-header {
padding: 8px 3px 8px 10px; padding: 8px 3px 8px 10px;
color: white; color: white;
font-weight: 100; font-weight: $font-light;
font-size: 13px; font-size: 13px;
background-color: $github-color; background-color: $github-color;
} }
@ -629,7 +629,7 @@
color: white; color: white;
padding: 2px 10px; padding: 2px 10px;
margin: 3px; margin: 3px;
font-weight: 100; font-weight: $font-light;
} }
.btn-default { .btn-default {
background-color: transparent; background-color: transparent;

6
src/sass/app/_form.scss
View File

@ -34,7 +34,7 @@
label { label {
margin-bottom: 5px; margin-bottom: 5px;
color: $default-text; color: $default-text;
font-weight: normal; font-weight: $font-normal;
font-size: 13px; font-size: 13px;
} }
} }
@ -218,14 +218,14 @@ label.custom-checkbox {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
line-height: 16px; line-height: 16px;
font-weight: normal; font-weight: $font-normal;
cursor: pointer; cursor: pointer;
padding-left: 22px; padding-left: 22px;
width: 100%; width: 100%;
&:before { &:before {
cursor: pointer; cursor: pointer;
font-family: fontAwesome; font-family: fontAwesome;
font-weight: 400; font-weight: $font-normal;
font-size: 12px; font-size: 12px;
color: $input-border-focus; color: $input-border-focus;
content: "\a0"; content: "\a0";

2
src/sass/app/_iconsPage.scss
View File

@ -10,7 +10,7 @@
margin-bottom: 32px; margin-bottom: 32px;
} }
i { i {
font-weight: normal; font-weight: $font-normal;
font-size: 18px; font-size: 18px;
cursor: pointer; cursor: pointer;
} }

4
src/sass/app/_modalNotifications.scss
View File

@ -7,7 +7,7 @@
} }
.toast-title { .toast-title {
font-weight: bold; font-weight: $font-bold;
} }
.toast-message { .toast-message {
@ -30,7 +30,7 @@
top: -0.3em; top: -0.3em;
float: right; float: right;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: $font-bold;
color: #ffffff; color: #ffffff;
opacity: 0.8; opacity: 0.8;
&:hover, &:focus { &:hover, &:focus {

28
src/sass/app/_typography.scss
View File

@ -18,17 +18,14 @@ a {
h1 { h1 {
font-size: 32px; font-size: 32px;
font-weight: 400;
} }
h2 { h2 {
font-size: 24px; font-size: 24px;
font-weight: 400;
} }
h3 { h3 {
font-size: 20px; font-size: 20px;
font-weight: 400;
} }
h4 { h4 {
@ -69,7 +66,7 @@ h5 {
text-align: center; text-align: center;
margin: 0; margin: 0;
width: 100%; width: 100%;
font-weight: 300; font-weight: $font-light;
} }
.heading-widget { .heading-widget {
@ -77,12 +74,12 @@ h5 {
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
width: 100%; width: 100%;
font-weight: 300; font-weight: $font-light;
} }
p { p {
line-height: 16px; line-height: 16px;
font-weight: 300; font-weight: $font-normal;
} }
} }
@ -103,11 +100,11 @@ h5 {
} }
.light-text { .light-text {
font-weight: 100; font-weight: $font-light;
} }
.regular-text { .regular-text {
font-weight: 400; font-weight: $font-normal;
} }
.upper-text { .upper-text {
@ -115,14 +112,14 @@ h5 {
} }
.bold-text { .bold-text {
font-weight: 900; font-weight: $font-bold;
} }
.small-text { .small-text {
padding: 5px 0 0 0; padding: 5px 0 0 0;
p { p {
font-size: 9px; font-size: 9px;
font-weight: 100; font-weight: $font-light;
line-height: 10px; line-height: 10px;
} }
} }
@ -131,7 +128,7 @@ h5 {
.color-widget { .color-widget {
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: $font-normal;
p { p {
line-height: 17px; line-height: 17px;
} }
@ -166,10 +163,9 @@ h5 {
.lists-widget { .lists-widget {
font-weight: 300; font-weight: $font-normal;
.list-header { .list-header {
width: 100%; width: 100%;
font-weight: 300;
text-align: center; text-align: center;
} }
@ -310,7 +306,7 @@ p.small-text {
a.learn-more { a.learn-more {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: $font-bold;
text-decoration: none; text-decoration: none;
line-height: 24px; line-height: 24px;
} }
@ -360,7 +356,7 @@ a.learn-more {
color: #ffffff; color: #ffffff;
h1 { h1 {
font-weight: bold; font-weight: $font-bold;
width: 100%; width: 100%;
color: #ffffff; color: #ffffff;
margin-bottom: 10px; margin-bottom: 10px;
@ -368,7 +364,7 @@ a.learn-more {
p { p {
font-size: 24px; font-size: 24px;
line-height: 30px; line-height: 30px;
font-weight: 300; font-weight: $font-light;
color: $primary; color: $primary;
margin-bottom: 0px; margin-bottom: 0px;
} }

4
src/sass/app/maps/_leaflet.scss
View File

@ -249,7 +249,7 @@
height: 20px; height: 20px;
line-height: 18px; line-height: 18px;
font-family: Lato; font-family: Lato;
font-weight: 100; font-weight: $font-thin;
&:hover { &:hover {
background-color: $danger; background-color: $danger;
} }
@ -470,7 +470,7 @@
font: 16px/14px Tahoma, Verdana, sans-serif; font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3; color: #c3c3c3;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: $font-bold;
background: transparent; background: transparent;
} }

2
src/sass/auth.scss
View File

@ -24,7 +24,7 @@ html {
color: #fff; color: #fff;
padding: 32px; padding: 32px;
h1 { h1 {
font-weight: 100; font-weight: $font-light;
margin-bottom: 28px; margin-bottom: 28px;
text-align: center; text-align: center;
} }

4
src/sass/theme/_socicon.scss
View File

@ -6,7 +6,7 @@
url('#{$fonts-root}socicon.woff2') format('woff2'), url('#{$fonts-root}socicon.woff2') format('woff2'),
url('#{$fonts-root}socicon.ttf') format('truetype'), url('#{$fonts-root}socicon.ttf') format('truetype'),
url('#{$fonts-root}socicon.svg#sociconregular') format('svg'); url('#{$fonts-root}socicon.svg#sociconregular') format('svg');
font-weight: normal; font-weight: $font-normal;
font-style: normal; font-style: normal;
text-transform: initial; text-transform: initial;
} }
@ -21,7 +21,7 @@
display: inline-block; display: inline-block;
font-family: 'socicon'; font-family: 'socicon';
font-style: normal; font-style: normal;
font-weight: normal; font-weight: $font-normal;
line-height: 1; line-height: 1;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }

2
src/sass/theme/bootstrap-overrides/_panel.scss
View File

@ -55,7 +55,7 @@ $panel-heading-font-size: 16px;
} }
.panel-title { .panel-title {
font-weight: 400; font-weight: $font-normal;
//text-transform: uppercase; //text-transform: uppercase;
} }

2
src/sass/theme/components/_baWizard.scss
View File

@ -22,7 +22,7 @@
display: table-cell; display: table-cell;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
font-weight: 100; font-weight: $font-light;
font-size: 18px; font-size: 18px;
&.active { &.active {
color: $primary-dark; color: $primary-dark;

4
src/sass/theme/components/_contentTop.scss
View File

@ -4,7 +4,7 @@
} }
h1.al-title { h1.al-title {
font-weight: normal; font-weight: $font-normal;
color: #ffffff; color: #ffffff;
float: left; float: left;
width: auto; width: auto;
@ -22,7 +22,7 @@ h1.al-title {
padding-top: 11px; padding-top: 11px;
li { li {
font-size: 18px; font-size: 18px;
font-weight: 100; font-weight: $font-light;
} }
} }

2
src/sass/theme/components/_pageTop.scss
View File

@ -58,7 +58,7 @@ a.refresh-data {
color: #ffffff; color: #ffffff;
font-size: 13px; font-size: 13px;
text-decoration: none; text-decoration: none;
font-weight: normal; font-weight: $font-normal;
float: right; float: right;
margin-top: 13px; margin-top: 13px;
margin-right: 26px; margin-right: 26px;

5
src/sass/theme/conf/_variables.scss
View File

@ -66,3 +66,8 @@ $default-animation-style: ease-out;
$assets-root: '../assets/'; $assets-root: '../assets/';
$images-root: $assets-root + 'img/'; $images-root: $assets-root + 'img/';
$fonts-root: $assets-root + 'fonts/'; $fonts-root: $assets-root + 'fonts/';
$font-thin: 100;
$font-light: 300;
$font-normal: 400;
$font-bold: 700;
$font-ultraBold: 900;

2
src/sass/theme/dashboard/_blurFeed.scss
View File

@ -138,7 +138,7 @@
font-size: 12px; font-size: 12px;
padding-bottom: 5px; padding-bottom: 5px;
.author { .author {
font-weight: 600; font-weight: $font-bold;
padding-right: 5px; padding-right: 5px;
} }
} }

10
src/sass/theme/dashboard/_calendar.scss
View File

@ -136,13 +136,13 @@
.fc-icon-left-single-arrow:after { .fc-icon-left-single-arrow:after {
content: "\02039"; content: "\02039";
font-weight: bold; font-weight: $font-bold;
font-size: 100%; font-size: 100%;
} }
.fc-icon-right-single-arrow:after { .fc-icon-right-single-arrow:after {
content: "\0203A"; content: "\0203A";
font-weight: bold; font-weight: $font-bold;
font-size: 100%; font-size: 100%;
} }
@ -326,7 +326,7 @@
line-height: 1.3; line-height: 1.3;
border: 1px solid $primary; border: 1px solid $primary;
background-color: $primary; background-color: $primary;
font-weight: normal; font-weight: $font-normal;
} }
.fc-event, .fc-event,
@ -370,7 +370,7 @@
} }
.fc-day-grid-event .fc-time { .fc-day-grid-event .fc-time {
font-weight: bold; font-weight: $font-bold;
} }
.fc-day-grid-event .fc-resizer { .fc-day-grid-event .fc-resizer {
@ -546,7 +546,7 @@ a.fc-more {
} }
.ui-widget td.fc-axis { .ui-widget td.fc-axis {
font-weight: normal; font-weight: $font-normal;
} }
.fc-time-grid-container, .fc-time-grid-container,