hugosoucycc

[ARCHIVED] Another old source code of <hugo.soucy.cc>.
Log | Files | Refs | Submodules

commit 9f47f3a657a50856a64bc4b8b924b748366ad0b8
parent 717062ba8facb284d820739d119e196e9ac19e28
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Mon, 28 Nov 2016 18:20:57 -0500

Convert scss in css.

Diffstat:
Mstatic/dev/scss/global/_helpers.scss | 1-
Dstatic/dev/scss/modules/_cv.scss | 29-----------------------------
Dstatic/dev/scss/modules/_footer.scss | 5-----
Dstatic/dev/scss/modules/_images.scss | 17-----------------
Dstatic/dev/scss/modules/_logo.scss | 28----------------------------
Dstatic/dev/scss/modules/_nav.scss | 183-------------------------------------------------------------------------------
Dstatic/dev/scss/modules/_note.scss | 29-----------------------------
Dstatic/dev/scss/modules/_single.scss | 10----------
Astatic/dev/scss/modules/cv.css | 33+++++++++++++++++++++++++++++++++
Astatic/dev/scss/modules/footer.css | 5+++++
Astatic/dev/scss/modules/images.css | 17+++++++++++++++++
Astatic/dev/scss/modules/logo.css | 21+++++++++++++++++++++
Astatic/dev/scss/modules/nav.css | 132+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Astatic/dev/scss/modules/note.css | 26++++++++++++++++++++++++++
Astatic/dev/scss/modules/single.css | 9+++++++++
15 files changed, 243 insertions(+), 302 deletions(-)

diff --git a/static/dev/scss/global/_helpers.scss b/static/dev/scss/global/_helpers.scss @@ -105,4 +105,3 @@ .position--relative { position:relative; } - diff --git a/static/dev/scss/modules/_cv.scss b/static/dev/scss/modules/_cv.scss @@ -1,28 +0,0 @@ -// CURRICULUM VITAE MODULE - -.cv { - color:#000; -} - -.cv__title { - font-size:1em; - line-height:normal; -} -.cv__title a {display:inline-block;} - -.cv__banner .logo {margin-bottom:0;} - -.cv__title a[rel="home"] { - border:0; - color:#111; -} - -.cv__banner, -.cv__main { - text-align:left; -} - -.cv__banner .job { - font-size:1.5em; - margin-top:0; -}- \ No newline at end of file diff --git a/static/dev/scss/modules/_footer.scss b/static/dev/scss/modules/_footer.scss @@ -1,5 +0,0 @@ -// FOOTER - -footer { - font-size:em(16,21); -} diff --git a/static/dev/scss/modules/_images.scss b/static/dev/scss/modules/_images.scss @@ -1,17 +0,0 @@ -// IMAGES -.img-cache { - border:1rem solid transparent; - border-radius:100%; - display:inline-block; - float:right; - height:150px; - position:relative; - overflow:hidden; - width:150px; - - > .u-photo { - max-width:100%; - position:relative; - top:-20px; - } -} diff --git a/static/dev/scss/modules/_logo.scss b/static/dev/scss/modules/_logo.scss @@ -1,28 +0,0 @@ -// LOGO -.logo { - font:normal 3.33333em/1.1 "Leitura News","Domine",serif; - hyphens:none; - margin:0 0 .333em; - padding-top:.333em; - padding-right:em(65, 60); - text-shadow:3px 3px #ccc; - - @include breakpoint($xxs) { - line-height:normal; - } -} - -.logo a[rel="home"] { - border:0; - color:#111; -} - -.logo a[rel="home"]:focus, -a[rel="home"]:focus .logo, -.cv__title a[rel="home"]:focus, -.logo a[rel="home"]:hover, -a[rel="home"]:hover .logo, -.cv__title a[rel="home"]:hover { - color: #fff; - text-shadow:none; -} diff --git a/static/dev/scss/modules/_nav.scss b/static/dev/scss/modules/_nav.scss @@ -1,183 +0,0 @@ -// NAVIGATION -.nav-button, -.nav-button--floatright { - border:0; - display:inline-block; - text-align:center; - - &:active, - &:hover, - &:focus, - &:visited { - background:transparent; - border-bottom:0; - color:$_color_fg; - } -} - -.nav-button { - position:absolute; - right:rem(15); - top:rem(15); - - @include breakpoint($sm) { - right:rem(20); - } -} - -.nav-button--floatright { - float:right; -} - -.nav-button__text { - font-size:rem(12); - display:block; -} - -.nav-button__burger { - background:$_color_fg; - display:block; - height:50px; - margin:0 auto; - position:relative; - width:50px; - - .nav-button:hover &, - .nav-button:focus & { - background:$_color_link; - } - - &__ico { - background:$_color_bg; - bottom:0; - display:block; - height:3px; - left:0; - margin:auto; - right:0; - position:absolute; - top:0; - width:50%; - - &:after, - &:before { - backface-visibility:hidden; - background-color:$_color_bg; - content:""; - height:100%; - position:absolute; - right:0; - top:0; - transform:translateZ(0); - transition:transform 0.3s ease 0s; - width:100%; - } - - &:before { - transform:translateY(-8px) rotate(0deg); - } - - &:after { - transform:translateY(8px) rotate(0deg); - } - } -} - -.nav__close { - @extend .nav-button; - - &, - &:visited { - color:white; - } - - &__text { - @extend .nav-button__text; - } -} - -.nav__x { - @extend .nav-button__burger; - background:#333; - - &__ico { - @extend .nav-button__burger__ico; - height:3px; - transform:translateY(0) rotate(-45deg); - - &:before { - transform:translateY(0) rotate(90deg); - } - - &:after { - display:none; - } - } -} - -.nav__panel { - background:$_color_fg; - color:$_color_bg; - - .js & { - display:none; - } - - &.state--hidden, - &.state--visible { - display:block; - height:auto; - left:0; - min-height:1em; - opacity:1; - position:absolute; - top:0; - width:100%; - - .mod_csstransitions & { - transition:transform .25s ease-in-out; - } - } - - &.state--hidden { - top:-100%; - - .mod_csstransforms & { - top:0; - transform:translateY(-100%); - } - } - - &.state--visible { - top:0; - - .mod_csstransforms & { - transform:translateY(0); - } - } - - &__content { - margin:0 auto; - position:relative; - text-align:left; - width:auto; - } -} - -.nav__list { - padding:1em 0; -} - -.nav__link { - font-size:em(16,21); - - &, - &:visited { - color:white; - } -} - -.no-js .nav__close { - display:none; - opacity:0; -} diff --git a/static/dev/scss/modules/_note.scss b/static/dev/scss/modules/_note.scss @@ -1,28 +0,0 @@ -// NOTE MODULE - -.note { - &__list { - list-style-type:none; - margin-left:0; - } - - &__item { - border-bottom:1px solid #cccccc; - margin-bottom:1.5em; - padding-bottom:1em; - } - - &__blockquote { - &__footer { - margin:1em 0 0; - } - } - - &__footer { - font-size:14px; - - @include breakpoint($sm) { - font-size:16px; - } - } -}- \ No newline at end of file diff --git a/static/dev/scss/modules/_single.scss b/static/dev/scss/modules/_single.scss @@ -1,9 +0,0 @@ -// Single content - -.single { - text-align:left; - - h1 { - padding-right:66px; - } -}- \ No newline at end of file diff --git a/static/dev/scss/modules/cv.css b/static/dev/scss/modules/cv.css @@ -0,0 +1,33 @@ +// CURRICULUM VITAE MODULE + +.cv { + color:#111; +} + +.cv__title { + font-size:1em; + line-height:normal; +} + +.cv__title a { + display:inline-block; +} + +.cv__banner .logo { + margin-bottom:0; +} + +.cv__title a[rel="home"] { + border:0; + color:#111; +} + +.cv__banner, +.cv__main { + text-align:left; +} + +.cv__banner .job { + font-size:1.5em; + margin-top:0; +} diff --git a/static/dev/scss/modules/footer.css b/static/dev/scss/modules/footer.css @@ -0,0 +1,5 @@ +// FOOTER + +footer { + font-size:.7619047619em; +} diff --git a/static/dev/scss/modules/images.css b/static/dev/scss/modules/images.css @@ -0,0 +1,17 @@ +// IMAGES +.img-cache { + border:1rem solid transparent; + border-radius:100%; + display:inline-block; + float:right; + height:150px; + position:relative; + overflow:hidden; + width:150px; +} + +.img-cache > .u-photo { + max-width:100%; + position:relative; + top:-20px; +} diff --git a/static/dev/scss/modules/logo.css b/static/dev/scss/modules/logo.css @@ -0,0 +1,21 @@ +// LOGO +.logo { + font:normal 3.33333em/1.1 "Leitura News","Domine",serif; + hyphens:none; + margin:0 0 .333em; + padding-top:.333em; + padding-right:1.08333333333em; + text-shadow:3px 3px #ccc; + +} + +@media screen and (min-width: 22.5em) { + .logo { + line-height:normal; + } +} + +.logo a[rel="home"] { + border:0; + color:#111; +} diff --git a/static/dev/scss/modules/nav.css b/static/dev/scss/modules/nav.css @@ -0,0 +1,132 @@ +// NAVIGATION +.nav-button, +.nav__close { + border:0; + display:inline-block; + position:absolute; + right:.9375rem; + text-align:center; + top:.9375rem; +} + +@media screen and (min-width: 48em) { + .nav-button, + .nav__close { + right:1.25rem; + } +} + +.nav-button:active, +.nav-button:hover, +.nav-button:focus, +.nav-button:visited { + background:transparent; + border-bottom:0; + color:#111; +} + +.nav__close, +.nav__close:visited { + background:transparent; + border-bottom:0; + color:white; +} + +.nav-button__text, +.nav__close__text { + font-size:.75rem; + display:block; +} + +.nav-button__burger, +.nav__x { + display:block; + height:50px; + margin:0 auto; + position:relative; + width:50px; +} + +.nav-button__burger { + background:#111; +} + +.nav__x { + background:#333; +} + +.nav-button:hover .nav-button__burger, +.nav-button:focus .nav-button__burger { + background:#0000ff; +} + +.nav__panel { + background:#111; + color:#f1f1f1; +} + +.js .nav__panel { + display:none; +} + +.nav__panel.state--hidden, +.nav__panel.state--visible { + display:block; + height:auto; + left:0; + min-height:1em; + opacity:1; + position:absolute; + top:0; + width:100%; +} + +.mod_csstransitions .nav__panel.state--hidden, +.mod_csstransitions .nav__panel.state--visible { + transition:transform .25s ease-in-out; +} + +.nav__panel.state--hidden { + top:-100%; + +} + +.mod_csstransforms .nav__panel.state--hidden { + top:0; + transform:translateY(-100%); +} + +.nav__panel.state--visible { + top:0; + +} + +.mod_csstransforms .nav__panel.state--visible { + transform:translateY(0); +} + +.nav__panel__content { + margin:0 auto; + position:relative; + text-align:left; + width:auto; +} + + +.nav__list { + padding:1em 0; +} + +.nav__link, +.nav__link:visited { + color:white; +} + +.nav__link { + font-size:.7619047619em; +} + +.no-js .nav__close { + display:none; + opacity:0; +} diff --git a/static/dev/scss/modules/note.css b/static/dev/scss/modules/note.css @@ -0,0 +1,26 @@ +// NOTE MODULE + +.note__list { + list-style-type:none; + margin-left:0; +} + +.note__item { + border-bottom:1px solid #cccccc; + margin-bottom:1.5em; + padding-bottom:1em; +} + +.note__blockquote__footer { + margin:1em 0 0; +} + +.note__footer { + font-size:14px; +} + +@media screen and (min-width: 48em) { + .note__footer { + font-size:16px; + } +} diff --git a/static/dev/scss/modules/single.css b/static/dev/scss/modules/single.css @@ -0,0 +1,9 @@ +// Single content + +.single { + text-align:left; +} + +.single h1 { + padding-right:66px; +}