diff --git a/dist/milligram.css b/dist/milligram.css
index 63407c1..5b9e0e4 100644
--- a/dist/milligram.css
+++ b/dist/milligram.css
@@ -6,6 +6,15 @@
* Licensed under the MIT license
*/
+:root {
+ --color-initial: #fff;
+ --color-primary: #9b4dca;
+ --color-secondary: #606c76;
+ --color-tertiary: #f4f5f6;
+ --color-quaternary: #d1d1d1;
+ --color-quinary: #e1e1e1;
+}
+
*,
*:after,
*:before {
@@ -18,7 +27,7 @@ html {
}
body {
- color: #606c76;
+ color: var(--color-secondary);
font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 1.6em;
font-weight: 300;
@@ -27,7 +36,7 @@ body {
}
blockquote {
- border-left: 0.3rem solid #d1d1d1;
+ border-left: 0.3rem solid var(--color-quaternary);
margin-left: 0;
margin-right: 0;
padding: 1rem 1.5rem;
@@ -41,10 +50,10 @@ button,
input[type=button],
input[type=reset],
input[type=submit] {
- background-color: #9b4dca;
- border: 0.1rem solid #9b4dca;
+ background-color: var(--color-primary);
+ border: 0.1rem solid var(--color-primary);
border-radius: 0.4rem;
- color: #fff;
+ color: var(--color-initial);
cursor: pointer;
display: inline-block;
font-size: 1.1rem;
@@ -67,9 +76,9 @@ input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
- background-color: #606c76;
- border-color: #606c76;
- color: #fff;
+ background-color: var(--color-secondary);
+ border-color: var(--color-secondary);
+ color: var(--color-initial);
outline: 0;
}
.button[disabled],
@@ -89,8 +98,8 @@ input[type=reset][disabled]:focus,
input[type=reset][disabled]:hover,
input[type=submit][disabled]:focus,
input[type=submit][disabled]:hover {
- background-color: #9b4dca;
- border-color: #9b4dca;
+ background-color: var(--color-primary);
+ border-color: var(--color-primary);
}
.button.button-outline,
button.button-outline,
@@ -98,7 +107,7 @@ input[type=button].button-outline,
input[type=reset].button-outline,
input[type=submit].button-outline {
background-color: transparent;
- color: #9b4dca;
+ color: var(--color-primary);
}
.button.button-outline:focus, .button.button-outline:hover,
button.button-outline:focus,
@@ -110,8 +119,8 @@ input[type=reset].button-outline:hover,
input[type=submit].button-outline:focus,
input[type=submit].button-outline:hover {
background-color: transparent;
- border-color: #606c76;
- color: #606c76;
+ border-color: var(--color-secondary);
+ color: var(--color-secondary);
}
.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover,
button.button-outline[disabled]:focus,
@@ -123,7 +132,7 @@ input[type=reset].button-outline[disabled]:hover,
input[type=submit].button-outline[disabled]:focus,
input[type=submit].button-outline[disabled]:hover {
border-color: inherit;
- color: #9b4dca;
+ color: var(--color-primary);
}
.button.button-clear,
button.button-clear,
@@ -132,7 +141,7 @@ input[type=reset].button-clear,
input[type=submit].button-clear {
background-color: transparent;
border-color: transparent;
- color: #9b4dca;
+ color: var(--color-primary);
}
.button.button-clear:focus, .button.button-clear:hover,
button.button-clear:focus,
@@ -145,7 +154,7 @@ input[type=submit].button-clear:focus,
input[type=submit].button-clear:hover {
background-color: transparent;
border-color: transparent;
- color: #606c76;
+ color: var(--color-secondary);
}
.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover,
button.button-clear[disabled]:focus,
@@ -156,11 +165,11 @@ input[type=reset].button-clear[disabled]:focus,
input[type=reset].button-clear[disabled]:hover,
input[type=submit].button-clear[disabled]:focus,
input[type=submit].button-clear[disabled]:hover {
- color: #9b4dca;
+ color: var(--color-primary);
}
code {
- background: #f4f5f6;
+ background: var(--color-tertiary);
border-radius: 0.4rem;
font-size: 86%;
margin: 0 0.2rem;
@@ -169,8 +178,8 @@ code {
}
pre {
- background: #f4f5f6;
- border-left: 0.3rem solid #9b4dca;
+ background: var(--color-tertiary);
+ border-left: 0.3rem solid var(--color-primary);
overflow-y: hidden;
}
pre > code {
@@ -182,7 +191,7 @@ pre > code {
hr {
border: 0;
- border-top: 0.1rem solid #f4f5f6;
+ border-top: 0.1rem solid var(--color-tertiary);
margin: 3rem 0;
}
@@ -204,7 +213,7 @@ textarea,
select {
-webkit-appearance: none;
background-color: transparent;
- border: 0.1rem solid #d1d1d1;
+ border: 0.1rem solid var(--color-quaternary);
border-radius: 0.4rem;
box-shadow: none;
box-sizing: inherit;
@@ -228,16 +237,16 @@ input[type=week]:focus,
input:not([type]):focus,
textarea:focus,
select:focus {
- border-color: #9b4dca;
+ border-color: var(--color-primary);
outline: 0;
}
select {
- background: url('data:image/svg+xml;utf8,') center right no-repeat;
+ background: url('data:image/svg+xml;utf8,') center right no-repeat;
padding-right: 3rem;
}
select:focus {
- background-image: url('data:image/svg+xml;utf8,');
+ background-image: url('data:image/svg+xml;utf8,');
}
select[multiple] {
background: none;
@@ -422,11 +431,11 @@ input[type=file].input-file {
}
}
a {
- color: #9b4dca;
+ color: var(--color-primary);
text-decoration: none;
}
a:focus, a:hover {
- color: #606c76;
+ color: var(--color-secondary);
}
dl,
@@ -494,7 +503,7 @@ table {
td,
th {
- border-bottom: 0.1rem solid #e1e1e1;
+ border-bottom: 0.1rem solid var(--color-quinary);
padding: 1.2rem 1.5rem;
}
td:first-child,
diff --git a/dist/milligram.css.map b/dist/milligram.css.map
index da5749b..2ed198e 100644
--- a/dist/milligram.css.map
+++ b/dist/milligram.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/_Base.sass","milligram.css","../src/_Color.sass","../src/_Blockquote.sass","../src/_Button.sass","../src/_Code.sass","../src/_Divider.sass","../src/_Form.sass","../src/_Grid.sass","../src/_Link.sass","../src/_List.sass","../src/_Spacing.sass","../src/_Table.sass","../src/_Typography.sass","../src/_Image.sass","../src/_Utility.sass"],"names":[],"mappings":"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","file":"milligram.css"}
\ No newline at end of file
+{"version":3,"sources":["../src/_Color.sass","milligram.css","../src/_Base.sass","../src/_Blockquote.sass","../src/_Button.sass","../src/_Code.sass","../src/_Divider.sass","../src/_Form.sass","../src/_Grid.sass","../src/_Link.sass","../src/_List.sass","../src/_Spacing.sass","../src/_Table.sass","../src/_Typography.sass","../src/_Image.sass","../src/_Utility.sass"],"names":[],"mappings":"AAWA;EACE,qBAAA;EACA,wBAAA;EACA,0BAAA;EACA,yBAAA;EACA,2BAAA;EACA,wBAAA;ACVF;;ACFA;;;EAGE,mBAAA;ADKF;;ACDA;EACE,sBAAA;EACA,gBAAA;ADIF;;ACDA;EACE,6BAAA;EACA,yEAAA;EACA,gBAAA;EACA,gBAAA;EACA,sBAAA;EACA,gBAAA;ADIF;;AEvBA;EACE,iDAAA;EACA,cAAA;EACA,eAAA;EACA,oBAAA;AF0BF;AExBE;EACE,gBAAA;AF0BJ;;AGjCA;;;;;EAKE,sCAAA;EACA,yCAAA;EACA,qBAAA;EACA,2BAAA;EACA,eAAA;EACA,qBAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,qBAAA;EACA,yBAAA;EACA,mBAAA;AHoCF;AGlCE;;;;;;;;;EAEE,wCAAA;EACA,oCAAA;EACA,2BAAA;EACA,UAAA;AH2CJ;AGzCE;;;;;EACE,eAAA;EACA,YAAA;AH+CJ;AG7CI;;;;;;;;;EAEE,sCAAA;EACA,kCAAA;AHsDN;AGpDE;;;;;EACE,6BAAA;EACA,2BAAA;AH0DJ;AGxDI;;;;;;;;;EAEE,6BAAA;EACA,oCAAA;EACA,6BAAA;AHiEN;AG7DM;;;;;;;;;EAEE,qBAAA;EACA,2BAAA;AHsER;AGpEE;;;;;EACE,6BAAA;EACA,yBAAA;EACA,2BAAA;AH0EJ;AGxEI;;;;;;;;;EAEE,6BAAA;EACA,yBAAA;EACA,6BAAA;AHiFN;AG7EM;;;;;;;;;EAEE,2BAAA;AHsFR;;AI5JA;EACE,iCAAA;EACA,qBAAA;EACA,cAAA;EACA,gBAAA;EACA,sBAAA;EACA,mBAAA;AJ+JF;;AI7JA;EACE,iCAAA;EACA,8CAAA;EACA,kBAAA;AJgKF;AI9JE;EACE,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,gBAAA;AJgKJ;;AKjLA;EACE,SAAA;EACA,8CAAA;EACA,cAAA;ALoLF;;AMvLA;;;;;;;;;;;;;;;;EAgBE,wBAAA;EACA,6BAAA;EACA,4CAAA;EACA,qBAAA;EACA,gBAAA;EACA,mBAAA;EACA,cAAA;EACA,2BAAA;EACA,WAAA;AN0LF;AMxLE;;;;;;;;;;;;;;;;EACE,kCAAA;EACA,UAAA;ANyMJ;;AMvMA;EACE,uMAAA;EACA,mBAAA;AN0MF;AMxME;EACE,mLAAA;AN0MJ;AMxME;EACE,gBAAA;EACA,YAAA;AN0MJ;;AMxMA;EACE,kBAAA;AN2MF;;AMzMA;;EAEE,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,qBAAA;AN4MF;;AM1MA;EACE,eAAA;EACA,UAAA;AN6MF;;AM3MA;;EAEE,eAAA;AN8MF;;AM5MA;EACE,qBAAA;EACA,mBAAA;EACA,mBAAA;AN+MF;;AM7MA;EACE,mBAAA;EACA,kBAAA;EACA,YAAA;ANgNF;;AOlRA;EACE,cAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EACA,WAAA;APqRF;;AO9QA;EACE,aAAA;EACA,sBAAA;EACA,UAAA;EACA,WAAA;APiRF;AO/QE;EACE,UAAA;APiRJ;AO/QI;EACE,UAAA;APiRN;AO/QE;EACE,eAAA;APiRJ;AO7QE;EACE,uBAAA;AP+QJ;AO7QE;EACE,qBAAA;AP+QJ;AO7QE;EACE,mBAAA;AP+QJ;AO7QE;EACE,oBAAA;AP+QJ;AO7QE;EACE,qBAAA;AP+QJ;AO7QE;EACE,cAAA;EAEA,cAAA;EACA,cAAA;EACA,eAAA;EACA,WAAA;AP8QJ;AO3QI;EACE,gBAAA;AP6QN;AO3QI;EACE,gBAAA;AP6QN;AO3QI;EACE,gBAAA;AP6QN;AO3QI;EAEE,qBAAA;AP4QN;AO1QI;EACE,gBAAA;AP4QN;AO1QI;EACE,gBAAA;AP4QN;AO1QI;EACE,gBAAA;AP4QN;AO1QI;EAEE,qBAAA;AP2QN;AOzQI;EACE,gBAAA;AP2QN;AOzQI;EACE,gBAAA;AP2QN;AOzQI;EACE,gBAAA;AP2QN;AOrQI;EACE,aAAA;EACA,cAAA;APuQN;AOrQI;EACE,aAAA;EACA,cAAA;APuQN;AOrQI;EACE,aAAA;EACA,cAAA;APuQN;AOrQI;EAEE,kBAAA;EACA,mBAAA;APsQN;AOpQI;EACE,aAAA;EACA,cAAA;APsQN;AOpQI;EACE,aAAA;EACA,cAAA;APsQN;AOpQI;EACE,aAAA;EACA,cAAA;APsQN;AOpQI;EAEE,kBAAA;EACA,mBAAA;APqQN;AOnQI;EACE,aAAA;EACA,cAAA;APqQN;AOnQI;EACE,aAAA;EACA,cAAA;APqQN;AOnQI;EACE,aAAA;EACA,cAAA;APqQN;AOlQI;EACE,sBAAA;APoQN;AOlQI;EACE,oBAAA;APoQN;AOlQI;EACE,kBAAA;APoQN;;AOjQA;EAEE;IACE,mBAAA;IACA,kBAAA;IACA,0BAAA;EPmQF;EOjQE;IACE,sBAAA;IACA,eAAA;EPmQJ;AACF;AQnaA;EACE,2BAAA;EACA,qBAAA;ARqaF;AQnaE;EAEE,6BAAA;ARoaJ;;AS1aA;;;EAGE,gBAAA;EACA,aAAA;EACA,eAAA;AT6aF;AS3aE;;;;;;;;;EAGE,cAAA;EACA,4BAAA;ATmbJ;;ASjbA;EACE,0BAAA;ATobF;;ASlbA;EACE,yBAAA;ATqbF;;AUtcA;;;;;EAKE,mBAAA;AVycF;;AUvcA;;;;EAIE,qBAAA;AV0cF;;AUxcA;;;;;;;;;EASE,qBAAA;AV2cF;;AWjeA;EACE,iBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EACA,WAAA;AXoeF;;AWleA;;EAEE,gDAAA;EACA,sBAAA;AXqeF;AWneE;;EACE,eAAA;AXseJ;AWpeE;;EACE,gBAAA;AXueJ;;AWreA;EAEE;IACE,cAAA;IACA,mBAAA;EXueF;AACF;AY9fA;;EAEE,iBAAA;AZggBF;;AY9fA;EACE,aAAA;AZigBF;;AY/fA;;;;;;EAME,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,aAAA;AZkgBF;;AYhgBA;EACE,iBAAA;EACA,gBAAA;AZmgBF;;AYjgBA;EACE,iBAAA;EACA,iBAAA;AZogBF;;AYlgBA;EACE,iBAAA;EACA,gBAAA;AZqgBF;;AYngBA;EACE,iBAAA;EACA,wBAAA;EACA,iBAAA;AZsgBF;;AYpgBA;EACE,iBAAA;EACA,wBAAA;EACA,gBAAA;AZugBF;;AYrgBA;EACE,iBAAA;EACA,iBAAA;EACA,gBAAA;AZwgBF;;AanjBA;EACE,eAAA;AbsjBF;;AcpjBE;EACE,WAAA;EACA,YAAA;EACA,cAAA;AdujBJ;;AcpjBA;EACE,WAAA;AdujBF;;AcrjBA;EACE,YAAA;AdwjBF","file":"milligram.css"}
\ No newline at end of file
diff --git a/dist/milligram.min.css b/dist/milligram.min.css
index 12ce13c..9c83d39 100644
--- a/dist/milligram.min.css
+++ b/dist/milligram.min.css
@@ -1,3 +1,3 @@
-*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#606c76;font-family:"Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}blockquote{border-left:.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:#9b4dca;border:.1rem solid #9b4dca;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:#9b4dca;border-color:#9b4dca}.button.button-outline,button.button-outline,input[type=button].button-outline,input[type=reset].button-outline,input[type=submit].button-outline{background-color:transparent;color:#9b4dca}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type=button].button-outline:focus,input[type=button].button-outline:hover,input[type=reset].button-outline:focus,input[type=reset].button-outline:hover,input[type=submit].button-outline:focus,input[type=submit].button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type=button].button-outline[disabled]:focus,input[type=button].button-outline[disabled]:hover,input[type=reset].button-outline[disabled]:focus,input[type=reset].button-outline[disabled]:hover,input[type=submit].button-outline[disabled]:focus,input[type=submit].button-outline[disabled]:hover{border-color:inherit;color:#9b4dca}.button.button-clear,button.button-clear,input[type=button].button-clear,input[type=reset].button-clear,input[type=submit].button-clear{background-color:transparent;border-color:transparent;color:#9b4dca}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type=button].button-clear:focus,input[type=button].button-clear:hover,input[type=reset].button-clear:focus,input[type=reset].button-clear:hover,input[type=submit].button-clear:focus,input[type=submit].button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type=button].button-clear[disabled]:focus,input[type=button].button-clear[disabled]:hover,input[type=reset].button-clear[disabled]:focus,input[type=reset].button-clear[disabled]:hover,input[type=submit].button-clear[disabled]:focus,input[type=submit].button-clear[disabled]:hover{color:#9b4dca}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f4f5f6;border-left:.3rem solid #9b4dca;overflow-y:hidden}pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}hr{border:0;border-top:.1rem solid #f4f5f6;margin:3rem 0}input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],input:not([type]),textarea,select{-webkit-appearance:none;background-color:transparent;border:.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1rem .7rem;width:100%}input[type=color]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,input:not([type]):focus,textarea:focus,select:focus{border-color:#9b4dca;outline:0}select{background:url('data:image/svg+xml;utf8,') center right no-repeat;padding-right:3rem}select:focus{background-image:url('data:image/svg+xml;utf8,')}select[multiple]{background:none;height:auto}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}.label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}input[type=file].input-file{margin-left:-15rem;visibility:hidden;width:15rem}.container{margin:0 auto;max-width:112rem;padding:0 2rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-40{margin-left:40%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-60{margin-left:60%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{align-self:center}@media(min-width: 40rem){.row{flex-direction:row;margin-left:-1rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding:0 1rem}}a{color:#9b4dca;text-decoration:none}a:focus,a:hover{color:#606c76}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3rem}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;display:block;overflow-x:auto;text-align:left;width:100%}td,th{border-bottom:.1rem solid #e1e1e1;padding:1.2rem 1.5rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}@media(min-width: 40rem){table{display:table;overflow-x:initial}}b,strong{font-weight:bold}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-0.1rem;margin-bottom:2rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-0.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-0.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:" ";display:table}.float-left{float:left}.float-right{float:right}
+:root{--color-initial: #fff;--color-primary: #9b4dca;--color-secondary: #606c76;--color-tertiary: #f4f5f6;--color-quaternary: #d1d1d1;--color-quinary: #e1e1e1}*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:var(--color-secondary);font-family:"Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}blockquote{border-left:.3rem solid var(--color-quaternary);margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:var(--color-primary);border:.1rem solid var(--color-primary);border-radius:.4rem;color:var(--color-initial);cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-initial);outline:0}.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover{background-color:var(--color-primary);border-color:var(--color-primary)}.button.button-outline,button.button-outline,input[type=button].button-outline,input[type=reset].button-outline,input[type=submit].button-outline{background-color:transparent;color:var(--color-primary)}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type=button].button-outline:focus,input[type=button].button-outline:hover,input[type=reset].button-outline:focus,input[type=reset].button-outline:hover,input[type=submit].button-outline:focus,input[type=submit].button-outline:hover{background-color:transparent;border-color:var(--color-secondary);color:var(--color-secondary)}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type=button].button-outline[disabled]:focus,input[type=button].button-outline[disabled]:hover,input[type=reset].button-outline[disabled]:focus,input[type=reset].button-outline[disabled]:hover,input[type=submit].button-outline[disabled]:focus,input[type=submit].button-outline[disabled]:hover{border-color:inherit;color:var(--color-primary)}.button.button-clear,button.button-clear,input[type=button].button-clear,input[type=reset].button-clear,input[type=submit].button-clear{background-color:transparent;border-color:transparent;color:var(--color-primary)}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type=button].button-clear:focus,input[type=button].button-clear:hover,input[type=reset].button-clear:focus,input[type=reset].button-clear:hover,input[type=submit].button-clear:focus,input[type=submit].button-clear:hover{background-color:transparent;border-color:transparent;color:var(--color-secondary)}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type=button].button-clear[disabled]:focus,input[type=button].button-clear[disabled]:hover,input[type=reset].button-clear[disabled]:focus,input[type=reset].button-clear[disabled]:hover,input[type=submit].button-clear[disabled]:focus,input[type=submit].button-clear[disabled]:hover{color:var(--color-primary)}code{background:var(--color-tertiary);border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:var(--color-tertiary);border-left:.3rem solid var(--color-primary);overflow-y:hidden}pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}hr{border:0;border-top:.1rem solid var(--color-tertiary);margin:3rem 0}input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],input:not([type]),textarea,select{-webkit-appearance:none;background-color:transparent;border:.1rem solid var(--color-quaternary);border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1rem .7rem;width:100%}input[type=color]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,input:not([type]):focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:0}select{background:url('data:image/svg+xml;utf8,') center right no-repeat;padding-right:3rem}select:focus{background-image:url('data:image/svg+xml;utf8,')}select[multiple]{background:none;height:auto}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}.label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}input[type=file].input-file{margin-left:-15rem;visibility:hidden;width:15rem}.container{margin:0 auto;max-width:112rem;padding:0 2rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-40{margin-left:40%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-60{margin-left:60%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{align-self:center}@media(min-width: 40rem){.row{flex-direction:row;margin-left:-1rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding:0 1rem}}a{color:var(--color-primary);text-decoration:none}a:focus,a:hover{color:var(--color-secondary)}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3rem}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;display:block;overflow-x:auto;text-align:left;width:100%}td,th{border-bottom:.1rem solid var(--color-quinary);padding:1.2rem 1.5rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}@media(min-width: 40rem){table{display:table;overflow-x:initial}}b,strong{font-weight:bold}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-0.1rem;margin-bottom:2rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-0.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-0.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:" ";display:table}.float-left{float:left}.float-right{float:right}
/*# sourceMappingURL=milligram.min.css.map */
\ No newline at end of file
diff --git a/dist/milligram.min.css.map b/dist/milligram.min.css.map
index 470c75f..c5073da 100644
--- a/dist/milligram.min.css.map
+++ b/dist/milligram.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/_Base.sass","../src/_Color.sass","../src/_Blockquote.sass","../src/_Button.sass","../src/_Code.sass","../src/_Divider.sass","../src/_Form.sass","../src/_Grid.sass","../src/_Link.sass","../src/_List.sass","../src/_Spacing.sass","../src/_Table.sass","../src/_Typography.sass","../src/_Image.sass","../src/_Utility.sass"],"names":[],"mappings":"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","file":"milligram.min.css"}
\ No newline at end of file
+{"version":3,"sources":["../src/_Color.sass","../src/_Base.sass","../src/_Blockquote.sass","../src/_Button.sass","../src/_Code.sass","../src/_Divider.sass","../src/_Form.sass","../src/_Grid.sass","../src/_Link.sass","../src/_List.sass","../src/_Spacing.sass","../src/_Table.sass","../src/_Typography.sass","../src/_Image.sass","../src/_Utility.sass"],"names":[],"mappings":"AAWA,MACE,qBAAA,CACA,wBAAA,CACA,0BAAA,CACA,yBAAA,CACA,2BAAA,CACA,wBAAA,CCZF,mBAGE,kBAAA,CAIF,KACE,qBAAA,CACA,eAAA,CAGF,KACE,4BAAA,CACA,oEAAA,CACA,eAAA,CACA,eAAA,CACA,oBAAA,CACA,eAAA,CCnBF,WACE,+CAAA,CACA,aAAA,CACA,cAAA,CACA,mBAAA,CAEA,wBACE,eAAA,CCPJ,uEAKE,qCAAA,CACA,uCAAA,CACA,mBAAA,CACA,0BAAA,CACA,cAAA,CACA,oBAAA,CACA,gBAAA,CACA,eAAA,CACA,aAAA,CACA,oBAAA,CACA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,oBAAA,CACA,wBAAA,CACA,kBAAA,CAEA,0MAEE,uCAAA,CACA,mCAAA,CACA,0BAAA,CACA,SAAA,CAEF,yHACE,cAAA,CACA,UAAA,CAEA,8SAEE,qCAAA,CACA,iCAAA,CAEJ,kJACE,4BAAA,CACA,0BAAA,CAEA,gWAEE,4BAAA,CACA,mCAAA,CACA,4BAAA,CAIA,ocAEE,oBAAA,CACA,0BAAA,CAEN,wIACE,4BAAA,CACA,wBAAA,CACA,0BAAA,CAEA,4UAEE,4BAAA,CACA,wBAAA,CACA,4BAAA,CAIA,gbAEE,0BAAA,CCtER,KACE,gCAAA,CACA,mBAAA,CACA,aAAA,CACA,cAAA,CACA,mBAAA,CACA,kBAAA,CAEF,IACE,gCAAA,CACA,4CAAA,CACA,iBAAA,CAEA,SACE,eAAA,CACA,aAAA,CACA,mBAAA,CACA,eAAA,CCjBJ,GACE,QAAA,CACA,4CAAA,CACA,aAAA,CCHF,sRAgBE,uBAAA,CACA,4BAAA,CACA,0CAAA,CACA,mBAAA,CACA,eAAA,CACA,kBAAA,CACA,aAAA,CACA,wBAAA,CACA,UAAA,CAEA,sXACE,iCAAA,CACA,SAAA,CAEJ,OACE,sMAAA,CACA,kBAAA,CAEA,aACE,kLAAA,CAEF,iBACE,eAAA,CACA,WAAA,CAEJ,SACE,iBAAA,CAEF,aAEE,aAAA,CACA,gBAAA,CACA,eAAA,CACA,mBAAA,CAEF,SACE,cAAA,CACA,SAAA,CAEF,uCAEE,cAAA,CAEF,cACE,oBAAA,CACA,kBAAA,CACA,iBAAA,CAEF,4BACE,kBAAA,CACA,iBAAA,CACA,WAAA,CClEF,WACE,aAAA,CACA,gBAAA,CACA,cAAA,CACA,iBAAA,CACA,UAAA,CAOF,KACE,YAAA,CACA,qBAAA,CACA,SAAA,CACA,UAAA,CAEA,oBACE,SAAA,CAEA,4BACE,SAAA,CAEJ,cACE,cAAA,CAIF,aACE,sBAAA,CAEF,gBACE,oBAAA,CAEF,gBACE,kBAAA,CAEF,iBACE,mBAAA,CAEF,kBACE,oBAAA,CAEF,aACE,aAAA,CAEA,aAAA,CACA,aAAA,CACA,cAAA,CACA,UAAA,CAGA,8BACE,eAAA,CAEF,8BACE,eAAA,CAEF,8BACE,eAAA,CAEF,4DAEE,oBAAA,CAEF,8BACE,eAAA,CAEF,8BACE,eAAA,CAEF,8BACE,eAAA,CAEF,4DAEE,oBAAA,CAEF,8BACE,eAAA,CAEF,8BACE,eAAA,CAEF,8BACE,eAAA,CAMF,uBACE,YAAA,CACA,aAAA,CAEF,uBACE,YAAA,CACA,aAAA,CAEF,uBACE,YAAA,CACA,aAAA,CAEF,8CAEE,iBAAA,CACA,kBAAA,CAEF,uBACE,YAAA,CACA,aAAA,CAEF,uBACE,YAAA,CACA,aAAA,CAEF,uBACE,YAAA,CACA,aAAA,CAEF,8CAEE,iBAAA,CACA,kBAAA,CAEF,uBACE,YAAA,CACA,aAAA,CAEF,uBACE,YAAA,CACA,aAAA,CAEF,uBACE,YAAA,CACA,aAAA,CAGF,yBACE,qBAAA,CAEF,4BACE,mBAAA,CAEF,4BACE,iBAAA,CAGN,yBAEE,KACE,kBAAA,CACA,iBAAA,CACA,yBAAA,CAEA,aACE,qBAAA,CACA,cAAA,CAAA,CC/JN,EACE,0BAAA,CACA,oBAAA,CAEA,gBAEE,4BAAA,CCNJ,SAGE,eAAA,CACA,YAAA,CACA,cAAA,CAEA,sDAGE,aAAA,CACA,2BAAA,CAEJ,GACE,yBAAA,CAEF,GACE,wBAAA,CCjBF,wBAKE,kBAAA,CAEF,+BAIE,oBAAA,CAEF,4CASE,oBAAA,CCtBF,MACE,gBAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CAEF,MAEE,8CAAA,CACA,qBAAA,CAEA,8BACE,cAAA,CAEF,4BACE,eAAA,CAEJ,yBAEE,MACE,aAAA,CACA,kBAAA,CAAA,CCtBJ,SAEE,gBAAA,CAEF,EACE,YAAA,CAEF,kBAME,eAAA,CACA,sBAAA,CACA,kBAAA,CACA,YAAA,CAEF,GACE,gBAAA,CACA,eAAA,CAEF,GACE,gBAAA,CACA,gBAAA,CAEF,GACE,gBAAA,CACA,eAAA,CAEF,GACE,gBAAA,CACA,uBAAA,CACA,gBAAA,CAEF,GACE,gBAAA,CACA,uBAAA,CACA,eAAA,CAEF,GACE,gBAAA,CACA,gBAAA,CACA,eAAA,CC3CF,IACE,cAAA,CCEA,gBACE,UAAA,CACA,WAAA,CACA,aAAA,CAGJ,YACE,UAAA,CAEF,aACE,WAAA","file":"milligram.min.css"}
\ No newline at end of file
diff --git a/src/_Base.sass b/src/_Base.sass
index 0556df6..f2df04f 100644
--- a/src/_Base.sass
+++ b/src/_Base.sass
@@ -16,7 +16,7 @@ html
// Default body styles
body
- color: $color-secondary
+ color: var(--color-secondary)
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
font-size: 1.6em // Currently ems cause chrome bug misinterpreting rems on body element
font-weight: 300
diff --git a/src/_Blockquote.sass b/src/_Blockquote.sass
index 9bfce59..2ea6c23 100644
--- a/src/_Blockquote.sass
+++ b/src/_Blockquote.sass
@@ -3,7 +3,7 @@
// ––––––––––––––––––––––––––––––––––––––––––––––––––
blockquote
- border-left: .3rem solid $color-quaternary
+ border-left: .3rem solid var(--color-quaternary)
margin-left: 0
margin-right: 0
padding: 1rem 1.5rem
diff --git a/src/_Button.sass b/src/_Button.sass
index c861c41..36891e2 100644
--- a/src/_Button.sass
+++ b/src/_Button.sass
@@ -7,10 +7,10 @@ button,
input[type='button'],
input[type='reset'],
input[type='submit']
- background-color: $color-primary
- border: .1rem solid $color-primary
+ background-color: var(--color-primary)
+ border: .1rem solid var(--color-primary)
border-radius: .4rem
- color: $color-initial
+ color: var(--color-initial)
cursor: pointer
display: inline-block
font-size: 1.1rem
@@ -26,9 +26,9 @@ input[type='submit']
&:focus,
&:hover
- background-color: $color-secondary
- border-color: $color-secondary
- color: $color-initial
+ background-color: var(--color-secondary)
+ border-color: var(--color-secondary)
+ color: var(--color-initial)
outline: 0
&[disabled]
@@ -37,39 +37,39 @@ input[type='submit']
&:focus,
&:hover
- background-color: $color-primary
- border-color: $color-primary
+ background-color: var(--color-primary)
+ border-color: var(--color-primary)
&.button-outline
background-color: transparent
- color: $color-primary
+ color: var(--color-primary)
&:focus,
&:hover
background-color: transparent
- border-color: $color-secondary
- color: $color-secondary
+ border-color: var(--color-secondary)
+ color: var(--color-secondary)
&[disabled]
&:focus,
&:hover
border-color: inherit
- color: $color-primary
+ color: var(--color-primary)
&.button-clear
background-color: transparent
border-color: transparent
- color: $color-primary
+ color: var(--color-primary)
&:focus,
&:hover
background-color: transparent
border-color: transparent
- color: $color-secondary
+ color: var(--color-secondary)
&[disabled]
&:focus,
&:hover
- color: $color-primary
+ color: var(--color-primary)
diff --git a/src/_Code.sass b/src/_Code.sass
index 12749ef..bd94861 100644
--- a/src/_Code.sass
+++ b/src/_Code.sass
@@ -3,7 +3,7 @@
// ––––––––––––––––––––––––––––––––––––––––––––––––––
code
- background: $color-tertiary
+ background: var(--color-tertiary)
border-radius: .4rem
font-size: 86%
margin: 0 .2rem
@@ -11,8 +11,8 @@ code
white-space: nowrap
pre
- background: $color-tertiary
- border-left: .3rem solid $color-primary
+ background: var(--color-tertiary)
+ border-left: .3rem solid var(--color-primary)
overflow-y: hidden
& > code
diff --git a/src/_Color.sass b/src/_Color.sass
index a0279e9..13a54c0 100644
--- a/src/_Color.sass
+++ b/src/_Color.sass
@@ -8,3 +8,11 @@ $color-secondary: #606c76 !default
$color-tertiary: #f4f5f6 !default
$color-quaternary: #d1d1d1 !default
$color-quinary: #e1e1e1 !default
+
+:root
+ --color-initial: #{$color-initial}
+ --color-primary: #{$color-primary}
+ --color-secondary: #{$color-secondary}
+ --color-tertiary: #{$color-tertiary}
+ --color-quaternary: #{$color-quaternary}
+ --color-quinary: #{$color-quinary}
diff --git a/src/_Divider.sass b/src/_Divider.sass
index d8dceed..42240f9 100644
--- a/src/_Divider.sass
+++ b/src/_Divider.sass
@@ -4,5 +4,5 @@
hr
border: 0
- border-top: .1rem solid $color-tertiary
+ border-top: .1rem solid var(--color-tertiary)
margin: 3.0rem 0
diff --git a/src/_Form.sass b/src/_Form.sass
index 782d7dc..8402754 100644
--- a/src/_Form.sass
+++ b/src/_Form.sass
@@ -20,7 +20,7 @@ textarea,
select
-webkit-appearance: none // sass-lint:disable-line no-vendor-prefixes
background-color: transparent
- border: .1rem solid $color-quaternary
+ border: .1rem solid var(--color-quaternary)
border-radius: .4rem
box-shadow: none
box-sizing: inherit // Forced to replace inherit values of the normalize.css
@@ -29,15 +29,15 @@ select
width: 100%
&:focus
- border-color: $color-primary
+ border-color: var(--color-primary)
outline: 0
select
- background: url('data:image/svg+xml;utf8,') center right no-repeat
+ background: url('data:image/svg+xml;utf8,') center right no-repeat
padding-right: 3.0rem
&:focus
- background-image: url('data:image/svg+xml;utf8,')
+ background-image: url('data:image/svg+xml;utf8,')
&[multiple]
background: none
diff --git a/src/_Link.sass b/src/_Link.sass
index f026b5c..fc5db59 100644
--- a/src/_Link.sass
+++ b/src/_Link.sass
@@ -3,9 +3,9 @@
// ––––––––––––––––––––––––––––––––––––––––––––––––––
a
- color: $color-primary
+ color: var(--color-primary)
text-decoration: none
&:focus,
&:hover
- color: $color-secondary
+ color: var(--color-secondary)
diff --git a/src/_Table.sass b/src/_Table.sass
index 37afe7e..2cc444b 100644
--- a/src/_Table.sass
+++ b/src/_Table.sass
@@ -11,7 +11,7 @@ table
td,
th
- border-bottom: .1rem solid $color-quinary
+ border-bottom: .1rem solid var(--color-quinary)
padding: 1.2rem 1.5rem
&:first-child