mirror of
https://github.com/milligram/milligram.git
synced 2024-11-13 16:54:22 +00:00
Add css variable support
This commit is contained in:
CJ Patoilo
parent
9a566d2155
commit
4841f8184e
65
dist/milligram.css
vendored
65
dist/milligram.css
vendored
@ -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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
|
||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23ar(--color-quaternary)" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
|
||||
padding-right: 3rem;
|
||||
}
|
||||
select:focus {
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%239b4dca" d="M0,0l6,8l6-8"/></svg>');
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23ar(--color-primary)" d="M0,0l6,8l6-8"/></svg>');
|
||||
}
|
||||
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,
|
||||
|
||||
2
dist/milligram.css.map
vendored
2
dist/milligram.css.map
vendored
@ -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":"AAKA;;;EAGE,mBAAA;ACJF;;ADQA;EACE,sBAAA;EACA,gBAAA;ACLF;;ADQA;EACE,cEZgB;EFahB,yEAAA;EACA,gBAAA;EACA,gBAAA;EACA,sBAAA;EACA,gBAAA;ACLF;;AEdA;EACE,iCAAA;EACA,cAAA;EACA,eAAA;EACA,oBAAA;AFiBF;AEfE;EACE,gBAAA;AFiBJ;;AGxBA;;;;;EAKE,yBFJc;EEKd,4BAAA;EACA,qBAAA;EACA,WFRc;EESd,eAAA;EACA,qBAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;EACA,qBAAA;EACA,yBAAA;EACA,mBAAA;AH2BF;AGzBE;;;;;;;;;EAEE,yBFtBc;EEuBd,qBFvBc;EEwBd,WF1BY;EE2BZ,UAAA;AHkCJ;AGhCE;;;;;EACE,eAAA;EACA,YAAA;AHsCJ;AGpCI;;;;;;;;;EAEE,yBFlCU;EEmCV,qBFnCU;ADgFhB;AG3CE;;;;;EACE,6BAAA;EACA,cFvCY;ADwFhB;AG/CI;;;;;;;;;EAEE,6BAAA;EACA,qBF3CY;EE4CZ,cF5CY;ADoGlB;AGpDM;;;;;;;;;EAEE,qBAAA;EACA,cFpDQ;ADiHhB;AG3DE;;;;;EACE,6BAAA;EACA,yBAAA;EACA,cFzDY;AD0HhB;AG/DI;;;;;;;;;EAEE,6BAAA;EACA,yBAAA;EACA,cF9DY;ADsIlB;AGpEM;;;;;;;;;EAEE,cFrEQ;ADkJhB;;AInJA;EACE,mBHEe;EGDf,qBAAA;EACA,cAAA;EACA,gBAAA;EACA,sBAAA;EACA,mBAAA;AJsJF;;AIpJA;EACE,mBHNe;EGOf,iCAAA;EACA,kBAAA;AJuJF;AIrJE;EACE,gBAAA;EACA,cAAA;EACA,oBAAA;EACA,gBAAA;AJuJJ;;AKxKA;EACE,SAAA;EACA,gCAAA;EACA,cAAA;AL2KF;;AM9KA;;;;;;;;;;;;;;;;EAgBE,wBAAA;EACA,6BAAA;EACA,4BAAA;EACA,qBAAA;EACA,gBAAA;EACA,mBAAA;EACA,cAAA;EACA,2BAAA;EACA,WAAA;ANiLF;AM/KE;;;;;;;;;;;;;;;;EACE,qBL1BY;EK2BZ,UAAA;ANgMJ;;AM9LA;EACE,uLAAA;EACA,mBAAA;ANiMF;AM/LE;EACE,sKAAA;ANiMJ;AM/LE;EACE,gBAAA;EACA,YAAA;ANiMJ;;AM/LA;EACE,kBAAA;ANkMF;;AMhMA;;EAEE,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,qBAAA;ANmMF;;AMjMA;EACE,eAAA;EACA,UAAA;ANoMF;;AMlMA;;EAEE,eAAA;ANqMF;;AMnMA;EACE,qBAAA;EACA,mBAAA;EACA,mBAAA;ANsMF;;AMpMA;EACE,mBAAA;EACA,kBAAA;EACA,YAAA;ANuMF;;AOzQA;EACE,cAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EACA,WAAA;AP4QF;;AOrQA;EACE,aAAA;EACA,sBAAA;EACA,UAAA;EACA,WAAA;APwQF;AOtQE;EACE,UAAA;APwQJ;AOtQI;EACE,UAAA;APwQN;AOtQE;EACE,eAAA;APwQJ;AOpQE;EACE,uBAAA;APsQJ;AOpQE;EACE,qBAAA;APsQJ;AOpQE;EACE,mBAAA;APsQJ;AOpQE;EACE,oBAAA;APsQJ;AOpQE;EACE,qBAAA;APsQJ;AOpQE;EACE,cAAA;EAEA,cAAA;EACA,cAAA;EACA,eAAA;EACA,WAAA;APqQJ;AOlQI;EACE,gBAAA;APoQN;AOlQI;EACE,gBAAA;APoQN;AOlQI;EACE,gBAAA;APoQN;AOlQI;EAEE,qBAAA;APmQN;AOjQI;EACE,gBAAA;APmQN;AOjQI;EACE,gBAAA;APmQN;AOjQI;EACE,gBAAA;APmQN;AOjQI;EAEE,qBAAA;APkQN;AOhQI;EACE,gBAAA;APkQN;AOhQI;EACE,gBAAA;APkQN;AOhQI;EACE,gBAAA;APkQN;AO5PI;EACE,aAAA;EACA,cAAA;AP8PN;AO5PI;EACE,aAAA;EACA,cAAA;AP8PN;AO5PI;EACE,aAAA;EACA,cAAA;AP8PN;AO5PI;EAEE,kBAAA;EACA,mBAAA;AP6PN;AO3PI;EACE,aAAA;EACA,cAAA;AP6PN;AO3PI;EACE,aAAA;EACA,cAAA;AP6PN;AO3PI;EACE,aAAA;EACA,cAAA;AP6PN;AO3PI;EAEE,kBAAA;EACA,mBAAA;AP4PN;AO1PI;EACE,aAAA;EACA,cAAA;AP4PN;AO1PI;EACE,aAAA;EACA,cAAA;AP4PN;AO1PI;EACE,aAAA;EACA,cAAA;AP4PN;AOzPI;EACE,sBAAA;AP2PN;AOzPI;EACE,oBAAA;AP2PN;AOzPI;EACE,kBAAA;AP2PN;;AOxPA;EAEE;IACE,mBAAA;IACA,kBAAA;IACA,0BAAA;EP0PF;EOxPE;IACE,sBAAA;IACA,eAAA;EP0PJ;AACF;AQ1ZA;EACE,cAAA;EACA,qBAAA;AR4ZF;AQ1ZE;EAEE,cPJc;AD+ZlB;;ASjaA;;;EAGE,gBAAA;EACA,aAAA;EACA,eAAA;AToaF;ASlaE;;;;;;;;;EAGE,cAAA;EACA,4BAAA;AT0aJ;;ASxaA;EACE,0BAAA;AT2aF;;ASzaA;EACE,yBAAA;AT4aF;;AU7bA;;;;;EAKE,mBAAA;AVgcF;;AU9bA;;;;EAIE,qBAAA;AVicF;;AU/bA;;;;;;;;;EASE,qBAAA;AVkcF;;AWxdA;EACE,iBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EACA,WAAA;AX2dF;;AWzdA;;EAEE,mCAAA;EACA,sBAAA;AX4dF;AW1dE;;EACE,eAAA;AX6dJ;AW3dE;;EACE,gBAAA;AX8dJ;;AW5dA;EAEE;IACE,cAAA;IACA,mBAAA;EX8dF;AACF;AYrfA;;EAEE,iBAAA;AZufF;;AYrfA;EACE,aAAA;AZwfF;;AYtfA;;;;;;EAME,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,aAAA;AZyfF;;AYvfA;EACE,iBAAA;EACA,gBAAA;AZ0fF;;AYxfA;EACE,iBAAA;EACA,iBAAA;AZ2fF;;AYzfA;EACE,iBAAA;EACA,gBAAA;AZ4fF;;AY1fA;EACE,iBAAA;EACA,wBAAA;EACA,iBAAA;AZ6fF;;AY3fA;EACE,iBAAA;EACA,wBAAA;EACA,gBAAA;AZ8fF;;AY5fA;EACE,iBAAA;EACA,iBAAA;EACA,gBAAA;AZ+fF;;Aa1iBA;EACE,eAAA;Ab6iBF;;Ac3iBE;EACE,WAAA;EACA,YAAA;EACA,cAAA;Ad8iBJ;;Ac3iBA;EACE,WAAA;Ad8iBF;;Ac5iBA;EACE,YAAA;Ad+iBF","file":"milligram.css"}
|
||||
{"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":"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","file":"milligram.css"}
|
||||
2
dist/milligram.min.css
vendored
2
dist/milligram.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/milligram.min.css.map
vendored
2
dist/milligram.min.css.map
vendored
@ -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"}
|
||||
{"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":"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","file":"milligram.min.css"}
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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)
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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}
|
||||
|
||||
@ -4,5 +4,5 @@
|
||||
|
||||
hr
|
||||
border: 0
|
||||
border-top: .1rem solid $color-tertiary
|
||||
border-top: .1rem solid var(--color-tertiary)
|
||||
margin: 3.0rem 0
|
||||
|
||||
@ -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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect($color-quaternary), 2) + '" d="M0,0l6,8l6-8"/></svg>') center right no-repeat
|
||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect(var(--color-quaternary)), 2) + '" d="M0,0l6,8l6-8"/></svg>') center right no-repeat
|
||||
padding-right: 3.0rem
|
||||
|
||||
&:focus
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect($color-primary), 2) + '" d="M0,0l6,8l6-8"/></svg>')
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23' + str-slice(inspect(var(--color-primary)), 2) + '" d="M0,0l6,8l6-8"/></svg>')
|
||||
|
||||
&[multiple]
|
||||
background: none
|
||||
|
||||
@ -3,9 +3,9 @@
|
||||
// ––––––––––––––––––––––––––––––––––––––––––––––––––
|
||||
|
||||
a
|
||||
color: $color-primary
|
||||
color: var(--color-primary)
|
||||
text-decoration: none
|
||||
|
||||
&:focus,
|
||||
&:hover
|
||||
color: $color-secondary
|
||||
color: var(--color-secondary)
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user