#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