How to use
- Use cin-c with Border colour, Radius px.
- Opening values for cin-c: Border colour #cbd5e1; Radius px 8.
- Press Generate. cin-c should show “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- Keep the cin-c lines that follow “input,textarea{border:1px solid #cbd5e1;border-radius:8px;pa”.
- Comparison values for cin-c: Border colour #cbd5e1; Radius px 8.
- Press Generate again. cin-c should show “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
Formula / how it works
cin-c opening press of Generate returned:
input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}
cin-c line “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
cin-c comparison values Border colour #cbd5e1; Radius px 8 returned:
input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}
cin-c line “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
cin-c cin-c note 1: value “#cbd5e1” is what Generate turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”, while “#cbd5e1” is what cin-c turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
cin-c cin-r note 2: value “8” is what Generate turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”, while “8” is what cin-r turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
cin-c cin-c note 3: value “#cbd5e1” is what Generate turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”, while “#cbd5e1” is what cin-c turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
cin-c cin-r note 4: value “8” is what Generate turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”, while “8” is what cin-r turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
cin-c cin-c note 5: value “#cbd5e1” is what Generate turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”, while “#cbd5e1” is what cin-c turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
cin-c cin-r note 6: value “8” is what Generate turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”, while “8” is what cin-r turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
cin-c cin-c note 7: value “#cbd5e1” is what Generate turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”, while “#cbd5e1” is what cin-c turned into “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
Worked examples
cin-c opening run
Inputs: Border colour: #cbd5e1 | Radius px: 8
Set Border colour #cbd5e1; Radius px 8. Press Generate. Control cin-c should include “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
Result: input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}
cin-c opening transcript begins input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}.
cin-c comparison run
Inputs: Border colour: #cbd5e1 | Radius px: 8
Set Border colour #cbd5e1; Radius px 8. Press Generate. Control cin-c should include “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
Result: input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}
cin-c comparison transcript begins input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}.
Use cases
- cin-c check “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}” before changing Border colour, Radius px.
- cin-c check “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}” after the comparison edit.
- Copy the cin-c box with Border colour #cbd5e1; Radius px 8.
- Retype Border colour #cbd5e1; Radius px 8 to see “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width” from cin-c again.
Tips & limitations
- cin-c prints “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}” for the opening values.
- cin-c prints “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}” for the comparison values.
- cin-c labels: Border colour, Radius px.
- cin-c button text is Generate.
- cin-c reminder 1: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 2: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 3: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 4: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 5: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 6: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 7: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 8: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 9: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 10: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 11: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 12: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
- cin-c reminder 13: opening “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”; comparison “input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}”.
FAQ
What does cin-c return first?
cin-c after Border colour #cbd5e1; Radius px 8 returns input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}
What does cin-c return second?
cin-c after Border colour #cbd5e1; Radius px 8 returns input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}
Which cin-c values produce the opening text?
Border colour: #cbd5e1 | Radius px: 8
Which cin-c values produce the comparison text?
Border colour: #cbd5e1 | Radius px: 8
Where can I see the cin-c characters?
Opening cin-c text: input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}. Comparison cin-c text: input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}.
What does cin-c leave untouched?
cin-c only changes Border colour, Radius px. Opening evidence: input,textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;width:100%}.
Runs entirely in your browser. Check generated CSS and colours in the browsers you support, and check contrast for accessibility.