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 // Common
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
label { .input_default label {
@extend %basic; @extend %basic;
display: table; display: table;
margin: $half_space 0; margin: $half_space 0;

8
example.css
View file

@ -215,7 +215,7 @@
border-right: 8px solid rgba(82, 190, 209, 0.6); border-right: 8px solid rgba(82, 190, 209, 0.6);
background-color: rgba(82, 190, 209, 0.1) !important; } 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-family: Trebuchet MS, Helvetica, Arial, sans-serif, sans;
font-size: 1em; font-size: 1em;
line-height: 1.5; } line-height: 1.5; }
@ -551,10 +551,10 @@ fieldset {
legend { legend {
padding: 0 4px; } padding: 0 4px; }
label { .input_default label {
display: table; display: table;
margin: 4px 0; } margin: 4px 0; }
label input { .input_default label input {
display: table-cell; display: table-cell;
margin-left: 8px; margin-left: 8px;
padding: 4px 5px; padding: 4px 5px;
@ -562,7 +562,7 @@ label {
border-color: transparent; border-color: transparent;
background-color: #404040; background-color: #404040;
color: #e6e6e6; } color: #e6e6e6; }
label input:hover { .input_default label input:hover {
background-color: black; background-color: black;
color: white; } color: white; }

4
example.html
View file

@ -331,12 +331,12 @@
<h1>Formulare</h1> <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> <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/> <input/>
<fieldset> <fieldset class="input_default">
<legend>Einfache Eingabefelder</legend> <legend>Einfache Eingabefelder</legend>
<label for="simple_txt">Einfache Texteingabe<input type="text" id="simple_txt" value="Text"/></label> <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> <label for="simple_button">Einfacher Knopf<input type="button" id="simple_button" value="Knopf"/></label>
</fieldset> </fieldset>
<fieldset> <fieldset class="input_default">
<legend>Weitere Zeicheneingabefelder</legend> <legend>Weitere Zeicheneingabefelder</legend>
<p>Diese Eingabefelder sind zusätzlich aneinander ausgerichtet und gruppiert.</p> <p>Diese Eingabefelder sind zusätzlich aneinander ausgerichtet und gruppiert.</p>
<label for="simple_date">Einfache Datumseingabe<input type="date" id="simple_date"/></label> <label for="simple_date">Einfache Datumseingabe<input type="date" id="simple_date"/></label>