amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-05-23 04:15:26 +00:00
Code Issues Projects Releases Wiki Activity

Refactor:

Browse Source 
- use lowercase and hyphen name for new component according to Sass Guidelines
- change every uses by hand (thanks to my stupid IDE WebStorm)
This commit is contained in:
iRouge
2015-02-23 16:54:06 -05:00
committed by Francis Lachapelle
parent 5980f8e90e
commit b7adf2814d
4 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/components/ngTags/ng-tags-input.scss
+1 -1
View File
@@ -15,7 +15,7 @@ tags-input .host:active {
}
tags-input .tags {
@extend .Pseudo-input-field;
@extend .pseudo-input-field;
padding: 0;
line-height: 2 * $mg;
word-wrap: break-word;
UI/WebServerResources/scss/components/pseudo-input/pseudo-input.scss
+12 -12
View File
@@ -1,17 +1,17 @@
/*! pseudo-input.scss */
/// Component: Pseudo-input
/// Component: pseudo-input
/// This component mimics the presentation of form fields according to Google's
/// Material Design specs (www.google.com/design/spec/components/text-fields.html)
/// It's used in message headers but could --and should-- be reused
/// The Pseudo-input-container element serves as a... container for it's two children:
/// The pseudo-input-container element serves as a... container for it's two children:
/// -label and -input-field
///
/// Typical use:
/// <div class="Pseudo-input-container">
/// <label class="Pseudo-input-label">Some text</label>
/// <p class="Pseudo-input-field">Other input-like text</p>
/// <div class="pseudo-input-container">
/// <label class="pseudo-input-label">Some text</label>
/// <p class="pseudo-input-field">Other input-like text</p>
/// </div>
///
/// ----------------------------------------------------------------------------
@@ -30,13 +30,13 @@ $input-border-width-focused: 2px !default;
$input-line-height: 26px !default;
$input-padding-top: 2px !default;
.Pseudo-input-container {
.pseudo-input-container {
display: block; // Should be (reset to ?) a plain block element
padding: 0 2px;
}
.Pseudo-input-label {
.pseudo-input-label {
display: inline-block;
margin-top: $mg;
color: $colorGrayLight;
@@ -45,7 +45,7 @@ $input-padding-top: 2px !default;
line-height: $sg-line-height-1;
}
.Pseudo-input-field {
.pseudo-input-field {
display: block;
margin-bottom: $line;
padding: $line 0 0 0;
@@ -53,8 +53,8 @@ $input-padding-top: 2px !default;
line-height: 1;
}
.Pseudo-input-field--underline {
@extend .Pseudo-input-field;
.pseudo-input-field--underline {
@extend .pseudo-input-field;
border-bottom: 1px solid $colorGrayLighter;
&:focus,
&:active,
@@ -66,8 +66,8 @@ $input-padding-top: 2px !default;
// The specs dimensions are too large to fit with angular-material
// Here's a modifier
.Pseudo-input-container--compact {
.Pseudo-input-label {
.pseudo-input-container--compact {
.pseudo-input-label {
margin-top: 0;
}
}