mirror of
https://github.com/moparisthebest/kaiwa
synced 2024-11-25 18:52:20 -05:00
[ux] store font sizes in variables
This commit is contained in:
parent
1c3ac421d5
commit
895d5a4876
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user