commit 9f47f3a657a50856a64bc4b8b924b748366ad0b8
parent 717062ba8facb284d820739d119e196e9ac19e28
Author: Hugo Soucy <hugo@soucy.cc>
Date: Mon, 28 Nov 2016 18:20:57 -0500
Convert scss in css.
Diffstat:
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;
+}
