clampster.obstudios.io Open in urlscan Pro
143.198.170.70  Public Scan

URL: https://clampster.obstudios.io/
Submission: On June 05 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

<form>
  <div class="form__field">
    <label for="minWidth" class="form__label">Minimum Width:</label>
    <input type="text" id="minWidth" name="minWidth" class="form__input" value="500" required="" aria-required="true" aria-label="Enter the minimum viewport width in pixels" title="Input must be a number or mathematical expression ">
  </div>
  <div class="form__field">
    <label for="maxWidth" class="form__label">Maximum Width:</label>
    <input type="text" id="maxWidth" name="maxWidth" class="form__input" value="1500" required="" aria-required="true" aria-label="Enter the maximum viewport width in pixels" title="Input must be a number or mathematical expression ">
  </div>
  <div class="form__field">
    <label for="minSize" class="form__label">Minimum Font Size:</label>
    <select id="minSizeUnits" name="minSizeUnits" class="form__select" aria-label="Select the units for the minimum font size">
      <option value="px">px</option>
      <option value="rem" selected="">rem</option>
    </select>
    <input type="text" id="minSize" name="minSize" class="form__input" value="1" required="" aria-required="true" aria-label="Enter the minimum font size" title="Input must be a number or mathematical expression ">
  </div>
  <div class="form__field">
    <label for="maxSize" class="form__label">Maximum Font Size:</label>
    <select id="maxSizeUnits" name="maxSizeUnits" class="form__select" aria-label="Select the units for the maximum font size">
      <option value="px">px</option>
      <option value="rem" selected="">rem</option>
    </select>
    <input type="text" id="maxSize" name="maxSize" class="form__input" value="3.5" required="" aria-required="true" aria-label="Enter the maximum font size" title="Input must be a number or mathematical expression ">
  </div>
  <div class="form__field">
    <label for="selector" class="form__label">Selector:</label>
    <input type="text" id="selector" name="selector" class="form__input" value=".example-class" required="" aria-required="true" aria-label="Enter a CSS selector" title="Input must be a valid CSS selector">
  </div>
</form>

Text Content

CLAMPSTER

Easily create dynamic and flexible font-sizing
Minimum Width:
Maximum Width:
Minimum Font Size: px rem
Maximum Font Size: px rem
Selector:
.example-class { font-size: clamp( 1rem, -0.250rem + 4.000vw, 3.5rem ); }

Save

Storage is empty

{
font-size:
} copy remove
File name:
Download
Clear Storage