Spearhead
/
joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updating CSS to use remCalc instead of pixels

This commit is contained in:
Alex Windett 2016-10-27 16:51:30 +01:00
parent 0a08aa84df
commit d1c3124d0c
2 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/components/button/style.css
View File

@ -1,8 +1,8 @@
.button {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
font-size: rmeCalc(16);
border-radius: 4px;
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.05);
box-shadow: remCalc(0 2 0 0) rgba(0,0,0,0.05);
&.primary {

14
ui/src/components/tab/style.css
View File

@ -6,11 +6,10 @@
border: 1px solid #D8D8D8;
color: #646464;
display: inline-block;
font-size: 16px;
font-size: 1rem;
font-size: remCalc(20);
left: 1px;
margin-left: -1px;
padding: 10px;
padding: remCalc(10);
position: relative;
vertical-align: bottom;
}
@ -37,20 +36,19 @@
box-sizing: border-box;
display: block;
background: white;
padding: 0 20px;
padding: remCalc(0 20);
border: 1px solid #D8D8D8;
background: #FAFAFA;
float: left;
font-size: 16px;
font-size: 1rem;
margin-top: -9px;
font-size: remCalc(16);
margin-top: remCalc(-9);
width: 100%;
}
& .input[type="radio"]:checked + .label {
background: white;
border-bottom-width: 0;
padding-bottom: 11px;
padding-bottom: remCalc(11);
z-index: 1;
}