mirror of
https://github.com/yldio/copilot.git
synced 2024-11-28 14:10:04 +02:00
Updating CSS to use remCalc instead of pixels
This commit is contained in:
parent
0a08aa84df
commit
d1c3124d0c
@ -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 {
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user