From a1a0a4ad553f59906930d44bf56b089421d2c7a5 Mon Sep 17 00:00:00 2001 From: ronv Date: Thu, 30 Jan 2020 20:19:33 +0200 Subject: initial commit --- _sass/_main.scss | 198 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 198 insertions(+) create mode 100755 _sass/_main.scss (limited to '_sass') diff --git a/_sass/_main.scss b/_sass/_main.scss new file mode 100755 index 0000000..32b07b3 --- /dev/null +++ b/_sass/_main.scss @@ -0,0 +1,198 @@ +*,:after,:before { + box-sizing:border-box; + background-color:inherit; + color:inherit; + margin:0; + padding:0; +} + +body { + font-family: -apple-system,BlinkMacSystemFont,'avenir next',avenir,helvetica,'helvetica neue',ubuntu,roboto,noto,'segoe ui',arial,sans-serif; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + line-height:1.5; + font-size: 1rem; + color: rgb(22, 23, 26); +} + +nav ul { + border-right: 1px solid #edf2f7; +} + +a { + color: #000; + text-decoration-skip-ink: auto; + text-decoration: underline; +} + +pre { + margin: .5rem 0; + padding: .5rem; +} + +.post p { + margin: .5rem 0; +} + +.post h1, .post h2, .post h3, .post h4 { + margin: 1rem 0; +} + +.post h2:first-child, .project h2:first-child, .photo h2:first-child { + margin-top: 0; +} + +.meta { + margin: 2rem 0; +} + +code,pre { + background: rgb(236, 237, 238); +} + +code { + padding: .1rem; +} + +pre code { + border: none; +} + +pre { + padding: 1rem; + overflow-x: auto; +} + +img { + max-width:100%; +} + +hr { + background: #000; + height: 1px; + border: 0; +} + +header { + flex-basis:10rem; + flex-grow:1; + position:relative; +} + +header a { + text-decoration: none; +} + +header li { + margin-bottom: .2rem; + text-align: right; + margin-right: 2rem; +} + +header a.active { + font-weight: bold; +} + +header,section { + padding:1rem; +} + +blockquote { + font-style: italic; + border-left: 5px solid #ececec; + padding-left: 1rem; +} + +h1,h2,h3,h4,h5 { + line-height: 1; + margin: 1rem 0; + font-weight: 600; +} + +section h1:first-child { + margin-top: 0; +} + +strong, b { + font-weight: bold; +} + +.photos ul { + list-style: none; +} + +.photos li { + margin-bottom: 1.5rem; +} + +.photo picture, .project picture { + margin-bottom: 0.5rem; +} + +.posts ul,header ul { + list-style:none; +} + +.posts li { + align-items:center; + display:flex; + justify-content:space-between; + margin-bottom: .5rem; +} + +.posts li a, .posts li div, .projects li a { + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; + text-decoration: none; +} + +.posts li time, .projects li time { + padding-left: 1rem; + white-space: nowrap; + font-variant-numeric: tabular-nums; +} + +.post ul, .project ul, .post ol { + list-style-position: inside; +} + +main { + display:flex; + flex-wrap:wrap; + max-width:60rem; + margin:2rem auto; + padding:1rem; +} + + +@media screen and (max-width: 45rem ) { +header li { + display: inline; + margin-right: 1rem; +} +.logo { + padding-bottom: 1rem; +} +header ul { + border-bottom: 1px solid #edf2f7; + padding-bottom: 2rem; +} +nav ul { + border-right: 0px; +} + +.photos ul { + margin-top: 0.5rem; +} + +} + +section { + flex-basis:0; + flex-grow:999; + min-width:70%; + display:flex; + flex-direction:column; + +} \ No newline at end of file -- cgit v1.2.3