From 086fa0d49a5e1506fda4dda42c5c69fd3a624ecf Mon Sep 17 00:00:00 2001
From: Thomas Guesnon <bonjour@thomasguesnon.fr>
Date: Wed, 13 Feb 2019 11:37:37 +0100
Subject: Two themes (#2245)

* Two new themes

* update gitignore

* dirs cleaning + mobile ui improvements

* name added to credits file

* New line
---
 p/themes/Mapco/_forms.scss | 153 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 153 insertions(+)
 create mode 100644 p/themes/Mapco/_forms.scss

(limited to 'p/themes/Mapco/_forms.scss')

diff --git a/p/themes/Mapco/_forms.scss b/p/themes/Mapco/_forms.scss
new file mode 100644
index 000000000..8a388aa8a
--- /dev/null
+++ b/p/themes/Mapco/_forms.scss
@@ -0,0 +1,153 @@
+/* btns */
+
+.btn {
+    display: inline-block;
+    min-height: 38px;
+    min-width: 15px;
+    line-height: 25px;
+    margin: 0;
+    padding: 0.5rem 1.5rem;
+    font-size: 1rem;
+    vertical-align: middle;
+    cursor: pointer;
+    overflow: hidden;
+    background: $grey-lighter;
+    border-radius: 5px;
+    border: none;
+    color: $grey-dark;
+
+    @include transition(all, 0.15s, ease-in-out);
+
+    &.btn-important {
+	background: $main-first;
+	color: $white;
+
+	// @include transition(all, 0.15s, ease-in-out);
+
+	&:hover,
+	&:active {
+	    background: $main-first-alt;
+	}
+    }
+
+
+    &.btn-attention {
+	background: $alert-bg;
+	color: #fff;
+
+	&:hover,
+	&:active {
+	    background: $alert-text;
+	}
+    }
+
+    &:hover {
+	text-decoration: none;
+    }
+}
+
+a.btn {
+    min-height: 25px;
+    line-height: 25px;
+}
+
+/*=== Forms */
+legend {
+    display: inline-block;
+    width: auto;
+    margin: 2rem 0 1rem 0;
+    padding: 0;
+    font-size: 1rem;
+    clear: both;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    font-weight: 700;
+}
+label {
+    min-height: 25px;
+    padding: 5px 0;
+    cursor: pointer;
+    color: $grey-dark;
+}
+textarea {
+    width: 360px;
+    height: 100px;
+}
+input, select, textarea, button {
+    font-family: "lato", "Helvetica", "Arial", sans-serif;
+    min-height: 25px;
+    padding: 5px 10px;
+    line-height: 25px;
+    vertical-align: middle;
+    background: $white;
+    border: 1px solid $grey-light;
+    font-size: 1rem;
+    color: $grey-dark;
+    border-radius: 2px;
+}
+option {
+    padding: 0 .5em;
+}
+input:focus, select:focus, textarea:focus {
+    color: $main-font-color;
+    border-color: $main-first;
+}
+input:invalid, select:invalid {
+    color: $alert-bg;
+    border-color: $alert-bg;
+    box-shadow: none;
+}
+input:disabled, select:disabled {
+    background: $grey-light;
+}
+input.extend {
+    transition: width 200ms linear;
+    -moz-transition: width 200ms linear;
+    -webkit-transition: width 200ms linear;
+    -o-transition: width 200ms linear;
+    -ms-transition: width 200ms linear;
+}
+
+
+.form-group {
+    padding: 5px;
+    border-radius: 3px;
+
+    &::after {
+	content: "";
+	display: block;
+	clear: both;
+    }
+    &:hover {
+	// background: #fff;
+	// 	border: 1px solid #eee;
+	// 	border-radius: 3px;
+	// 	border: 1px solid #eee;
+    }
+    .group-name {
+	padding: 10px 0;
+	text-align: right;
+    }
+    .group-controls {
+	min-height: 25px;
+	padding: 5px 0;
+    }
+    .group-controls .control {
+	line-height: 2.0em;
+    }
+    table {
+	margin: 10px 0 0 220px;
+    }
+
+    &.form-actions {
+	margin: 15px 0 25px;
+	padding: 5px 0;
+	// background: #333;
+    }
+    &.form-actions .btn {
+	margin: 0 0.5rem 0 0;
+    }
+}
+
+
+
-- 
cgit v1.2.3