phpvms/resources/sass/now-ui/now-ui-kit/_nucleo-outline.scss

557 lines
9.2 KiB
SCSS
Raw Normal View History

2017-07-28 20:13:52 +08:00
/* --------------------------------
Nucleo Outline Web Font - nucleoapp.com/
License - nucleoapp.com/license/
Created using IcoMoon - icomoon.io
-------------------------------- */
@font-face {
font-family: 'Nucleo Outline';
src: url('../fonts/nucleo-outline.eot');
src: url('../fonts/nucleo-outline.eot') format('embedded-opentype'),
url('../fonts/nucleo-outline.woff2') format('woff2'),
url('../fonts/nucleo-outline.woff') format('woff'),
url('../fonts/nucleo-outline.ttf') format('truetype');
2017-07-28 20:13:52 +08:00
font-weight: normal;
font-style: normal;
}
/*------------------------
base class definition
-------------------------*/
.now-ui-icons {
display: inline-block;
font: normal normal normal 14px/1 'Nucleo Outline';
font-size: inherit;
speak: none;
text-transform: none;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*------------------------
change icon size
-------------------------*/
/*----------------------------------
add a square/circle background
-----------------------------------*/
.now-ui-icons.circle {
padding: 0.33333333em;
vertical-align: -16%;
background-color: #eee;
}
.now-ui-icons.circle {
border-radius: 50%;
}
/*------------------------
list icons
-------------------------*/
.nc-icon-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.nc-icon-ul > li {
position: relative;
}
.nc-icon-ul > li > .now-ui-icons {
position: absolute;
left: -1.57142857em;
top: 0.14285714em;
text-align: center;
}
.nc-icon-ul > li > .now-ui-icons.circle {
top: -0.19047619em;
left: -1.9047619em;
}
/*------------------------
spinning icons
-------------------------*/
.now-ui-icons.spin {
-webkit-animation: nc-icon-spin 2s infinite linear;
-moz-animation: nc-icon-spin 2s infinite linear;
animation: nc-icon-spin 2s infinite linear;
}
@-webkit-keyframes nc-icon-spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes nc-icon-spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes nc-icon-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*------------------------
rotated/flipped icons
-------------------------*/
/*------------------------
font icons
-------------------------*/
.now-ui-icons.ui-1_check:before{
content: "\ea22";
}
.now-ui-icons.ui-1_email-85:before {
content: "\ea2a";
}
.now-ui-icons.arrows-1_cloud-download-93:before {
content: "\ea21";
}
.now-ui-icons.arrows-1_cloud-upload-94:before {
content: "\ea24";
}
.now-ui-icons.arrows-1_minimal-down:before {
content: "\ea39";
}
.now-ui-icons.arrows-1_minimal-left:before {
content: "\ea3a";
}
.now-ui-icons.arrows-1_minimal-right:before {
content: "\ea3b";
}
.now-ui-icons.arrows-1_minimal-up:before {
content: "\ea3c";
}
.now-ui-icons.arrows-1_refresh-69:before {
content: "\ea44";
}
.now-ui-icons.arrows-1_share-66:before {
content: "\ea4c";
}
.now-ui-icons.business_badge:before {
content: "\ea09";
}
.now-ui-icons.business_bank:before {
content: "\ea0a";
}
.now-ui-icons.business_briefcase-24:before {
content: "\ea13";
}
.now-ui-icons.business_bulb-63:before {
content: "\ea15";
}
.now-ui-icons.business_chart-bar-32:before {
content: "\ea1e";
}
.now-ui-icons.business_chart-pie-36:before {
content: "\ea1f";
}
.now-ui-icons.business_globe:before {
content: "\ea2f";
}
.now-ui-icons.business_money-coins:before {
content: "\ea40";
}
.now-ui-icons.clothes_tie-bow:before {
content: "\ea5b";
}
.now-ui-icons.design_vector:before {
content: "\ea61";
}
.now-ui-icons.design_app:before {
content: "\ea08";
}
.now-ui-icons.design_bullet-list-67:before {
content: "\ea14";
}
.now-ui-icons.design_image:before {
content: "\ea33";
}
.now-ui-icons.design_palette:before {
content: "\ea41";
}
.now-ui-icons.design_scissors:before {
content: "\ea4a";
}
.now-ui-icons.design-2_html5:before {
content: "\ea32";
}
.now-ui-icons.design-2_ruler-pencil:before {
content: "\ea48";
}
.now-ui-icons.emoticons_satisfied:before {
content: "\ea49";
}
.now-ui-icons.files_box:before {
content: "\ea12";
}
.now-ui-icons.files_paper:before {
content: "\ea43";
}
.now-ui-icons.files_single-copy-04:before {
content: "\ea52";
}
.now-ui-icons.health_ambulance:before {
content: "\ea07";
}
.now-ui-icons.loader_gear:before {
content: "\ea4e";
}
.now-ui-icons.loader_refresh:before {
content: "\ea44";
}
.now-ui-icons.location_bookmark:before {
content: "\ea10";
}
.now-ui-icons.location_compass-05:before {
content: "\ea25";
}
.now-ui-icons.location_map-big:before {
content: "\ea3d";
}
.now-ui-icons.location_pin:before {
content: "\ea47";
}
.now-ui-icons.location_world:before {
content: "\ea63";
}
.now-ui-icons.media-1_album:before {
content: "\ea02";
}
.now-ui-icons.media-1_button-pause:before {
content: "\ea16";
}
.now-ui-icons.media-1_button-play:before {
content: "\ea18";
}
.now-ui-icons.media-1_button-power:before {
content: "\ea19";
}
.now-ui-icons.media-1_camera-compact:before {
content: "\ea1c";
}
.now-ui-icons.media-2_note-03:before {
content: "\ea3f";
}
.now-ui-icons.media-2_sound-wave:before {
content: "\ea57";
}
.now-ui-icons.objects_diamond:before {
content: "\ea29";
}
.now-ui-icons.objects_globe:before {
content: "\ea2f";
}
.now-ui-icons.objects_key-25:before {
content: "\ea38";
}
.now-ui-icons.objects_planet:before {
content: "\ea46";
}
.now-ui-icons.objects_spaceship:before {
content: "\ea55";
}
.now-ui-icons.objects_support-17:before {
content: "\ea56";
}
.now-ui-icons.objects_umbrella-13:before {
content: "\ea5f";
}
.now-ui-icons.education_agenda-bookmark:before {
content: "\ea01";
}
.now-ui-icons.education_atom:before {
content: "\ea0c";
}
.now-ui-icons.education_glasses:before {
content: "\ea2d";
}
.now-ui-icons.education_hat:before {
content: "\ea30";
}
.now-ui-icons.education_paper:before {
content: "\ea42";
}
.now-ui-icons.shopping_bag-16:before {
content: "\ea0d";
}
.now-ui-icons.shopping_basket:before {
content: "\ea0b";
}
.now-ui-icons.shopping_box:before {
content: "\ea11";
}
.now-ui-icons.shopping_cart-simple:before {
content: "\ea1d";
}
.now-ui-icons.shopping_credit-card:before {
content: "\ea28";
}
.now-ui-icons.shopping_delivery-fast:before {
content: "\ea27";
}
.now-ui-icons.shopping_shop:before {
content: "\ea50";
}
.now-ui-icons.shopping_tag-content:before {
content: "\ea59";
}
.now-ui-icons.sport_trophy:before {
content: "\ea5d";
}
.now-ui-icons.sport_user-run:before {
content: "\ea60";
}
.now-ui-icons.tech_controller-modern:before {
content: "\ea26";
}
.now-ui-icons.tech_headphones:before {
content: "\ea31";
}
.now-ui-icons.tech_laptop:before {
content: "\ea36";
}
.now-ui-icons.tech_mobile:before {
content: "\ea3e";
}
.now-ui-icons.tech_tablet:before {
content: "\ea58";
}
.now-ui-icons.tech_tv:before {
content: "\ea5e";
}
.now-ui-icons.tech_watch-time:before {
content: "\ea62";
}
.now-ui-icons.text_align-center:before {
content: "\ea05";
}
.now-ui-icons.text_align-left:before {
content: "\ea06";
}
.now-ui-icons.text_bold:before {
content: "\ea0e";
}
.now-ui-icons.text_caps-small:before {
content: "\ea1b";
}
.now-ui-icons.gestures_tap-01:before {
content: "\ea5a";
}
.now-ui-icons.transportation_air-baloon:before {
content: "\ea03";
}
.now-ui-icons.transportation_bus-front-12:before {
content: "\ea17";
}
.now-ui-icons.travel_info:before {
content: "\ea04";
}
.now-ui-icons.travel_istanbul:before {
content: "\ea34";
}
.now-ui-icons.ui-1_bell-53:before {
content: "\ea0f";
}
.now-ui-icons.ui-1_calendar-60:before {
content: "\ea1a";
}
.now-ui-icons.ui-1_lock-circle-open:before {
content: "\ea35";
}
.now-ui-icons.ui-1_send:before {
content: "\ea4d";
}
.now-ui-icons.ui-1_settings-gear-63:before {
content: "\ea4e";
}
.now-ui-icons.ui-1_simple-add:before {
content: "\ea4f";
}
.now-ui-icons.ui-1_simple-delete:before {
content: "\ea54";
}
.now-ui-icons.ui-1_simple-remove:before {
content: "\ea53";
}
.now-ui-icons.ui-1_zoom-bold:before {
content: "\ea64";
}
.now-ui-icons.ui-2_chat-round:before {
content: "\ea20";
}
.now-ui-icons.ui-2_favourite-28:before {
content: "\ea2b";
}
.now-ui-icons.ui-2_like:before {
content: "\ea37";
}
.now-ui-icons.ui-2_settings-90:before {
content: "\ea4b";
}
.now-ui-icons.ui-2_time-alarm:before {
content: "\ea5c";
}
.now-ui-icons.users_circle-08:before {
content: "\ea23";
}
.now-ui-icons.users_single-02:before {
content: "\ea51";
}
.all-icons .font-icon-detail {
text-align: center;
padding: 45px 0px 30px;
border: 1px solid #e5e5e5;
border-radius: 0.1875rem;
margin: 15px 0;
min-height: 168px;
}
.all-icons [class*="now-ui-icons"] {
font-size: 32px;
}
.all-icons .font-icon-detail p {
margin: 25px auto 0;
width: 100%;
text-align: center;
display: block;
color: #B8B8B8;
padding:0 10px;
font-size: 0.7142em;
}