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

Updating CSS to use remCalc instead of pixels

Browse Source
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 { .button {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 16px; font-size: rmeCalc(16);
border-radius: 4px; 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 { &.primary {

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

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