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

View File

@ -176,6 +176,19 @@
"tag": "study",
"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",
"name": "Vlad Lugovsky",

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -65,4 +65,9 @@ $default-animation-style: ease-out;
$assets-root: '../assets/';
$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;

View File

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

View File

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