Compare commits

...

4 Commits

Author SHA1 Message Date
Ray Elliott 624c0c3006 add custom css for about page 2020-02-19 21:42:08 +00:00
Ray Elliott c230e9d126 rename mixins.scss to _mixins.scss 2020-02-19 21:40:20 +00:00
Ray Elliott 920346403f add cms tag 2020-02-19 21:12:41 +00:00
Ray Elliott 1acf8673f9 tidy up .cheat-october-list 2020-02-19 19:43:27 +00:00
6 changed files with 63 additions and 43 deletions

29
assets/css/_about.scss Normal file
View File

@ -0,0 +1,29 @@
.page.about {
.content {
text-align: center;
}
ul {
padding-left: 0;
list-style: none;
}
article > p,
article > ul {
font-size: 1.1em;
}
article > p {
margin: 3rem;
}
li {
margin: 2rem 0;
}
h2 {
font-size: 2.2rem;
line-height: 2.6rem;
}
}

View File

@ -1,15 +1,5 @@
@import "mixins";
.page.about {
.content {
text-align: center;
}
ul {
padding-left: 0;
list-style: none;
}
}
@import "about";
.navigation .navigation-title {
text-transform: none;
@ -166,40 +156,41 @@
}
}
/* TODO do this properly using a shortcode */
// TODO do this properly using a shortcode to add the class to the list
// (see contentposts/leopold.md)
.cheat-october-list {
display: none;
}
.cheat-october-list + ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
+ ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.cheat-october-list + ul > li {
list-style: none;
}
+ ul > li {
list-style: none;
}
.cheat-october-list + ul > li > p:first-child {
position: relative;
margin-top: 0;
padding-left: 40px;
}
+ ul > li > p:first-child {
position: relative;
margin-top: 0;
padding-left: 40px;
}
.cheat-october-list + ul > li > p:not(:first-child) {
padding-left: 40px;
}
+ ul > li > p:not(:first-child) {
padding-left: 40px;
}
.cheat-october-list + ul > li > p:first-child::before {
content: "";
position: absolute;
display: block;
top: 0.2em;
bottom: 0.2em;
left: 0;
right: 0;
background-size: contain;
background-repeat: no-repeat;
background-image: url(../images/logos/october-icon.png);
+ ul > li > p:first-child::before {
content: "";
position: absolute;
display: block;
top: 0.2em;
bottom: 0.2em;
left: 0;
right: 0;
background-size: contain;
background-repeat: no-repeat;
background-image: url(../images/logos/october-icon.png);
}
}

View File

@ -3,7 +3,7 @@ title: "Flow Model Management"
date: 2020-02-08T12:27:18Z
description: "Developing a portfolio website using Nuxt.js."
categories: ["Portfolio"]
tags: ["Vue", "Nuxt"]
tags: ["Vue", "Nuxt", "CMS"]
featured_image: "/images/flowmm/flowmm-home.jpg"
series: ["Portfolio"]
draft: false

View File

@ -3,7 +3,7 @@ draft = false
date = 2019-12-29T18:55:07Z
title = "Giana Boutique"
description = "Developing an ecommerce website using WordPress and WooCommerce."
tags = ["WordPress", "WooCommerce"]
tags = ["WordPress", "WooCommerce", "CMS"]
categories = ["Portfolio"]
featured_image = "/images/giana/large-1.jpg"
externalLink = ""

View File

@ -3,7 +3,7 @@ draft = false
date = 2020-02-01T18:54:46Z
title = "Marc Leopold Photography"
description = "Developing a portfolio website using October CMS and Vue.js."
tags = ["October CMS", "Vue"]
tags = ["October CMS", "Vue", "CMS"]
categories = ["Portfolio"]
featured_image = "/images/leopold/large-1.jpg"
series = ["Portfolio"]