moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-12 04:25:05 -05:00
Code Issues Releases Wiki Activity

[ux] store font sizes in variables

Browse Source
This commit is contained in:
karolinaszczur 2013-09-19 20:37:01 +02:00
parent 1c3ac421d5
commit 895d5a4876
4 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/app/connectionStatus.styl
View File

@ -32,7 +32,7 @@
display: inline-block display: inline-block
padding: 0px 10px padding: 0px 10px
font-weight: bold font-weight: bold
font-size: 24px font-size: $fontLarge
button button
padding: 5px 8px padding: 5px 8px

10
public/css/app/forms.styl
View File

@ -6,7 +6,7 @@ input[type=text], input[type=email], input[type=search], input[type=password], t
padding: 0 10px padding: 0 10px
background: white background: white
border: 1px solid $grayOutline border: 1px solid $grayOutline
font-size: 0.8em font-size: $fontSmall
color: $baseText color: $baseText
borderbox() borderbox()
gotham() gotham()
@ -36,7 +36,10 @@ label
font-weight: bold font-weight: bold
color: $baseText color: $baseText
button, a.button a.button
line-height: 35px
button
display: inline-block display: inline-block
gotham() gotham()
roundall(3px) roundall(3px)
@ -46,8 +49,7 @@ button, a.button
padding: 0 1em padding: 0 1em
color: white color: white
background: $activeBlue background: $activeBlue
line-height: 35px font-size: $fontMedium
font-size: 14px
font-weight: bold font-weight: bold
text-decoration: none text-decoration: none
text-align: center text-align: center

6
public/css/app/roster.styl
View File

@ -28,7 +28,7 @@
a a
text-decoration: none text-decoration: none
font-size: 12px font-size: $fontSmall
color: #777 color: #777
@ -48,7 +48,7 @@
margin: 0px margin: 0px
position: relative position: relative
min-height: 20px min-height: 20px
font-size: 11px font-size: $fontSmall
color: #fff color: #fff
cursor: pointer cursor: pointer
@ -113,7 +113,7 @@
.status .status
color: #ccc color: #ccc
font-size: 10px font-size: $fontSmall
font-style: italic font-style: italic
font-weight: 600 font-weight: 600
margin: 0px margin: 0px

16
public/css/otalk.css
View File

@ -294,7 +294,7 @@ td {
margin: 0px; margin: 0px;
position: relative; position: relative;
min-height: 20px; min-height: 20px;
font-size: 11px; font-size: 12px;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
} }
@ -387,7 +387,7 @@ td {
#roster li .status, #roster li .status,
#bookmarks li .status { #bookmarks li .status {
color: #ccc; color: #ccc;
font-size: 10px; font-size: 12px;
font-style: italic; font-style: italic;
font-weight: 600; font-weight: 600;
margin: 0px; margin: 0px;
@ -621,7 +621,7 @@ td {
display: inline-block; display: inline-block;
padding: 0px 10px; padding: 0px 10px;
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 20px;
} }
#connectionStatus button { #connectionStatus button {
padding: 5px 8px; padding: 5px 8px;
@ -722,7 +722,7 @@ textarea {
padding: 0 10px; padding: 0 10px;
background: #fff; background: #fff;
border: 1px solid #e4e4e4; border: 1px solid #e4e4e4;
font-size: 0.8em; font-size: 12px;
color: #565656; color: #565656;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -760,8 +760,10 @@ label {
font-weight: bold; font-weight: bold;
color: #565656; color: #565656;
} }
button,
a.button { a.button {
line-height: 35px;
}
button {
display: inline-block; display: inline-block;
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
font-style: normal; font-style: normal;
@ -777,14 +779,12 @@ a.button {
padding: 0 1em; padding: 0 1em;
color: #fff; color: #fff;
background: #00aeef; background: #00aeef;
line-height: 35px;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
button:hover, button:hover {
a.button:hover {
background: #007aa7; background: #007aa7;
} }