diff options
Diffstat (limited to 'src/scss/custom')
| -rw-r--r-- | src/scss/custom/_button.scss | 4 | ||||
| -rw-r--r-- | src/scss/custom/_comments.scss | 32 | ||||
| -rw-r--r-- | src/scss/custom/_elements.scss | 9 | ||||
| -rw-r--r-- | src/scss/custom/_footer.scss | 14 | ||||
| -rw-r--r-- | src/scss/custom/_header.scss | 8 | ||||
| -rw-r--r-- | src/scss/custom/_hilite.scss | 1 | ||||
| -rw-r--r-- | src/scss/custom/_links.scss | 16 | ||||
| -rw-r--r-- | src/scss/custom/_main.scss | 30 | ||||
| -rw-r--r-- | src/scss/custom/_toc.scss | 36 | ||||
| -rw-r--r-- | src/scss/custom/_variables.scss | 26 | ||||
| -rw-r--r-- | src/scss/custom/style.scss | 5 |
11 files changed, 136 insertions, 45 deletions
diff --git a/src/scss/custom/_button.scss b/src/scss/custom/_button.scss index 0a11b2c..270ce48 100644 --- a/src/scss/custom/_button.scss +++ b/src/scss/custom/_button.scss @@ -1,7 +1,7 @@ .is-button-grey, .pagination-link { background-color: #7a7a7a; border-color: transparent; - color: rgba(0, 0, 0, 0.7); + color: #1b1b1b; } .button { @@ -9,7 +9,7 @@ } .button:hover, .pagination .is-current, .pagination-link:hover { - background-color: #dd7325; + background-color: $boton; border-color: transparent; color: whitesmoke; } diff --git a/src/scss/custom/_comments.scss b/src/scss/custom/_comments.scss index ed77528..8a79bfb 100644 --- a/src/scss/custom/_comments.scss +++ b/src/scss/custom/_comments.scss @@ -1,5 +1,9 @@ +.warning-sp { + display: none; +} + .comments-content { - background-color: #161c1c; + background-color: $card; padding-bottom: 10px; margin-top: 20px; } @@ -12,23 +16,39 @@ color: whitesmoke; } + .comments-wrapper { p { color: whitesmoke; + >a { + color: $clinks; + } + } + a { + color: $clinks; + &:hover { + color: $hlinks; + } } small { color: #7a7a7a; } strong { - color: whitesmoke; - font-weight: 100; + >a { + color: $author; + font-weight: 100; + } } - a { - color: #dd7325; + time { + >small { + >a { + color: grey; + } + } } .media { .media, + .media { - border-top: 1px solid #dd7325; + border-top: 1px solid $slinks; } } } diff --git a/src/scss/custom/_elements.scss b/src/scss/custom/_elements.scss index f184b45..7fbd19e 100644 --- a/src/scss/custom/_elements.scss +++ b/src/scss/custom/_elements.scss @@ -9,7 +9,14 @@ li { pre { background-color: #000; - color: #78dcfa; + color: #f9f9f9; + margin: 10px 0; + border: 1px solid $code; + border-left: 10px solid $code; + background-size: 1px 40px; + text-align: left; + direction: ltr; + tab-size: 2; } strong { diff --git a/src/scss/custom/_footer.scss b/src/scss/custom/_footer.scss index a92637d..f0c2cf7 100644 --- a/src/scss/custom/_footer.scss +++ b/src/scss/custom/_footer.scss @@ -1,11 +1,21 @@ .footer { - background-color: #0c0f0f; + background-color: $footerheader; color: whitesmoke; a { - color: #dd7325; + color: $links; + &:hover { + color: $hlinks; + } } } .footer-top-shadow { box-shadow: 0 1px 3px rgba(10, 10, 10, 0.1); } + +.hidden-more { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + color: $txfooter; +} diff --git a/src/scss/custom/_header.scss b/src/scss/custom/_header.scss index 1377035..5b1e012 100644 --- a/src/scss/custom/_header.scss +++ b/src/scss/custom/_header.scss @@ -17,7 +17,7 @@ label[for=navbar-toggle-cbox] { /* navigation */ .navbar { - background-color: #0c0f0f; + background-color: $footerheader; a { color: whitesmoke; } @@ -43,7 +43,7 @@ label[for=navbar-toggle-cbox] { color: #4a4a4a; background-color: transparent; &:hover { - color: #dd7325; + color: $slinks; } } } @@ -56,10 +56,10 @@ label[for=navbar-toggle-cbox] { color: whitesmoke; } .subtitle { - color: #dd7325; + color: $subtitle; } box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); .hero { - background-color: #161c1c; + background-color: $card; } } diff --git a/src/scss/custom/_hilite.scss b/src/scss/custom/_hilite.scss index 0dd5dd7..a53a74f 100644 --- a/src/scss/custom/_hilite.scss +++ b/src/scss/custom/_hilite.scss @@ -7,7 +7,6 @@ .hll { background-color: #222222; } - background: #000000; color: #cccccc; // Comments .c { diff --git a/src/scss/custom/_links.scss b/src/scss/custom/_links.scss index d5449a8..c813caa 100644 --- a/src/scss/custom/_links.scss +++ b/src/scss/custom/_links.scss @@ -1,29 +1,29 @@ a { - color: #0099e5; + color: $links; &:hover { text-decoration: none; - color: #ffc20e; + color: $hlinks; } &.navbar-item { &.is-tab { &.is-active { - border-bottom-color: #dd7325; + border-bottom-color: $slinks; border-width: 2px; color: whitesmoke; } &:hover { - border-bottom-color: #dd7325; + border-bottom-color: $slinks; border-width: 2px; - color: #dd7325; + color: $slinks; } } &:hover { - color: #dd7325; + color: $slinks; background-color: transparent; } } &.pagination-previous.disabled, &.pagination-next.disabled { - background: #0c0f0f; + background: $plinks; color: white; cursor: not-allowed; border-color: #dbdbdb; @@ -35,5 +35,5 @@ a { h2 > a:hover { color: white; - text-shadow: 1px 2px 0px #161C1C; + text-shadow: 0px 1px 2px #000; } diff --git a/src/scss/custom/_main.scss b/src/scss/custom/_main.scss index 9a7b866..7b39b2a 100644 --- a/src/scss/custom/_main.scss +++ b/src/scss/custom/_main.scss @@ -1,12 +1,12 @@ /* main content styling */ .main-content { - background-color: #363636; + background-color: $fondo; padding: 1rem 1.5rem; } /* card changes */ .card { - background-color: #161c1c; + background-color: $card; .card-content-footer { color: #7a7a7a; } @@ -17,15 +17,21 @@ padding-top: 2px; } -.card-content-header, .comments-header { - background-color: #dd7325; +.card-content-header, +.comments-header { + background-color: $barra; padding: 10px; box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } +.card-content-header:hover { + background-color: $hbarra; +} + .card-content-header { .title, a { color: whitesmoke; + text-shadow: 0px 1px 2px #000; } } @@ -35,7 +41,7 @@ .card-content-text { padding-bottom: 30px; - border-bottom: 1px solid #dd7325; + border-bottom: 1px solid $barra; p { color: whitesmoke; font-size: 1em; @@ -78,14 +84,6 @@ p { display: contents; } - &:before { - opacity: 0.5; - content: open-quote; - font-size: 4rem; - line-height: .1em; - margin-right: .25em; - vertical-align: -0.4em; - } } * { @@ -107,9 +105,3 @@ legend { margin-bottom: 0rem; } } - -.hidden-more { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} diff --git a/src/scss/custom/_toc.scss b/src/scss/custom/_toc.scss new file mode 100644 index 0000000..64c0fe0 --- /dev/null +++ b/src/scss/custom/_toc.scss @@ -0,0 +1,36 @@ +/* table of contents */ +.toc { + font-size: 0.85rem; +} + +.toctitle { + display: block; + text-align: center; + font-size: 1rem; + color: white; + text-decoration: underline; +} + +nav.toc { + background-color: #0c0f0f; + border: 1px solid $toc; + margin: 1rem 0px; +} + +div.toc { + margin: 1rem; +} + +a.headerlink { + color: grey; + padding-left: .5em; + visibility: hidden; +} + +h1:hover > a.headerlink, h2:hover > a.headerlink, +h3:hover > a.headerlink, h4:hover > a.headerlink, +h5:hover > a.headerlink, h6:hover > a.headerlink, +dt:hover > a.headerlink { + text-decoration: none; + visibility: visible; +} diff --git a/src/scss/custom/_variables.scss b/src/scss/custom/_variables.scss index 062ba27..eee098c 100644 --- a/src/scss/custom/_variables.scss +++ b/src/scss/custom/_variables.scss @@ -1,3 +1,27 @@ /* Colores */ -$secundario: #dd7325; +$secundario: hsl(217, 71%, 53%); + +/* main */ +$fondo: hsl(0, 0%, 21%); +$subtitle: #fff; + +$barra: hsl(217, 71%, 53%); +$hbarra: hsl(204, 86%, 53%); + +$links: hsl(217, 71%, 53%); +$slinks: hsl(204, 86%, 53%); +$plinks: #000; +$card: #1a1a1a; +$footerheader: hsl(0, 0%, 4%); +$boton: hsl(217, 71%, 53%); +$hlinks: #ffc20e; +$code: hsl(217, 71%, 53%); +$toc: hsl(217, 71%, 53%); + +// footer +$txfooter: #fff; + +// comments +$clinks: #f0e68c; +$author: hsl(171, 100%, 41%); diff --git a/src/scss/custom/style.scss b/src/scss/custom/style.scss index 7f820b8..0323dd3 100644 --- a/src/scss/custom/style.scss +++ b/src/scss/custom/style.scss @@ -3,7 +3,7 @@ * bulma css framework (github.com/jgthms | bulma.io) * Author: jeremy thomas * Author: jesus e. - * Version: 1.0.4 + * Version: 2.0.0 * Licensed under MIT (https://github.com/jgthms/bulma/blob/master/LICENSE) */ @@ -45,5 +45,8 @@ // Comentarios @import "comments"; +// Extras +@import "toc"; + // Mediaqueries @import "mediaqueries"; |