Review and merge latest topic-core-css (#2183)

* New branch from topic-core-refactor to use as central point for common
CSS work

- Manually migrated changes from vue-toolbar, expect conflicts there and
 in vue-layout;

* Manually update constants-snow from vue-toolbar branch

* Update markup to use latest button classnames

- c-menu-button > c-button--menu;
- c-icon-button > c-click-icon;

* Various from vue-conductor-style

- Mods to input styling;
- Input[] styles moved to _controls;
- New/revised constants vals;

* Resolve bizarre merge conflict when applying stash

* Code cleanup

* Alias and type-icon fixes

- More robust approach to alias indicators;
- Added alias indication to tree-item.vue;
- TODO: wire up alias indication tree-item.vue;

* Accessibility mods, convert elements to <button>

- Better reset styles for htmlInputReset mixin to allow use of <button>
without browser default styling;
- Create button;
- BrowseBar action buttons;
- c-click-icons;
- Removed Preview button from BrowseBar.vue;

* Add copyright to .scss files; code cleanup

* Improved click area and draggable styling for tree-item

* Removed injection of domainObject

* Removed injection of domainObject

* Remove _constants-mobile.scss

- Moved used var to _constants;
- Normalize mobile detection approach in Layout.vue;

* Mobile styling for Time Conductor

- WIP!

* Mobile styling for Time Conductor

- New modalFullScreen mixin;
- Datepicker now a fullscreen modal element in body.phone;

src/plugins/folderView/components/GridView.vue

@@ -22,7 +22,7 @@
             </div>
             <div class="c-grid-item__controls">
                 <div class="icon-people" title='Shared'></div>
-                <div class="c-click-icon icon-info c-info-button" title='More Info'></div>
+                <button class="c-click-icon icon-info c-info-button" title='More Info'></button>
                 <div class="icon-pointer-right c-pointer-icon"></div>
             </div>
         </div>
@@ -63,22 +63,15 @@
         &__type-icon {
             filter: $colorKeyFilter;
             flex: 0 0 32px;
+            font-size: 2em; // Drives the size of the alias indicator when present
             margin-right: $interiorMarginLg;
         }
 
         &.is-alias {
             // Object is an alias to an original.
             [class*='__type-icon'] {
-                &:before {
-                    color: $colorIconAliasForKeyFilter;
-                    content: $glyph-icon-link;
-                    display: block;
-                    font-family: symbolsfont;
-                    font-size: 2.5em;
-                    position: absolute;
-                    text-shadow: rgba(black, 0.5) 0 1px 4px;
-                    top: auto; left: 0; bottom: 10px; right: auto;
-                }
+                @include isAlias();
+                color: $colorIconAliasForKeyFilter;
             }
         }
 
@@ -143,6 +136,7 @@
 
             &__type-icon {
                 flex: 1 1 auto;
+                font-size: 6em; // Drives the size of the alias indicator when present
                 margin: $interiorMargin 22.5%;
                 order: 2;
                 transform: scale(0.9);
@@ -189,7 +183,6 @@ export default {
                 }
             });
         }
-        
 
         return {
             items: items