penpot/frontend/resources/styles/common/refactor/spacing.scss

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC

@use "sass:math";

$s-0: 0px;
$s-1: 1px;
$s-2: math.div(0.25rem, 2);
$s-3: calc($s-1 + $s-2);
$s-4: 0.25rem;
$s-6: #{0.25 + math.div(0.25, 2)}rem;

// To calculate:
// https://docs.google.com/spreadsheets/d/1YVEfudB3bdO2ZOo5azZLJzZgA0Fkt1C85-1jVjuSYXg/edit?usp=sharing
$s-8: #{0.25 * 2}rem;
$s-12: #{0.25 * 3}rem;
$s-16: #{0.25 * 4}rem;
$s-20: #{0.25 * 5}rem;
$s-24: #{0.25 * 6}rem;
$s-28: #{0.25 * 7}rem;
$s-32: #{0.25 * 8}rem;
$s-36: #{0.25 * 9}rem;
$s-40: #{0.25 * 10}rem;
$s-44: #{0.25 * 11}rem;
$s-48: #{0.25 * 12}rem;
$s-52: #{0.25 * 13}rem;
$s-56: #{0.25 * 14}rem;
$s-60: #{0.25 * 15}rem;
$s-64: #{0.25 * 16}rem;
$s-68: #{0.25 * 17}rem;
$s-72: #{0.25 * 18}rem;
$s-76: #{0.25 * 19}rem;
$s-80: #{0.25 * 20}rem;
$s-84: #{0.25 * 21}rem;
$s-88: #{0.25 * 22}rem;
$s-92: #{0.25 * 23}rem;
$s-96: #{0.25 * 24}rem;
$s-100: #{0.25 * 25}rem;
$s-104: #{0.25 * 26}rem;
$s-108: #{0.25 * 27}rem;
$s-112: #{0.25 * 28}rem;
$s-116: #{0.25 * 29}rem;
$s-120: #{0.25 * 30}rem;
$s-124: #{0.25 * 31}rem;
$s-128: #{0.25 * 32}rem;
$s-132: #{0.25 * 33}rem;
$s-136: #{0.25 * 34}rem;
$s-140: #{0.25 * 35}rem;
$s-144: #{0.25 * 36}rem;
$s-148: #{0.25 * 37}rem;
$s-152: #{0.25 * 38}rem;
$s-156: #{0.25 * 39}rem;
$s-160: #{0.25 * 40}rem;
$s-164: #{0.25 * 41}rem;
$s-168: #{0.25 * 42}rem;
$s-172: #{0.25 * 43}rem;
$s-176: #{0.25 * 44}rem;
$s-180: #{0.25 * 45}rem;
$s-184: #{0.25 * 46}rem;
$s-188: #{0.25 * 47}rem;
$s-192: #{0.25 * 48}rem;
$s-196: #{0.25 * 49}rem;
$s-200: #{0.25 * 50}rem;
$s-204: #{0.25 * 51}rem;
$s-208: #{0.25 * 52}rem;
$s-212: #{0.25 * 53}rem;
$s-216: #{0.25 * 54}rem;
$s-220: #{0.25 * 55}rem;
$s-224: #{0.25 * 56}rem;
$s-228: #{0.25 * 57}rem;
$s-232: #{0.25 * 58}rem;
$s-236: #{0.25 * 59}rem;
$s-240: #{0.25 * 60}rem;
$s-244: #{0.25 * 61}rem;
$s-248: #{0.25 * 62}rem;
$s-252: #{0.25 * 63}rem;
$s-256: #{0.25 * 64}rem;
$s-260: #{0.25 * 65}rem;
$s-264: #{0.25 * 66}rem;
$s-268: #{0.25 * 67}rem;
$s-272: #{0.25 * 68}rem;
$s-276: #{0.25 * 69}rem;
$s-280: #{0.25 * 70}rem;
$s-284: #{0.25 * 71}rem;
$s-288: #{0.25 * 72}rem;
$s-292: #{0.25 * 73}rem;
$s-296: #{0.25 * 74}rem;
$s-300: #{0.25 * 75}rem;
$s-304: #{0.25 * 76}rem;
$s-308: #{0.25 * 77}rem;
$s-312: #{0.25 * 78}rem;
$s-316: #{0.25 * 79}rem;
$s-320: #{0.25 * 80}rem;
$s-324: #{0.25 * 81}rem;
$s-328: #{0.25 * 82}rem;
$s-332: #{0.25 * 83}rem;
$s-336: #{0.25 * 84}rem;
$s-340: #{0.25 * 85}rem;
$s-344: #{0.25 * 86}rem;
$s-348: #{0.25 * 87}rem;
$s-352: #{0.25 * 88}rem;
$s-356: #{0.25 * 89}rem;
$s-360: #{0.25 * 90}rem;
$s-364: #{0.25 * 91}rem;
$s-368: #{0.25 * 92}rem;
$s-372: #{0.25 * 93}rem;
$s-376: #{0.25 * 94}rem;
$s-380: #{0.25 * 95}rem;
$s-384: #{0.25 * 96}rem;
$s-388: #{0.25 * 97}rem;
$s-392: #{0.25 * 98}rem;
$s-396: #{0.25 * 99}rem;
$s-400: #{0.25 * 100}rem;
$s-404: #{0.25 * 101}rem;
$s-408: #{0.25 * 102}rem;
$s-412: #{0.25 * 103}rem;
$s-416: #{0.25 * 104}rem;
$s-420: #{0.25 * 105}rem;
$s-424: #{0.25 * 106}rem;
$s-428: #{0.25 * 107}rem;
$s-432: #{0.25 * 108}rem;
$s-436: #{0.25 * 109}rem;
$s-440: #{0.25 * 110}rem;
$s-444: #{0.25 * 111}rem;
$s-448: #{0.25 * 112}rem;
$s-452: #{0.25 * 113}rem;
$s-456: #{0.25 * 114}rem;
$s-460: #{0.25 * 115}rem;
$s-464: #{0.25 * 116}rem;
$s-468: #{0.25 * 117}rem;
$s-472: #{0.25 * 118}rem;
$s-476: #{0.25 * 119}rem;
$s-480: #{0.25 * 120}rem;
$s-484: #{0.25 * 121}rem;
$s-488: #{0.25 * 122}rem;
$s-492: #{0.25 * 123}rem;
$s-496: #{0.25 * 124}rem;
$s-500: #{0.25 * 125}rem;
$s-512: #{0.25 * 128}rem;
$s-520: #{0.25 * 130}rem;
$s-536: #{0.25 * 134}rem;
$s-540: #{0.25 * 135}rem;
$s-548: #{0.25 * 137}rem;
$s-580: #{0.25 * 145}rem;
$s-612: #{0.25 * 153}rem;
$s-632: #{0.25 * 158}rem;
$s-640: #{0.25 * 160}rem;
$s-648: #{0.25 * 162}rem;
$s-664: #{0.25 * 166}rem;
$s-688: #{0.25 * 172}rem;
$s-712: #{0.25 * 178}rem;
$s-736: #{0.25 * 184}rem;
$s-744: #{0.25 * 186}rem;
$s-800: #{0.25 * 200}rem;
$s-888: #{0.25 * 222}rem;
$s-908: #{0.25 * 227}rem;
$s-960: #{0.25 * 240}rem;
$s-968: #{0.25 * 242}rem;
$s-1000: #{0.25 * 250}rem;