Update SCSS output CSS
This commit is contained in:
38
style.css
38
style.css
@@ -16,7 +16,6 @@ body {
|
||||
text-align: center;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#header span {
|
||||
color: white;
|
||||
font-size: 2em;
|
||||
@@ -33,7 +32,6 @@ h1 {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
#content div.block {
|
||||
width: 800px;
|
||||
max-width: calc(100vw - 7rem);
|
||||
@@ -43,28 +41,22 @@ h1 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#content div.block:nth-of-type(n + 2) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
#content div#container {
|
||||
position: relative;
|
||||
height: 225px;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
#content div#container #img {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: auto;
|
||||
border-left: 9px solid #fff;
|
||||
-webkit-transition: margin 0.5s ease, border-color 0.2s ease;
|
||||
transition: margin 0.5s ease, border-color 0.2s ease;
|
||||
}
|
||||
|
||||
#content div#container div#reflection {
|
||||
background: url(reflection.svg);
|
||||
background-size: cover;
|
||||
@@ -72,38 +64,29 @@ h1 {
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: margin 0.5s ease;
|
||||
transition: margin 0.5s ease;
|
||||
}
|
||||
|
||||
#content .col {
|
||||
display: inline-block;
|
||||
height: 70px;
|
||||
width: 70px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: background-color 0.2s ease;
|
||||
transition: background-color 0.2s ease;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#content .col:nth-child(n+2) {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
#content #customcol {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
#content #customcol input {
|
||||
padding: 0.5rem;
|
||||
-webkit-transition: background-color 0.2s ease;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
#content #customcol input:invalid {
|
||||
background-color: lightcoral;
|
||||
}
|
||||
|
||||
#content input#file {
|
||||
position: fixed;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
@@ -112,45 +95,36 @@ h1 {
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#content input#file.show {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#content input#file:after {
|
||||
content: 'Drop cover image anywhere...';
|
||||
content: "Drop cover image anywhere...";
|
||||
color: white;
|
||||
text-shadow: black 2px 0px 0px, black 1.75517px 0.95885px 0px, black 1.0806px 1.68294px 0px, black 0.14147px 1.99499px 0px, black -0.83229px 1.81859px 0px, black -1.60229px 1.19694px 0px, black -1.97998px 0.28224px 0px, black -1.87291px -0.70157px 0px, black -1.30729px -1.5136px 0px, black -0.42159px -1.95506px 0px, black 0.56732px -1.91785px 0px, black 1.41734px -1.41108px 0px, black 1.92034px -0.55883px 0px;
|
||||
text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px, rgb(0, 0, 0) 1.0806px 1.68294px 0px, rgb(0, 0, 0) 0.141474px 1.99499px 0px, rgb(0, 0, 0) -0.832294px 1.81859px 0px, rgb(0, 0, 0) -1.60229px 1.19694px 0px, rgb(0, 0, 0) -1.97998px 0.28224px 0px, rgb(0, 0, 0) -1.87291px -0.701566px 0px, rgb(0, 0, 0) -1.30729px -1.5136px 0px, rgb(0, 0, 0) -0.421592px -1.95506px 0px, rgb(0, 0, 0) 0.567324px -1.91785px 0px, rgb(0, 0, 0) 1.41734px -1.41108px 0px, rgb(0, 0, 0) 1.92034px -0.558831px 0px;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
#content input#file:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#content input#file:hover + label {
|
||||
background: #905ac7;
|
||||
background: rgb(144, 90, 199);
|
||||
}
|
||||
|
||||
#content input#file + label {
|
||||
color: white;
|
||||
background-color: rebeccapurple;
|
||||
padding: 0.9rem 1rem;
|
||||
-webkit-transition: background-color 0.2s ease;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
#content input#file + label svg {
|
||||
fill: white;
|
||||
padding-right: 5px;
|
||||
@@ -158,14 +132,12 @@ h1 {
|
||||
|
||||
#footer {
|
||||
width: 100%;
|
||||
background-color: #361e4e;
|
||||
background-color: rgb(54, 30, 78);
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 2rem 0;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
#footer a {
|
||||
color: white;
|
||||
}
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
}/*# sourceMappingURL=style.css.map */
|
||||
@@ -1,9 +1 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": [
|
||||
"style.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "style.css"
|
||||
}
|
||||
{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACE,mBAAA;EACA,UAAA;EACA,SAAA;EACA,+BAAA;ACCF;;ADEA;EACE,aAAA;EACA,WAAA;EACA,+BAAA;EACA,eAAA;EACA,MAAA;EACA,QAAA;EACA,kBAAA;EACA,kBAAA;EACA,UAAA;ACCF;ADCE;EACE,YAAA;EACA,cAAA;ACCJ;;ADGA;EACE,SAAA;EACA,mBAAA;ACAF;;ADGA;EACE,iBAAA;EACA,+BAAA;EACA,iBAAA;EACA,oBAAA;ACAF;ADEE;EACE,YAAA;EACA,6BAAA;EACA,iBAAA;EACA,aAAA;EACA,kBAAA;EAEE,iBAAA;EACA,kBAAA;ACDN;ADII;EACE,gBAAA;ACFN;ADME;EACE,kBAAA;EACA,aAAA;EACA,SAAA;EACA,2BAAA;ACJJ;ADMI;EACE,cAAA;EACA,YAAA;EACA,WAAA;EACA,2BAAA;EACA,oDAAA;ACJN;ADOI;EACE,+BAAA;EACA,sBAAA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,4BAAA;ACLN;ADSE;EACE,qBAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,sCAAA;EACA,sBAAA;ACPJ;ADSI;EACE,gBAAA;ACPN;ADWE;EACE,gBAAA;ACTJ;ADWI;EACE,eAAA;EACA,sCAAA;ACTN;ADWM;EACE,4BAAA;ACTR;ADcE;EACE,eAAA;EACA,oCAAA;EACA,UAAA;EACA,MAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,6BAAA;EACA,kBAAA;EACA,UAAA;ACZJ;ADcI;EACE,mBAAA;EACA,UAAA;ACZN;ADeI;EACE,uCAAA;EACA,YAAA;EACA,8fAAA;EAaA,eAAA;EACA,QAAA;EACA,SAAA;EACA,2BAAA;EACA,eAAA;ACzBN;AD4BI;EACE,eAAA;AC1BN;AD4BM;EACE,6BAAA;AC1BR;AD8BI;EACE,YAAA;EACA,+BAAA;EACA,oBAAA;EACA,sCAAA;AC5BN;AD8BM;EACE,WAAA;EACA,kBAAA;AC5BR;;ADkCA;EACE,WAAA;EACA,iCAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,iBAAA;AC/BF;ADiCE;EACE,YAAA;AC/BJ","file":"style.css"}
|
||||
Reference in New Issue
Block a user