Desminimize el css y elimine duplicados que no habia visto

2020-11-22 23:05:52 -03:00
parent b30f911620
commit f3a67784c5
9 changed files with 293 additions and 605 deletions
--- a/src/assets/codehilite.css
+++ b/src/assets/codehilite.css
@@ -1,4 +1,215 @@
 /******************************************************************************
    => CODEHILITE
 *******************************************************************************/
-.codehilite .hll{background-color:#f1fa8c}.codehilite{background:#282a36;color:#f8f8f2}.codehilite .c{color:#6272a4}.codehilite .err,.codehilite .g{color:#f8f8f2}.codehilite .k{color:#ff79c6}.codehilite .l,.codehilite .n{color:#f8f8f2}.codehilite .o{color:#ff79c6}.codehilite .p,.codehilite .x{color:#f8f8f2}.codehilite .ch,.codehilite .cm{color:#6272a4}.codehilite .cp{color:#ff79c6}.codehilite .c1,.codehilite .cpf,.codehilite .cs{color:#6272a4}.codehilite .gd{color:#8b080b}.codehilite .ge{color:#f8f8f2;text-decoration:underline}.codehilite .gr{color:#f8f8f2}.codehilite .gh,.codehilite .gi{color:#f8f8f2;font-weight:700}.codehilite .go{color:#44475a}.codehilite .gp,.codehilite .gs,.codehilite .gt{color:#f8f8f2}.codehilite .gu{color:#f8f8f2;font-weight:700}.codehilite .kc{color:#ff79c6}.codehilite .kd{color:#8be9fd;font-style:italic}.codehilite .kn,.codehilite .kp,.codehilite .kr{color:#ff79c6}.codehilite .kt{color:#8be9fd}.codehilite .ld{color:#f8f8f2}.codehilite .m{color:#bd93f9}.codehilite .s{color:#f1fa8c}.codehilite .na{color:#50fa7b}.codehilite .nb{color:#8be9fd;font-style:italic}.codehilite .nc{color:#50fa7b}.codehilite .nd,.codehilite .ne,.codehilite .ni,.codehilite .no{color:#f8f8f2}.codehilite .nf{color:#50fa7b}.codehilite .nl{color:#8be9fd;font-style:italic}.codehilite .nn,.codehilite .nx,.codehilite .py{color:#f8f8f2}.codehilite .nt{color:#ff79c6}.codehilite .nv{color:#8be9fd;font-style:italic}.codehilite .ow{color:#ff79c6}.codehilite .w{color:#f8f8f2}.codehilite .mb,.codehilite .mf,.codehilite .mh,.codehilite .mi,.codehilite .mo{color:#bd93f9}.codehilite .dl,.codehilite .s1,.codehilite .s2,.codehilite .sa,.codehilite .sb,.codehilite .sc,.codehilite .sd,.codehilite .se,.codehilite .sh,.codehilite .si,.codehilite .sr,.codehilite .ss,.codehilite .sx{color:#f1fa8c}.codehilite .bp{color:#f8f8f2;font-style:italic}.codehilite .fm{color:#50fa7b}.codehilite .vc,.codehilite .vg,.codehilite .vi,.codehilite .vm{color:#8be9fd;font-style:italic}.codehilite .il{color:#bd93f9}
+.codehilite .hll {
+    background-color: #f1fa8c
+}
+
+.codehilite {
+    background: #282a36;
+    color: #f8f8f2
+}
+
+.codehilite .c {
+    color: #6272a4
+}
+
+.codehilite .err,
+.codehilite .g {
+    color: #f8f8f2
+}
+
+.codehilite .k {
+    color: #ff79c6
+}
+
+.codehilite .l,
+.codehilite .n {
+    color: #f8f8f2
+}
+
+.codehilite .o {
+    color: #ff79c6
+}
+
+.codehilite .p,
+.codehilite .x {
+    color: #f8f8f2
+}
+
+.codehilite .ch,
+.codehilite .cm {
+    color: #6272a4
+}
+
+.codehilite .cp {
+    color: #ff79c6
+}
+
+.codehilite .c1,
+.codehilite .cpf,
+.codehilite .cs {
+    color: #6272a4
+}
+
+.codehilite .gd {
+    color: #8b080b
+}
+
+.codehilite .ge {
+    color: #f8f8f2;
+    text-decoration: underline
+}
+
+.codehilite .gr {
+    color: #f8f8f2
+}
+
+.codehilite .gh,
+.codehilite .gi {
+    color: #f8f8f2;
+    font-weight: 700
+}
+
+.codehilite .go {
+    color: #44475a
+}
+
+.codehilite .gp,
+.codehilite .gs,
+.codehilite .gt {
+    color: #f8f8f2
+}
+
+.codehilite .gu {
+    color: #f8f8f2;
+    font-weight: 700
+}
+
+.codehilite .kc {
+    color: #ff79c6
+}
+
+.codehilite .kd {
+    color: #8be9fd;
+    font-style: italic
+}
+
+.codehilite .kn,
+.codehilite .kp,
+.codehilite .kr {
+    color: #ff79c6
+}
+
+.codehilite .kt {
+    color: #8be9fd
+}
+
+.codehilite .ld {
+    color: #f8f8f2
+}
+
+.codehilite .m {
+    color: #bd93f9
+}
+
+.codehilite .s {
+    color: #f1fa8c
+}
+
+.codehilite .na {
+    color: #50fa7b
+}
+
+.codehilite .nb {
+    color: #8be9fd;
+    font-style: italic
+}
+
+.codehilite .nc {
+    color: #50fa7b
+}
+
+.codehilite .nd,
+.codehilite .ne,
+.codehilite .ni,
+.codehilite .no {
+    color: #f8f8f2
+}
+
+.codehilite .nf {
+    color: #50fa7b
+}
+
+.codehilite .nl {
+    color: #8be9fd;
+    font-style: italic
+}
+
+.codehilite .nn,
+.codehilite .nx,
+.codehilite .py {
+    color: #f8f8f2
+}
+
+.codehilite .nt {
+    color: #ff79c6
+}
+
+.codehilite .nv {
+    color: #8be9fd;
+    font-style: italic
+}
+
+.codehilite .ow {
+    color: #ff79c6
+}
+
+.codehilite .w {
+    color: #f8f8f2
+}
+
+.codehilite .mb,
+.codehilite .mf,
+.codehilite .mh,
+.codehilite .mi,
+.codehilite .mo {
+    color: #bd93f9
+}
+
+.codehilite .dl,
+.codehilite .s1,
+.codehilite .s2,
+.codehilite .sa,
+.codehilite .sb,
+.codehilite .sc,
+.codehilite .sd,
+.codehilite .se,
+.codehilite .sh,
+.codehilite .si,
+.codehilite .sr,
+.codehilite .ss,
+.codehilite .sx {
+    color: #f1fa8c
+}
+
+.codehilite .bp {
+    color: #f8f8f2;
+    font-style: italic
+}
+
+.codehilite .fm {
+    color: #50fa7b
+}
+
+.codehilite .vc,
+.codehilite .vg,
+.codehilite .vi,
+.codehilite .vm {
+    color: #8be9fd;
+    font-style: italic
+}
+
+.codehilite .il {
+    color: #bd93f9
+}
--- a/src/assets/fonts.css
+++ b/src/assets/fonts.css
@@ -1,9 +1,49 @@
 /******************************************************************************
    => FONTS
 *******************************************************************************/
-@font-face{font-family:'Source Code Pro';font-style:normal;font-weight:400;src:local('Source Code Pro'),url(https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Regular.woff2) format('woff2');font-display:swap}
-@font-face{font-family:'Source Code Pro';font-style:normal;font-weight:700;src:local('Source Code Pro'),url(https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Bold.woff2) format('woff2');font-display:swap}
-@font-face{font-family:'Source Serif Pro';font-style:normal;font-weight:400;src:local('Source Serif Pro'),url(https://static.danielcortes.xyz/fonts/SourceSerifPro/SourceSerifPro-Regular.woff2) format('woff2')}
-@font-face{font-family:'Source Serif Pro';font-style:normal;font-weight:700;src:local('Source Serif Pro'),url(https://static.danielcortes.xyz/fonts/SourceSerifPro/SourceSerifPro-Bold.woff2) format('woff2');font-display:swap}
-@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;src:local('Source Sans Pro'),url(https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Regular.woff2) format('woff2');font-display:swap}
-@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;src:local('Source Sans Pro'),url(https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Bold.woff2) format('woff2');font-display:swap}
+@font-face {
+    font-family: 'Source Code Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Code Pro'), url(https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Regular.woff2) format('woff2');
+    font-display: swap
+}
+
+@font-face {
+    font-family: 'Source Code Pro';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Source Code Pro'), url(https://static.danielcortes.xyz/fonts/SourceCodePro/SourceCodePro-Bold.woff2) format('woff2');
+    font-display: swap
+}
+
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Serif Pro'), url(https://static.danielcortes.xyz/fonts/SourceSerifPro/SourceSerifPro-Regular.woff2) format('woff2')
+}
+
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Source Serif Pro'), url(https://static.danielcortes.xyz/fonts/SourceSerifPro/SourceSerifPro-Bold.woff2) format('woff2');
+    font-display: swap
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 400;
+    src: local('Source Sans Pro'), url(https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Regular.woff2) format('woff2');
+    font-display: swap
+}
+
+@font-face {
+    font-family: 'Source Sans Pro';
+    font-style: normal;
+    font-weight: 700;
+    src: local('Source Sans Pro'), url(https://static.danielcortes.xyz/fonts/SourceSansPro/SourceSansPro-Bold.woff2) format('woff2');
+    font-display: swap
+}
--- a/src/assets/normalize.css
+++ b/src/assets/normalize.css
@@ -1,4 +0,0 @@
-/******************************************************************************
-    => NORMALIZE.CSS
-*******************************************************************************/
-button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
--- a/src/assets/style.css
+++ b/src/assets/style.css
@@ -1,75 +1,76 @@
 /******************************************************************************
    => MAIN STYLES 
 *******************************************************************************/
-:root{
-  --background-color: hsl(10, 20%, 98%);
-  --foreground-color: hsl(10, 10%, 13%);
-  --primary-color: hsl(200, 90%, 40%); 
-  --highlight-color: hsl(290, 86%, 43%); 
-  --light-color: hsl(10, 10%, 40%);
+:root {
+    --background-color: hsl(10, 20%, 98%);
+    --foreground-color: hsl(10, 10%, 13%);
+    --primary-color: hsl(200, 90%, 40%);
+    --highlight-color: hsl(290, 86%, 43%);
+    --light-color: hsl(10, 10%, 40%);
 }

 body {
-  background-color: var(--background-color);
-  color: var(--foreground-color);
-  overflow-y: scroll;
+    background-color: var(--background-color);
+    color: var(--foreground-color);
+    overflow-y: scroll;
+
+    font-family: Source Sans Pro;
+    font-size: 1em;

-  font-family: Source Sans Pro;
-  font-size: 1em;
-  
 }

@media only screen and (max-width: 800px) {
-  body {
-    font-size: 1em;
-  }
+    body {
+        font-size: 1em;
+    }
 }

 .container {
-  max-width: 80ch;
-  padding: 2em 0;
-  margin: auto;
+    max-width: 80ch;
+    padding: 2em 0;
+    margin: auto;
 }

 h1 {
-  margin: 0;
+    margin: 0;
 }

 time {
-  color: var(--light-color);
+    color: var(--light-color);
 }

 p {
-  line-height: 1.5em;
-  text-align: justify;
+    line-height: 1.5em;
+    text-align: justify;
 }

-a, a:visited {
-  color: var(--highlight-color);
-  text-decoration: none;
+a,
+a:visited {
+    color: var(--highlight-color);
+    text-decoration: none;
 }

 a:hover {
-  text-decoration: underline;
+    text-decoration: underline;
 }


 img {
-  max-width: 100%;    
-  cursor: pointer;
+    max-width: 100%;
+    cursor: pointer;
 }

 code {
-  font-family: Source Code Pro;
-  font-size: 1em;
+    font-family: Source Code Pro;
+    font-size: 1em;
 }

 .codehilite {
-  border: none;
-  border-radius: 5px;
-  overflow-x: auto;
+    border: none;
+    border-radius: 5px;
+    overflow-x: auto;
 }

 .codehilite pre {
-  margin: 1em;
+    margin: 1em;
 }