interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

make label default again

Browse source
This commit is contained in:
Stephan 2017-01-12 20:57:55 +01:00
parent 28ed7926bd
commit e2f60b1b59
3 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
basic/_interactive.scss
View file

@ -19,7 +19,7 @@ legend {
// Common
// -----------------------------------------------------------------------------
label {
.input_default label {
@extend %basic;
display: table;
margin: $half_space 0;

8
example.css
View file

@ -215,7 +215,7 @@
border-right: 8px solid rgba(82, 190, 209, 0.6);
background-color: rgba(82, 190, 209, 0.1) !important; }
.span_solo, h6, p, .p_col_2, .p_col_3, caption, li, dt, dd, figcaption, th, td, legend, label {
.span_solo, h6, p, .p_col_2, .p_col_3, caption, li, dt, dd, figcaption, th, td, legend, .input_default label {
font-family: Trebuchet MS, Helvetica, Arial, sans-serif, sans;
font-size: 1em;
line-height: 1.5; }
@ -551,10 +551,10 @@ fieldset {
legend {
padding: 0 4px; }
label {
.input_default label {
display: table;
margin: 4px 0; }
label input {
.input_default label input {
display: table-cell;
margin-left: 8px;
padding: 4px 5px;
@ -562,7 +562,7 @@ label {
border-color: transparent;
background-color: #404040;
color: #e6e6e6; }
label input:hover {
.input_default label input:hover {
background-color: black;
color: white; }

4
example.html
View file

@ -331,12 +331,12 @@
<h1>Formulare</h1>
<p>Spätestens hier werden Betrachter zu Benutzern. Texteingabefelder und verschiedene Bedienelemente geben Möglichkeiten zur Interaktion. Diese Elemente sind in vielerlei Hinsicht besonders. Sie sind in ihrer unveränderten Gestalt, System- bzw. Browser-Abhängig. <span class="wip_txt">(Vielleicht ist das auch scheiße, hier darauf einzugehen) ...</span></p>
<input/>
<fieldset>
<fieldset class="input_default">
<legend>Einfache Eingabefelder</legend>
<label for="simple_txt">Einfache Texteingabe<input type="text" id="simple_txt" value="Text"/></label>
<label for="simple_button">Einfacher Knopf<input type="button" id="simple_button" value="Knopf"/></label>
</fieldset>
<fieldset>
<fieldset class="input_default">
<legend>Weitere Zeicheneingabefelder</legend>
<p>Diese Eingabefelder sind zusätzlich aneinander ausgerichtet und gruppiert.</p>
<label for="simple_date">Einfache Datumseingabe<input type="date" id="simple_date"/></label>