zastrow

@mixin unbuttonize {
  // This removes styles added by default to button elements.
  // For when something should semantically be a button,
  // but isn't buttony in appearance.
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;

zastrow

@use "sass:map";

$sizes: (
    'regular': 1rem,
    'small': 0.875rem,
    'large': 2rem
);

@function size($size) {
    @return map.get($sizes, $size);

zastrow

$bp-sm: 36rem;

.my-class {
	color: red;
	font-size: 1.25rem;
	font-family: sans-serif;

	@media (min-width: $bp-sm) {
		font-size: 2rem;
	}

zastrow

// ----
// libsass (v3.5.4)
// ----

$spacing-limit: 4;

$spacing-key: (
  "top": "top",
  "right": "right",
  "left": "left",

zastrow

// ----
// libsass (v3.5.4)
// ----

// Grayscale
@function gray($level) {
  @if $level == 0 {
    @return white;
  }
  @else if $level == 100 {

zastrow

//Breakpoints
$bp-sm: 30rem;
$bp-md: 50rem;
$bp-lg: 60rem;
$bp-xl: 80rem;

$grid-breakpoints: (
  sm: $bp-sm,
  md: $bp-md,
  lg: $bp-lg,

zastrow

//Breakpoints
$bp-sm: 30rem;
$bp-md: 50rem;
$bp-lg: 60rem;
$bp-xl: 80rem;

$grid-breakpoints: (
  sm: $bp-sm,
  md: $bp-md,
  lg: $bp-lg,

zastrow

> 1%
last 2 versions

zastrow

$spacing-limit: 4;

zastrow

.obj-grid {
  display: grid;
  grid-gap: 1.25rem;
  grid-template-columns: repeat(12, 1fr);
}

.obj-grid .obj-grid__1-12 {
  width: auto;
  grid-column: span 1;
}