+
+ const dropdown = new DropDown({
+ selector: '.cg-dropdown_one',
+ placeholder: 'Выберите авто',
+ lable: 'EXAMPLE',
+ items: [
+ 'BMW',
+ {
+ id: '213sade',
+ title: 'Opel',
+ value: 1,
+ },
+ 'Mersedes',
+ 'MAN',
+ 'Ferari',
+ ],
+ styles: {
+ head: {
+ width: '830px',
+ },
+ list: {
+ width: '824px',
+ },
+ },
+ });
+
+
+
diff --git a/src/style/ExemplePage.scss b/src/style/ExemplePage.scss
index 94b5af5..b12e816 100644
--- a/src/style/ExemplePage.scss
+++ b/src/style/ExemplePage.scss
@@ -56,22 +56,32 @@
.content {
margin-top: 15px;
- background-color: #6b6d76;
+ // background-color: #6b6d76;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
+
.example-select {
width: 100%;
- margin: 25px;
+ background-color: #5c5c5c;
+ border-radius: 5px;
+ margin: 15px 0 0 0;
+ //padding: 0 13px 13px 13px;
&_title {
+ height: 45px;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
color: white;
- text-align: center;
+ padding: 20px 0 0 40px;
+ margin: 0 0 30px 0;
+ background-color: #2a2f3b;
font-size: 20px;
}
+
&_submit {
width: 200px;
height: 35px;
@@ -95,3 +105,9 @@
}
}
}
+
+
+
+pre{
+
+}
diff --git a/src/style/main.scss b/src/style/main.scss
index cf366fa..b921b86 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -10,7 +10,7 @@
}
body {
- background: #c5c5c6;
+ background: #000000c4;
}
.container {