hugosoucycc

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

commit d061aac7f171ba57e844efbfc00cd72b2ec070f7
parent 9f47f3a657a50856a64bc4b8b924b748366ad0b8
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Sun,  4 Dec 2016 08:27:41 -0500

Replace SCSS files by plain CSS

Diffstat:
Dstatic/dev/scss/abstractions/_config.scss | 49-------------------------------------------------
Dstatic/dev/scss/abstractions/_functions.scss | 37-------------------------------------
Dstatic/dev/scss/abstractions/_mixins.scss | 31-------------------------------
Dstatic/dev/scss/abstractions/_variables.scss | 54------------------------------------------------------
Dstatic/dev/scss/global/_base.scss | 385-------------------------------------------------------------------------------
Dstatic/dev/scss/global/_fonts.scss | 41-----------------------------------------
Dstatic/dev/scss/global/_grid.scss | 21---------------------
Dstatic/dev/scss/global/_helpers.scss | 107-------------------------------------------------------------------------------
Dstatic/dev/scss/modules/cv.css | 33---------------------------------
Dstatic/dev/scss/modules/footer.css | 5-----
Dstatic/dev/scss/modules/images.css | 17-----------------
Dstatic/dev/scss/modules/logo.css | 21---------------------
Dstatic/dev/scss/modules/nav.css | 132-------------------------------------------------------------------------------
Dstatic/dev/scss/modules/note.css | 26--------------------------
Dstatic/dev/scss/modules/single.css | 9---------
Dstatic/dev/scss/styles.scss | 22----------------------
16 files changed, 0 insertions(+), 990 deletions(-)

diff --git a/static/dev/scss/abstractions/_config.scss b/static/dev/scss/abstractions/_config.scss @@ -1,48 +0,0 @@ -// DEFAULT CONFIGURATION - -$typo: ( - fontsize: 18, - lineheight: 1.5 -); - -$paths: ( - images: "http://assets.soucy.cc/images/", - fonts: "../fonts/" -); - -$grid: ( - maxwidth: 992px, - colnumber: 12, - gutter:12px -); - -// Colors -$colors: ( - black: #000000, - alpha: #111111, - beta: #0000ff, - gamma:#00a450, - delta:#f5871e, - epsilon: #ed1a3b, - omega: #f1f1f1, - white: #ffffff -); - -// RWD Breakpoints -$breakpoints: ( - xxs: 360, - xs: 520, - sm: 768, - md: 992, - lg: 1140 -); - -// X Y Rhythm -$spacings: ( - xs: 8, - sm: 16, - default: 24, - md: 32, - lg: 48, - xl: 64 -);- \ No newline at end of file diff --git a/static/dev/scss/abstractions/_functions.scss b/static/dev/scss/abstractions/_functions.scss @@ -1,37 +0,0 @@ -// FUNCTIONS -// From Bourbon.io (http://bourbon.io/) source code. - -$em-base: map-get($typo, fontsize); - -// Srtips the units from a value. e.g. 12px -> 12 -@function strip-units($val) { - @return ($val / ($val * 0 + 1)); -} - -// Convert pixels to ems -// eg. for a relational value of 12px write em(12) when the parent is 16px -// if the parent is another value say 24px write em(12, 24) -@function em($pxval, $base: 16) { - @if not unitless($pxval) { - $pxval: strip-units($pxval); - } - @if not unitless($base) { - $base: strip-units($base); - } - @return ($pxval / $base) * 1em; -} - -// Convert pixels to rems -// eg. for a relational value of 12px write rem(12) -// Assumes $em-base is the font-size of <html> -@function rem($pxval) { - @if not unitless($pxval) { - $pxval: strip-units($pxval); - } - - $base: $em-base; - @if not unitless($base) { - $base: strip-units($base); - } - @return ($pxval / $base) * 1rem; -} diff --git a/static/dev/scss/abstractions/_mixins.scss b/static/dev/scss/abstractions/_mixins.scss @@ -1,30 +0,0 @@ -// MIXINS - -// Breakpoints mixin -@mixin breakpoint($point) { - @if $point == $xxs { - @media (min-width: $xxs) { - @content; - } - } - @else if $point == $xs { - @media (min-width: $xs) { - @content; - } - } - @else if $point == $sm { - @media (min-width: $sm) { - @content; - } - } - @else if $point == $md { - @media (min-width: $md) { - @content; - } - } - @else if $point == $lg { - @media (max-width: $lg) { - @content; - } - } -}- \ No newline at end of file diff --git a/static/dev/scss/abstractions/_variables.scss b/static/dev/scss/abstractions/_variables.scss @@ -1,54 +0,0 @@ -// VARIABLES & CONSTANTS - -// Base Values -$_base_font_size: map-get($typo, fontsize) + 0px !default; -$_base_line_height: map-get($typo, lineheight) !default; - -// Image Path -$_img_path: map-get($paths, images) !default; - -// Font Path -$_font_path: map-get($paths, fonts) !default; - -// Font-Families -$_font_family_alpha: "Domine",Georgia,"Times New Roman",times,serif !default; -$_font_family_beta: "Leitura News","Domine",serif !default; -$_font_family_gamma: monospace !default; - -// Colors: Background / Foreground -$_color_bg: map-get($colors, omega) !default; -$_color_fg: map-get($colors, alpha) !default; -$_color_fg_selected: map-get($colors, alpha) !default; - -// Colors: Hyperlinks -$_color_active: map-get($colors, alpha) !default; -$_color_focus: map-get($colors, omega) !default; -$_color_hover: $_color_focus !default; -$_color_link: map-get($colors, beta) !default; -$_color_visited: $_color_active !default; - -// Colors: Blocks -$_color_alert: map-get($colors, epsilon) !default; -$_color_code_bg: map-get($colors, white) !default; -$_color_success: map-get($colors, gamma) !default; -$_color_warning: map-get($colors, delta) !default; - -// Site Max-Width -$_max_width: map-get($grid, maxwidth) !default; - -// Spacings for X Y Rhythm -$_space_xsmall: map-get($spacings, xs) !default; -$_space_small: map-get($spacings, sm) !default; -$_space: map-get($spacings, default) !default; -$_space_medium: map-get($spacings, md) !default; -$_space_large: map-get($spacings, lg) !default; -$_space_xlarge: map-get($spacings, xl) !default; - -// Typography Vars - -// EM Breakpoints -$xxs: em(map-get($breakpoints, xxs)) !default; -$xs: em(map-get($breakpoints, xs)) !default; -$sm: em(map-get($breakpoints, sm)) !default; -$md: em(map-get($breakpoints, md)) !default; -$lg: em(map-get($breakpoints, lg)) !default; diff --git a/static/dev/scss/global/_base.scss b/static/dev/scss/global/_base.scss @@ -1,385 +0,0 @@ -/*! NORMALIZE.CSS V1.1.3 | MIT LICENSE | GIT.IO/NORMALIZE */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary {display:block;} - -audio, -canvas, -video { - display:inline-block; - *display:inline; - *zoom:1; -} - -audio:not([controls]) { - display:none; - height:0; -} - -[hidden] {display:none;} - -html, -body { - height:100%; - min-height:100%; -} - -html { - text-size-adjust:100%; -} - -body { - margin:0; - position:relative; -} - -a:focus { - outline:thin dotted; -} - -a:active, -a:hover { - outline:0; -} - -/* */ - -h1, -.like-h1 { - font-size:rem(36); - hyphens:none; - margin:0 0 .67em; - padding-top:.67em; -} - -h2, -.like-h2 { - font-size:1.5em; - margin:0.83em 0; -} - -h3, -.like-h3 { - font-size:1.17em; - margin:1em 0; -} - -h4, -.like-h4 { - font-size:1em; - margin:1.33em 0; -} - -h5, -.like-h5 { - font-size:0.83em; - margin:1.67em 0; -} - -h6, -.like-h6 { - font-size:0.67em; - margin:2.33em 0; -} - -abbr[title] {border-bottom:1px dotted;} - -b, -strong {font-weight:bold;} - -blockquote { - border-left:10px solid #cccccc; - display:block; - margin:1em 0; - padding-left:1.5em; - - span { - display:inline-block; - - &:before, - &:after { - display:inline; - } - - &:after { - content:"\00A0\00BB"; - } - - &:before { - content:"\00AB\00A0"; - } - } - - p { - display:inline; - } -} - -dfn {font-style:italic;} - -hr { - box-sizing:content-box; - height:0; -} - -mark {background:$_color_warning;} - -p, -pre {margin:1em 0;} - -code, -kbd, -pre, -samp { - background:$_color_code_bg; - font-family:$_font_family_gamma; - font-size:1em; -} - -code { - display:inline-block; - padding:0 3px; -} - -pre { - white-space:pre; - white-space:pre-wrap; - word-wrap:break-word; -} - -q {quotes:none;} - -q:before, -q:after { - content:''; - content:none; -} - -small {font-size:80%;} - -sub, -sup { - font-size:75%; - line-height:0; - position:relative; - vertical-align:baseline; -} - -sup {top:-0.5em;} - -sub {bottom:-0.25em;} - -address { - font-style:normal; -} - -address, -dl, -menu, -ol, -ul {margin:1em 0;} - -dd {margin:0;} - -menu, -ol, -ul {padding:0;} - -nav ul, -nav ol { - list-style:none; - list-style-image:none; -} - -img { - border:0; - -ms-interpolation-mode:bicubic; - max-width:100%; - width:auto; -} - -svg:not(:root) {overflow:hidden;} - -figure {margin:0;} - -form {margin:0;} - -fieldset { - border:0; - margin:0 2px; - padding:.35em .625em .75em; -} - -legend { - border:0; - padding:0; - white-space:normal; - *margin-left:-7px; -} - -button, -input, -select, -textarea { - font-size:100%; - margin:0; - vertical-align:baseline; - *vertical-align:middle; -} - -button, -input {line-height:normal;} - -button, -select {text-transform:none;} - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance:button; - cursor:pointer; - *overflow:visible; -} - -button[disabled], -html input[disabled] {cursor:default;} - -input[type="checkbox"], -input[type="radio"] { - box-sizing:border-box; - padding:0; - *height:13px; - *width:13px; -} - -input[type="search"] { - -webkit-appearance:textfield; - -moz-box-sizing:content-box; - -webkit-box-sizing:content-box; - box-sizing:content-box; -} - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance:none; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - border:0; - padding:0; -} - -textarea { - overflow:auto; - vertical-align:top; -} - -table { - border-collapse:collapse; - border-spacing:0; -} - -html, -button, -input, -select, -textarea { - color:$_color_fg; - font-family:$_font_family_alpha; -} - -html { - font-size:$_base_font_size; - line-height:$_base_line_height; - - @include breakpoint($md) { - font-size:24px; - } -} - -body {background:$_color_bg url("#{$_img_path}noise.png") repeat;} - -::-moz-selection { - background:#b3d4fc; - text-shadow:none; -} - -::selection { - background:#b3d4fc; - text-shadow:none; -} - -hr { - display:block; - height:1px; - border:0; - border-top:1px solid $_color_fg; - margin:1em 0; - padding:0; -} - -audio, -canvas, -img, -video {vertical-align:middle;} - -fieldset { - border:0; - margin:0; - padding:0; -} - -textarea {resize:vertical;} - -a { - border-bottom:1px dotted $_color_link; - color:$_color_link; - text-decoration:none; - - &:active, - &:visited { - border-bottom:1px dotted $_color_active; - color:$_color_active; - } - - &:focus, - &:hover { - background-color:$_color_link; - border:0; - color:$_color_hover; - } -} - -ol, -ul { - margin-left:1em; - padding:0; -} - -ul ul { - margin-bottom:.5em; - margin-top:.5em; -} - -li {margin-bottom:.25em;} - -menu ul, -menu ol, -nav ul, -nav ol { - margin:0; - padding:0; -} diff --git a/static/dev/scss/global/_fonts.scss b/static/dev/scss/global/_fonts.scss @@ -1,40 +0,0 @@ -// FONTS CONFIG - -// Font-Face Logo -// Leitura News -@font-face { - font-family: 'Leitura News'; - src: url('#{$_font_path}leitura/leituranews-italic4-webfont.eot'); - src: url('#{$_font_path}leitura/leituranews-italic4-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$_font_path}leitura/leituranews-italic4-webfont.woff') format('woff'), - url('#{$_font_path}leitura/leituranews-italic4-webfont.ttf') format('truetype'), - url('#{$_font_path}leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular') format('svg'); - font-weight: normal; - font-style: normal; -} - -// Font-Face Text -// Domine -@font-face { - font-family: 'Domine'; - src: url('#{$_font_path}domine/domine-bold-webfont.eot'); - src: url('#{$_font_path}domine/domine-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$_font_path}domine/domine-bold-webfont.woff2') format('woff2'), - url('#{$_font_path}domine/domine-bold-webfont.woff') format('woff'), - url('#{$_font_path}domine/domine-bold-webfont.ttf') format('truetype'), - url('#{$_font_path}domine/domine-bold-webfont.svg#dominebold') format('svg'); - font-weight: 700; - font-style: normal; -} - -@font-face { - font-family: 'Domine'; - src: url('#{$_font_path}domine/domine-regular-webfont.eot'); - src: url('#{$_font_path}domine/domine-regular-webfont.eot?#iefix') format('embedded-opentype'), - url('#{$_font_path}domine/domine-regular-webfont.woff2') format('woff2'), - url('#{$_font_path}domine/domine-regular-webfont.woff') format('woff'), - url('#{$_font_path}domine/domine-regular-webfont.ttf') format('truetype'), - url('#{$_font_path}domine/domine-regular-webfont.svg#domineregular') format('svg'); - font-weight: 400; - font-style: normal; -}- \ No newline at end of file diff --git a/static/dev/scss/global/_grid.scss b/static/dev/scss/global/_grid.scss @@ -1,21 +0,0 @@ -// LAYOUT & GRID - -.layout { - hyphens:auto; - margin-left:auto; - margin-right:auto; - max-width:$_max_width; - padding:0 rem(16); - width:auto; - - @include breakpoint($sm) { - padding:0 rem(20); - text-align:left; - } - - &__vcenter { - display:table-cell; - height:100vh; - vertical-align:middle; - } -} diff --git a/static/dev/scss/global/_helpers.scss b/static/dev/scss/global/_helpers.scss @@ -1,107 +0,0 @@ -// HELPERS CLASSES - -/* - * Image replacement - */ - -.ir { - background-color: transparent; - border: 0; - overflow: hidden; - /* IE 6/7 fallback */ - *text-indent: -9999px; -} - -.ir:before { - content: ""; - display: block; - width: 0; - height: 150%; -} - -/* - * Hide from both screenreaders and browsers: h5bp.com/u - */ - -.hidden { - display: none !important; - visibility: hidden; -} - -/* - * Hide only visually, but have it available for screenreaders: h5bp.com/v - */ - -.visuallyhidden { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -/* - * Extends the .visuallyhidden class to allow the element to be focusable - * when navigated to via the keyboard: h5bp.com/p - */ - -.visuallyhidden.focusable:active, -.visuallyhidden.focusable:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; -} - -/* - * Hide visually and from screenreaders, but maintain layout - */ - -.invisible { - visibility: hidden; -} - -/* - * Clearfix: contain floats - * - * For modern browsers - * 1. The space content is one way to avoid an Opera bug when the - * `contenteditable` attribute is included anywhere else in the document. - * Otherwise it causes space to appear at the top and bottom of elements - * that receive the `clearfix` class. - * 2. The use of `table` rather than `block` is only necessary if using - * `:before` to contain the top-margins of child elements. - */ - -.clearfix:before, -.clearfix:after { - content: " "; /* 1 */ - display: table; /* 2 */ -} - -.clearfix:after { - clear: both; -} - -/* - * For IE 6/7 only - * Include this rule to trigger hasLayout and contain floats. - */ - -.clearfix { - *zoom: 1; -} - -// Position -.position--fixed { - position:fixed; -} - -.position--relative { - position:relative; -} diff --git a/static/dev/scss/modules/cv.css b/static/dev/scss/modules/cv.css @@ -1,33 +0,0 @@ -// 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 @@ -1,5 +0,0 @@ -// FOOTER - -footer { - font-size:.7619047619em; -} diff --git a/static/dev/scss/modules/images.css b/static/dev/scss/modules/images.css @@ -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; -} - -.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 @@ -1,21 +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: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 @@ -1,132 +0,0 @@ -// 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 @@ -1,26 +0,0 @@ -// 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 @@ -1,9 +0,0 @@ -// Single content - -.single { - text-align:left; -} - -.single h1 { - padding-right:66px; -} diff --git a/static/dev/scss/styles.scss b/static/dev/scss/styles.scss @@ -1,22 +0,0 @@ -// MAIN SCSS FILE TO RULE THEM ALL - -// SASS Abstractions -@import 'abstractions/config'; -@import 'abstractions/functions'; -@import 'abstractions/variables'; -@import 'abstractions/mixins'; - -// Global Rules -@import 'global/fonts'; -@import 'global/base'; -@import 'global/grid'; -@import 'global/helpers'; - -// Modules -@import 'modules/logo'; -@import 'modules/cv'; -@import 'modules/images'; -@import 'modules/nav'; -@import 'modules/single'; -@import 'modules/note'; -@import 'modules/footer';