Skip to content
Browse files

Making the filename class a variable

  • Loading branch information...
1 parent d686330 commit bf157bcc7f86e403115c6cb629a55e82c86a2496 @fidian fidian committed
Showing with 5 additions and 3 deletions.
  1. +3 −2 theme-kit/README.md
  2. +2 −1 themes/_base/css/uniform._base.scss
View
5 theme-kit/README.md
@@ -129,13 +129,14 @@ Variables
Uniform allows setting your own custom classes in the JavaScript, and these variables let you mirror that behavior in the generated CSS files. Usually one will not need to modify these unless you are doing localization or if you want to have more unique class names in your theme.
-* $class-action: ".action";
+* $class-action: ".action"; /* File upload "Browse" button */
* $class-active: ".active";
* $class-button: ".button";
* $class-checkbox: ".checker";
* $class-checked: ".checked";
* $class-disabled: ".disabled";
* $class-input: ".uniform-input";
+* $class-filename: ".filename"; /* File upload filename */
* $class-focus: ".focus";
* $class-hover: ".hover";
* $class-multiselect: ".uniform-multiselect";
@@ -143,7 +144,7 @@ Uniform allows setting your own custom classes in the JavaScript, and these vari
* $class-select: ".selector";
* $class-upload: ".upload";
* $class-textarea: ".uniform";
-* $class-wrapper: "";
+* $class-wrapper: ""; /* Useful for namespacing */
The `$class-wrapper` variable is extra handy for defining a namespacing for using multiple themes at once. See the documentation in the `www/` folder or online for examples.
View
3 themes/_base/css/uniform._base.scss
@@ -141,6 +141,7 @@ $class-checkbox: ".checker" !default;
$class-checked: ".checked" !default;
$class-disabled: ".disabled" !default;
$class-input: ".uniform-input" !default;
+$class-filename: ".filename" !default;
$class-focus: ".focus" !default;
$class-hover: ".hover" !default;
$class-multiselect: ".uniform-multiselect" !default;
@@ -446,7 +447,7 @@ div#{$class-wrapper}#{$class-upload} {
cursor: pointer;
}
- span.filename {
+ span#{$class-filename} {
@include ellipsis();
float: left;
cursor: default;

0 comments on commit bf157bc

Please sign in to comment.
Something went wrong with that request. Please try again.