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:
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';