#3D Text in Sass
Inspired by @mdo
| POST /feeds/search HTTP/1.1 | |
| Content-Type: application/x-www-form-urlencoded; charset=UTF-8 | |
| Accept: */*;q=0.5, text/javascript, application/javascript, application/ecmascript, application/x-ecmascript | |
| Sec-Fetch-Site: same-origin | |
| Accept-Language: en-US,en;q=0.9 | |
| Accept-Encoding: gzip, deflate, br | |
| Sec-Fetch-Mode: cors | |
| Host: feedbin.com | |
| Origin: https://feedbin.com | |
| Content-Length: 173 |
| <?xml version="1.0" encoding="UTF-8"?> | |
| <rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:media="http://search.yahoo.com/mrss/" version="2.0"> | |
| <channel> | |
| <title>The Seattle Times Food & Drink – The Seattle Times</title> | |
| <atom:link href="https://www.seattletimes.com/food-drink/feed/" rel="self" type="application/rss+xml"/> | |
| <link>https://www.seattletimes.com</link> | |
| <description>The Food & Drink section brings you news about the Seattle restaurant and bar scene such as openings, closings, news about chefs and advice on where to go for a great meal or happy hour. </description> | |
| <lastBuildDate>Mon, 21 Oct 2024 13:39:59 -0700</lastBuildDate> | |
| <language>en-US</language> | |
| <sy:updatePeriod>hourly</sy:updatePeriod> |
| $red: #f00; | |
| .box { | |
| color: $red; | |
| } |
| //@use 'core/mixins'; | |
| //@use 'variables' as *; | |
| $_breakpoints: ( | |
| 'tablet': 650px, | |
| 'desktop': 992px, | |
| 'hd': 1280px, | |
| ) !default; | |
| @mixin breakpoint($break) { |
| $size-spacing-xs: 0.5rem; | |
| .overviewLink:hover { | |
| text-decoration: none; | |
| .avatar { | |
| outline-width: ($size-spacing-xs / 2); | |
| outline-width: calc(#{$size-spacing-xs} / 2); | |
| } | |
| } |
| $size-spacing-xs: 2rem; | |
| .overviewLink:hover { | |
| text-decoration: none; | |
| .avatar { | |
| outline-width: ($size-spacing-xs / 2); | |
| outline-width: calc(#{$size-spacing-xs} / 2); | |
| } | |
| } |
| import * as path from 'path'; | |
| import adapter from '@sveltejs/adapter-auto'; | |
| import { markdown } from 'svelte-preprocess-markdown'; | |
| const API_BASE = process.env.DEV ? 'http://127.0.0.1:3000' : 'https://api.svelte.dev'; | |
| const config = { | |
| kit: { | |
| adapter: adapter(), | |
| vite: () => ({ |
| $cmln-toc-entry-number-padding-right: 1rem; | |
| $selector: ""; | |
| @for $i from 1 through 6 { | |
| $selector: "#{$selector} ul li"; | |
| #{$selector} a .tocnumber { min-width: $cmln-toc-entry-number-padding-right + 0.25rem + 0.75rem * $i; } | |
| } |
| $red: red; | |
| foo { | |
| color: $red; | |
| } |
#3D Text in Sass
Inspired by @mdo