Files
landing_page/qdrant-landing/themes/qdrant/static/css/blocks/checkbox.scss
T
treanandAndrey Vasnetsov 9e428c70bc WIP Cloud prices page (#43)
* cloud prices page

* added link on the cloud page to main menu

* Cloud form with steps (#46)

* for with several steps, in progress

* form with steps - some template and styles

* rearranged scss

* some styles

* more styles

* sliding to invalid input on submit

* connected netlify

* debug

* fixes

* fixes

* fix

* a button leading to the form with steps

* changed questions

* renamed a directory with the cloud form to Surveys to make it reusable

* added more variant to the use-case questions, added terms checkbox

* cloud button in the header (#52)

* update items

* upd pricing page

* cloud -> pricing

* pricing content

* fixes for buttons border, added popovers

* bg size

* upd subtitles

* add text to tooltips

Co-authored-by: Andrey Vasnetsov <andrey@vasnetsov.com>
2022-06-14 17:51:31 +02:00

36 lines
711 B
SCSS

.checkbox {
$form-font-size: 1.4rem;
position: relative;
&__input {
display: none;
}
&__label {
display: block;
padding-left: $form-font-size + 1rem;
cursor: pointer;
line-height: 0.9;
}
[type="radio"] + .checkbox__label:before,
[type="checkbox"] + .checkbox__label:before {
display: block;
width: $form-font-size;
height: $form-font-size;
position: absolute;
left: 2px;
content: "";
cursor: pointer;
box-shadow: inset 0 0 0 1px white;
}
[type="radio"]:checked + .checkbox__label:before,
[type="checkbox"]:checked + .checkbox__label:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
}