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":"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","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":"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","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