@uportal/app-framework/components/css/buckyless/md-icons.less

Application Framework for uPortal

/**
 * Licensed to Apereo under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Apereo licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License.  You may obtain a
 * copy of the License at the following location:
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/*
 references: http://google.github.io/material-design-icons/
             https://design.google.com/icons
 */

.material-icons.md-18 {
  font-size: 18px;
  height: 18px;
  width: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
  height: 24px;
  width: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
  height: 36px;
  width: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
  height: 48px;
  width: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }