css-fluid README

A Visual Studio Code extension to facilitate easier calculating of some css fluid related values.

Features

Fluid size

Fluid size, and it's variant Fluid size, ask for dimensions creates formula for interpolating size based on screen width. It can be used to fluidly resize fonts, margins, paddings, etc.

When using Fluid size, first set settings of the plugin (desktop screen width and mobile screen width) and then type number with or without px as suffix. Position cursor at the end of the size and invoke command. You will be asked for mobile size. Formula will be automattically created.

In case of Fluid size, ask for dimensions, it will ask first for all settings, including desktop and mobile screen width.

Desktop Percent, Mobile percent, Desktop percent of content

Invoke on last position of number, it calculates percentage of respective size.

Division by divisor

First set number Fluid: set divisor.

Then type number and choose Fluid: divide by divisor

... to be written further, following text is just placeholder

Describe specific features of your extension including screenshots of your extension in action. Image paths are relative to this README file.

For example if there is an image subfolder under your extension project workspace:


Tip: Many popular extensions utilize animations. This is an excellent way to show off your extension! We recommend short, focused animations that are easy to follow.

Requirements

If you have any requirements or dependencies, add a section describing those and how to install and configure them.

Extension Settings

Include if your extension adds any VS Code settings through the contributes.configuration extension point.

For example:

This extension contributes the following settings:

• myExtension.enable: Enable/disable this extension.
• myExtension.thing: Set to blah to do something.

Known Issues

Calling out known issues can help limit users opening duplicate issues against your extension.

Release Notes

Users appreciate release notes as you update your extension.

1.0.0

Initial release of ...

1.0.1

Fixed issue #.

1.1.0

Added features X, Y, and Z.

---

Working with Markdown

You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:

• Split the editor (Cmd+\ on macOS or Ctrl+\ on Windows and Linux)
• Toggle preview (Shift+Cmd+V on macOS or Shift+Ctrl+V on Windows and Linux)
• Press Ctrl+Space (Windows, Linux, macOS) to see a list of Markdown snippets

For more information

• Visual Studio Code's Markdown Support
• Markdown Syntax Reference

Enjoy!