diff options
Diffstat (limited to 'vendor/mervick/material-design-icons/demo')
5 files changed, 1093 insertions, 0 deletions
diff --git a/vendor/mervick/material-design-icons/demo/index.html b/vendor/mervick/material-design-icons/demo/index.html new file mode 100644 index 000000000..e46163157 --- /dev/null +++ b/vendor/mervick/material-design-icons/demo/index.html @@ -0,0 +1,121 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="UTF-8"> + <title>Bootstrap Material Design Icons</title> + <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700" rel="stylesheet"> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css"/> + <link rel="stylesheet" type="text/css" href="style/main.css?v18"/> + <link rel="stylesheet" type="text/css" href="../css/material-icons.min.css?v1.1.2"/> +</head> +<body> + <div class="wrap"> + + <header> + <div id="head-panel"> + <div class="container"> + <h1>Bootstrap Material Design Icons</h1> + <div class="buttons"> + <a class="github-button" href="https://github.com/mervick/material-design-icons" data-style="mega" data-count-href="/mervick/material-design-icons/stargazers" data-count-api="/repos/mervick/material-design-icons#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star mervick/material-design-icons on GitHub">Star</a> + <a class="github-button" href="https://github.com/mervick/material-design-icons/archive/master.zip" data-icon="octicon-cloud-download" data-style="mega" aria-label="Download mervick/material-design-icons on GitHub">Download</a> + </div> + </div> + </div> + <div id="search-panel"> + <div class="container"> + <div class="search-icon"> + <i class="mdi mdi-search"></i> + </div> + <input type="text" id="search" placeholder="Search" aria-label="Search"/> + <div class="search-icon clear-icon" style="display: none;"> + <i class="mdi mdi-close"></i> + </div> + </div> + </div> + </header> + + <div class="container"> + <div class="content"> + + <p>Material design icons are the <a href="http://www.google.com/design/spec/style/icons.html#icons-system-icons">official icon</a> + set from Google that are designed under the <a href="http://www.google.com/design/spec">material design guidelines</a>.</p> + <p>In the official package the icons uses a typographic feature called <a href="http://alistapart.com/article/the-era-of-symbol-fonts">ligatures</a>, + which allows rendering of an icon glyph simply by using its textual name.</p> + <p><a href="https://github.com/mervick/material-design-icons">Bootstrap Material Design Icons</a> implements the ability to use the icons in the <code>bootstrap-style</code>, like in + <code>glyphicon</code>, <code>font-awesome</code> or <code>ionicons</code>.</p> + + <div id="grid-container"></div> + + </div> + </div> + + <div id="snackbar"></div> + + </div> + + <footer> + <div id="footer"> + <div class="container"> + <p><a href="https://github.com/google/material-design-icons">Google Material Design Icons</a> fonts files are + licensed under the <a href="https://github.com/google/material-design-icons/blob/master/LICENSE">CC-BY-4.0</a>, + maintained by <a href="https://github.com/google">Google</a>.</p> + <p><a href="https://github.com/mervick/material-design-icons">Bootstrap Material Design Icons</a> css and sass files are + licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a>, + maintained by <a href="https://github.com/mervick">mervick</a>.</p> + </div> + </div> + </footer> + + <script id="empty-grid" type="text/template"> + <div class="no-results">No matches found</div> + </script> + + <script id="grid-item" type="text/template"> + <div class="item"> + <% if (is_new) { %> + <div class="new-badge">New</div> + <% } %> + <i class="mdi mdi-<%= className %>"></i> + <div class="caption"><%= caption %></div> + </div> + </script> + + <script id="snackbar-template" type="text/template"> + <div class="container"> + <div class="snackbar-header"> + <i class="mdi mdi-<%= className %>"></i> + <span class="caption"><%= caption %></span> + <div class="right-side"> + <i class="mdi mdi-code"></i> + <span class="caption">ICON FONT</span> + </div> + </div> + <div class="snackbar-content flex"> + <div class="col"> + <h2>STEP 1: Setup Icon Font</h2> + <p>Follow the <a href="https://github.com/mervick/material-design-icons">instructions</a> to embed the icon + font in your site and learn how to style your icons using CSS.</p> + </div> + <div class="col"> + <h2>STEP 2: Use Icon in Your Site</h2> + <p class="code comment"><!-- Bootstrap style, for modern browsers, IE > 8. --></p> + <textarea class="code" readonly><i class="mdi mdi-<%= className %>"></i></textarea> + <p class="code comment"><!-- Ligature style, for modern browsers, IE > 9. --></p> + <textarea class="code" readonly><i class="material-icons"><%= content %></i></textarea> + <p class="code comment"><!-- For IE9 or below. --></p> + <textarea class="code" readonly><i class="material-icons">&#x<%= code %>;</i></textarea> + <p></p> + </div> + </div> + </div> + </script> + + <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script> + <script src="js/data.js?v1.1.2"></script> + <script src="js/main.js?v1.1.2"></script> + +</body> +</html>
\ No newline at end of file diff --git a/vendor/mervick/material-design-icons/demo/js/data.js b/vendor/mervick/material-design-icons/demo/js/data.js new file mode 100644 index 000000000..6457256c3 --- /dev/null +++ b/vendor/mervick/material-design-icons/demo/js/data.js @@ -0,0 +1 @@ +window.data = {"action":{"3d_rotation":["e84d",false],"accessibility":["e84e",false],"accessible":["e914",false],"account_balance":["e84f",false],"account_balance_wallet":["e850",false],"account_box":["e851",false],"account_circle":["e853",false],"add_shopping_cart":["e854",false],"alarm":["e855",false],"alarm_add":["e856",false],"alarm_off":["e857",false],"alarm_on":["e858",false],"all_out":["e90b",false],"android":["e859",false],"announcement":["e85a",false],"aspect_ratio":["e85b",false],"assessment":["e85c",false],"assignment":["e85d",false],"assignment_ind":["e85e",false],"assignment_late":["e85f",false],"assignment_return":["e860",false],"assignment_returned":["e861",false],"assignment_turned_in":["e862",false],"autorenew":["e863",false],"backup":["e864",false],"book":["e865",false],"bookmark":["e866",false],"bookmark_border":["e867",false],"bug_report":["e868",false],"build":["e869",false],"cached":["e86a",false],"camera_enhance":["e8fc",false],"card_giftcard":["e8f6",false],"card_membership":["e8f7",false],"card_travel":["e8f8",false],"change_history":["e86b",false],"check_circle":["e86c",false],"chrome_reader_mode":["e86d",false],"class":["e86e",false],"code":["e86f",false],"compare_arrows":["e915",false],"copyright":["e90c",false],"credit_card":["e870",false],"dashboard":["e871",false],"date_range":["e916",false],"delete":["e872",false],"delete_forever":["e92b",true],"description":["e873",false],"dns":["e875",false],"done":["e876",false],"done_all":["e877",false],"donut_large":["e917",false],"donut_small":["e918",false],"eject":["e8fb",false],"euro_symbol":["e926",true],"event":["e878",false],"event_seat":["e903",false],"exit_to_app":["e879",false],"explore":["e87a",false],"extension":["e87b",false],"face":["e87c",false],"favorite":["e87d",false],"favorite_border":["e87e",false],"feedback":["e87f",false],"find_in_page":["e880",false],"find_replace":["e881",false],"fingerprint":["e90d",false],"flight_land":["e904",false],"flight_takeoff":["e905",false],"flip_to_back":["e882",false],"flip_to_front":["e883",false],"g_translate":["e927",true],"gavel":["e90e",false],"get_app":["e884",false],"gif":["e908",false],"grade":["e885",false],"group_work":["e886",false],"help":["e887",false],"help_outline":["e8fd",false],"highlight_off":["e888",false],"history":["e889",false],"home":["e88a",false],"hourglass_empty":["e88b",false],"hourglass_full":["e88c",false],"http":["e902",false],"https":["e88d",false],"important_devices":["e912",false],"info":["e88e",false],"info_outline":["e88f",false],"input":["e890",false],"invert_colors":["e891",false],"label":["e892",false],"label_outline":["e893",false],"language":["e894",false],"launch":["e895",false],"lightbulb_outline":["e90f",false],"line_style":["e919",false],"line_weight":["e91a",false],"list":["e896",false],"lock":["e897",false],"lock_open":["e898",false],"lock_outline":["e899",false],"loyalty":["e89a",false],"markunread_mailbox":["e89b",false],"motorcycle":["e91b",false],"note_add":["e89c",false],"offline_pin":["e90a",false],"opacity":["e91c",false],"open_in_browser":["e89d",false],"open_in_new":["e89e",false],"open_with":["e89f",false],"pageview":["e8a0",false],"pan_tool":["e925",false],"payment":["e8a1",false],"perm_camera_mic":["e8a2",false],"perm_contact_calendar":["e8a3",false],"perm_data_setting":["e8a4",false],"perm_device_information":["e8a5",false],"perm_identity":["e8a6",false],"perm_media":["e8a7",false],"perm_phone_msg":["e8a8",false],"perm_scan_wifi":["e8a9",false],"pets":["e91d",false],"picture_in_picture":["e8aa",false],"picture_in_picture_alt":["e911",false],"play_for_work":["e906",false],"polymer":["e8ab",false],"power_settings_new":["e8ac",false],"pregnant_woman":["e91e",false],"print":["e8ad",false],"query_builder":["e8ae",false],"question_answer":["e8af",false],"receipt":["e8b0",false],"record_voice_over":["e91f",false],"redeem":["e8b1",false],"remove_shopping_cart":["e928",true],"reorder":["e8fe",false],"report_problem":["e8b2",false],"restore":["e8b3",false],"restore_page":["e929",true],"room":["e8b4",false],"rounded_corner":["e920",false],"rowing":["e921",false],"schedule":["e8b5",false],"search":["e8b6",false],"settings":["e8b8",false],"settings_applications":["e8b9",false],"settings_backup_restore":["e8ba",false],"settings_bluetooth":["e8bb",false],"settings_brightness":["e8bd",false],"settings_cell":["e8bc",false],"settings_ethernet":["e8be",false],"settings_input_antenna":["e8bf",false],"settings_input_component":["e8c0",false],"settings_input_composite":["e8c1",false],"settings_input_hdmi":["e8c2",false],"settings_input_svideo":["e8c3",false],"settings_overscan":["e8c4",false],"settings_phone":["e8c5",false],"settings_power":["e8c6",false],"settings_remote":["e8c7",false],"settings_voice":["e8c8",false],"shop":["e8c9",false],"shop_two":["e8ca",false],"shopping_basket":["e8cb",false],"shopping_cart":["e8cc",false],"speaker_notes":["e8cd",false],"speaker_notes_off":["e92a",true],"spellcheck":["e8ce",false],"stars":["e8d0",false],"store":["e8d1",false],"subject":["e8d2",false],"supervisor_account":["e8d3",false],"swap_horiz":["e8d4",false],"swap_vert":["e8d5",false],"swap_vertical_circle":["e8d6",false],"system_update_alt":["e8d7",false],"tab":["e8d8",false],"tab_unselected":["e8d9",false],"theaters":["e8da",false],"thumb_down":["e8db",false],"thumb_up":["e8dc",false],"thumbs_up_down":["e8dd",false],"timeline":["e922",false],"toc":["e8de",false],"today":["e8df",false],"toll":["e8e0",false],"touch_app":["e913",false],"track_changes":["e8e1",false],"translate":["e8e2",false],"trending_down":["e8e3",false],"trending_flat":["e8e4",false],"trending_up":["e8e5",false],"turned_in":["e8e6",false],"turned_in_not":["e8e7",false],"update":["e923",false],"verified_user":["e8e8",false],"view_agenda":["e8e9",false],"view_array":["e8ea",false],"view_carousel":["e8eb",false],"view_column":["e8ec",false],"view_day":["e8ed",false],"view_headline":["e8ee",false],"view_list":["e8ef",false],"view_module":["e8f0",false],"view_quilt":["e8f1",false],"view_stream":["e8f2",false],"view_week":["e8f3",false],"visibility":["e8f4",false],"visibility_off":["e8f5",false],"watch_later":["e924",false],"work":["e8f9",false],"youtube_searched_for":["e8fa",false],"zoom_in":["e8ff",false],"zoom_out":["e900",false]},"alert":{"add_alert":["e003",false],"error":["e000",false],"error_outline":["e001",false],"warning":["e002",false]},"av":{"add_to_queue":["e05c",false],"airplay":["e055",false],"album":["e019",false],"art_track":["e060",false],"av_timer":["e01b",false],"branding_watermark":["e06b",true],"call_to_action":["e06c",true],"closed_caption":["e01c",false],"equalizer":["e01d",false],"explicit":["e01e",false],"fast_forward":["e01f",false],"fast_rewind":["e020",false],"featured_play_list":["e06d",true],"featured_video":["e06e",true],"fiber_dvr":["e05d",false],"fiber_manual_record":["e061",false],"fiber_new":["e05e",false],"fiber_pin":["e06a",false],"fiber_smart_record":["e062",false],"forward_10":["e056",false],"forward_30":["e057",false],"forward_5":["e058",false],"games":["e021",false],"hd":["e052",false],"hearing":["e023",false],"high_quality":["e024",false],"library_add":["e02e",false],"library_books":["e02f",false],"library_music":["e030",false],"loop":["e028",false],"mic":["e029",false],"mic_none":["e02a",false],"mic_off":["e02b",false],"movie":["e02c",false],"music_video":["e063",false],"new_releases":["e031",false],"not_interested":["e033",false],"note":["e06f",true],"pause":["e034",false],"pause_circle_filled":["e035",false],"pause_circle_outline":["e036",false],"play_arrow":["e037",false],"play_circle_filled":["e038",false],"play_circle_outline":["e039",false],"playlist_add":["e03b",false],"playlist_add_check":["e065",false],"playlist_play":["e05f",false],"queue":["e03c",false],"queue_music":["e03d",false],"queue_play_next":["e066",false],"radio":["e03e",false],"recent_actors":["e03f",false],"remove_from_queue":["e067",false],"repeat":["e040",false],"repeat_one":["e041",false],"replay_10":["e059",false],"replay":["e042",false],"replay_30":["e05a",false],"replay_5":["e05b",false],"shuffle":["e043",false],"skip_next":["e044",false],"skip_previous":["e045",false],"slow_motion_video":["e068",false],"snooze":["e046",false],"sort_by_alpha":["e053",false],"stop":["e047",false],"subscriptions":["e064",false],"subtitles":["e048",false],"surround_sound":["e049",false],"video_call":["e070",true],"video_label":["e071",true],"video_library":["e04a",false],"videocam":["e04b",false],"videocam_off":["e04c",false],"volume_down":["e04d",false],"volume_mute":["e04e",false],"volume_off":["e04f",false],"volume_up":["e050",false],"web":["e051",false],"web_asset":["e069",false]},"communication":{"business":["e0af",false],"call":["e0b0",false],"call_end":["e0b1",false],"call_made":["e0b2",false],"call_merge":["e0b3",false],"call_missed":["e0b4",false],"call_missed_outgoing":["e0e4",false],"call_received":["e0b5",false],"call_split":["e0b6",false],"chat":["e0b7",false],"chat_bubble":["e0ca",false],"chat_bubble_outline":["e0cb",false],"clear_all":["e0b8",false],"comment":["e0b9",false],"contact_mail":["e0d0",false],"contact_phone":["e0cf",false],"contacts":["e0ba",false],"dialer_sip":["e0bb",false],"dialpad":["e0bc",false],"email":["e0be",false],"forum":["e0bf",false],"import_contacts":["e0e0",false],"import_export":["e0c3",false],"invert_colors_off":["e0c4",false],"live_help":["e0c6",false],"location_off":["e0c7",false],"location_on":["e0c8",false],"mail_outline":["e0e1",false],"message":["e0c9",false],"no_sim":["e0cc",false],"phone":["e0cd",false],"phonelink_erase":["e0db",false],"phonelink_lock":["e0dc",false],"phonelink_ring":["e0dd",false],"phonelink_setup":["e0de",false],"portable_wifi_off":["e0ce",false],"present_to_all":["e0df",false],"ring_volume":["e0d1",false],"rss_feed":["e0e5",true],"screen_share":["e0e2",false],"speaker_phone":["e0d2",false],"stay_current_landscape":["e0d3",false],"stay_current_portrait":["e0d4",false],"stay_primary_landscape":["e0d5",false],"stay_primary_portrait":["e0d6",false],"stop_screen_share":["e0e3",false],"swap_calls":["e0d7",false],"textsms":["e0d8",false],"voicemail":["e0d9",false],"vpn_key":["e0da",false]},"content":{"add":["e145",false],"add_box":["e146",false],"add_circle":["e147",false],"add_circle_outline":["e148",false],"archive":["e149",false],"backspace":["e14a",false],"block":["e14b",false],"clear":["e14c",false],"content_copy":["e14d",false],"content_cut":["e14e",false],"content_paste":["e14f",false],"create":["e150",false],"delete_sweep":["e16c",true],"drafts":["e151",false],"filter_list":["e152",false],"flag":["e153",false],"font_download":["e167",false],"forward":["e154",false],"gesture":["e155",false],"inbox":["e156",false],"link":["e157",false],"low_priority":["e16d",true],"mail":["e158",false],"markunread":["e159",false],"move_to_inbox":["e168",false],"next_week":["e16a",false],"redo":["e15a",false],"remove":["e15b",false],"remove_circle":["e15c",false],"remove_circle_outline":["e15d",false],"reply":["e15e",false],"reply_all":["e15f",false],"report":["e160",false],"save":["e161",false],"select_all":["e162",false],"send":["e163",false],"sort":["e164",false],"text_format":["e165",false],"unarchive":["e169",false],"undo":["e166",false],"weekend":["e16b",false]},"device":{"access_alarm":["e190",false],"access_alarms":["e191",false],"access_time":["e192",false],"add_alarm":["e193",false],"airplanemode_active":["e195",false],"airplanemode_inactive":["e194",false],"battery_alert":["e19c",false],"battery_charging_full":["e1a3",false],"battery_full":["e1a4",false],"battery_std":["e1a5",false],"battery_unknown":["e1a6",false],"bluetooth":["e1a7",false],"bluetooth_connected":["e1a8",false],"bluetooth_disabled":["e1a9",false],"bluetooth_searching":["e1aa",false],"brightness_auto":["e1ab",false],"brightness_high":["e1ac",false],"brightness_low":["e1ad",false],"brightness_medium":["e1ae",false],"data_usage":["e1af",false],"developer_mode":["e1b0",false],"devices":["e1b1",false],"dvr":["e1b2",false],"gps_fixed":["e1b3",false],"gps_not_fixed":["e1b4",false],"gps_off":["e1b5",false],"graphic_eq":["e1b8",false],"location_disabled":["e1b6",false],"location_searching":["e1b7",false],"network_cell":["e1b9",false],"network_wifi":["e1ba",false],"nfc":["e1bb",false],"screen_lock_landscape":["e1be",false],"screen_lock_portrait":["e1bf",false],"screen_lock_rotation":["e1c0",false],"screen_rotation":["e1c1",false],"sd_storage":["e1c2",false],"settings_system_daydream":["e1c3",false],"signal_cellular_4_bar":["e1c8",false],"signal_cellular_connected_no_internet_4_bar":["e1cd",false],"signal_cellular_no_sim":["e1ce",false],"signal_cellular_null":["e1cf",false],"signal_cellular_off":["e1d0",false],"signal_wifi_4_bar":["e1d8",false],"signal_wifi_4_bar_lock":["e1d9",false],"signal_wifi_off":["e1da",false],"storage":["e1db",false],"usb":["e1e0",false],"wallpaper":["e1bc",false],"widgets":["e1bd",false],"wifi_lock":["e1e1",false],"wifi_tethering":["e1e2",false]},"editor":{"attach_file":["e226",false],"attach_money":["e227",false],"border_all":["e228",false],"border_bottom":["e229",false],"border_clear":["e22a",false],"border_color":["e22b",false],"border_horizontal":["e22c",false],"border_inner":["e22d",false],"border_left":["e22e",false],"border_outer":["e22f",false],"border_right":["e230",false],"border_style":["e231",false],"border_top":["e232",false],"border_vertical":["e233",false],"bubble_chart":["e6dd",true],"drag_handle":["e25d",false],"format_align_center":["e234",false],"format_align_justify":["e235",false],"format_align_left":["e236",false],"format_align_right":["e237",false],"format_bold":["e238",false],"format_clear":["e239",false],"format_color_fill":["e23a",false],"format_color_reset":["e23b",false],"format_color_text":["e23c",false],"format_indent_decrease":["e23d",false],"format_indent_increase":["e23e",false],"format_italic":["e23f",false],"format_line_spacing":["e240",false],"format_list_bulleted":["e241",false],"format_list_numbered":["e242",false],"format_paint":["e243",false],"format_quote":["e244",false],"format_shapes":["e25e",false],"format_size":["e245",false],"format_strikethrough":["e246",false],"format_textdirection_l_to_r":["e247",false],"format_textdirection_r_to_l":["e248",false],"format_underlined":["e249",false],"functions":["e24a",false],"highlight":["e25f",false],"insert_chart":["e24b",false],"insert_comment":["e24c",false],"insert_drive_file":["e24d",false],"insert_emoticon":["e24e",false],"insert_invitation":["e24f",false],"insert_link":["e250",false],"insert_photo":["e251",false],"linear_scale":["e260",false],"merge_type":["e252",false],"mode_comment":["e253",false],"mode_edit":["e254",false],"monetization_on":["e263",true],"money_off":["e25c",false],"multiline_chart":["e6df",true],"pie_chart":["e6c4",true],"pie_chart_outlined":["e6c5",true],"publish":["e255",false],"short_text":["e261",false],"show_chart":["e6e1",true],"space_bar":["e256",false],"strikethrough_s":["e257",false],"text_fields":["e262",false],"title":["e264",true],"vertical_align_bottom":["e258",false],"vertical_align_center":["e259",false],"vertical_align_top":["e25a",false],"wrap_text":["e25b",false]},"file":{"attachment":["e2bc",false],"cloud":["e2bd",false],"cloud_circle":["e2be",false],"cloud_done":["e2bf",false],"cloud_download":["e2c0",false],"cloud_off":["e2c1",false],"cloud_queue":["e2c2",false],"cloud_upload":["e2c3",false],"create_new_folder":["e2cc",false],"file_download":["e2c4",false],"file_upload":["e2c6",false],"folder":["e2c7",false],"folder_open":["e2c8",false],"folder_shared":["e2c9",false]},"hardware":{"cast":["e307",false],"cast_connected":["e308",false],"computer":["e30a",false],"desktop_mac":["e30b",false],"desktop_windows":["e30c",false],"developer_board":["e30d",false],"device_hub":["e335",false],"devices_other":["e337",false],"dock":["e30e",false],"gamepad":["e30f",false],"headset":["e310",false],"headset_mic":["e311",false],"keyboard":["e312",false],"keyboard_arrow_down":["e313",false],"keyboard_arrow_left":["e314",false],"keyboard_arrow_right":["e315",false],"keyboard_arrow_up":["e316",false],"keyboard_backspace":["e317",false],"keyboard_capslock":["e318",false],"keyboard_hide":["e31a",false],"keyboard_return":["e31b",false],"keyboard_tab":["e31c",false],"keyboard_voice":["e31d",false],"laptop":["e31e",false],"laptop_chromebook":["e31f",false],"laptop_mac":["e320",false],"laptop_windows":["e321",false],"memory":["e322",false],"mouse":["e323",false],"phone_android":["e324",false],"phone_iphone":["e325",false],"phonelink":["e326",false],"phonelink_off":["e327",false],"power_input":["e336",false],"router":["e328",false],"scanner":["e329",false],"security":["e32a",false],"sim_card":["e32b",false],"smartphone":["e32c",false],"speaker":["e32d",false],"speaker_group":["e32e",false],"tablet":["e32f",false],"tablet_android":["e330",false],"tablet_mac":["e331",false],"toys":["e332",false],"tv":["e333",false],"videogame_asset":["e338",false],"watch":["e334",false]},"image":{"add_a_photo":["e439",false],"add_to_photos":["e39d",false],"adjust":["e39e",false],"assistant":["e39f",false],"assistant_photo":["e3a0",false],"audiotrack":["e3a1",false],"blur_circular":["e3a2",false],"blur_linear":["e3a3",false],"blur_off":["e3a4",false],"blur_on":["e3a5",false],"brightness_1":["e3a6",false],"brightness_2":["e3a7",false],"brightness_3":["e3a8",false],"brightness_4":["e3a9",false],"brightness_5":["e3aa",false],"brightness_6":["e3ab",false],"brightness_7":["e3ac",false],"broken_image":["e3ad",false],"brush":["e3ae",false],"burst_mode":["e43c",true],"camera":["e3af",false],"camera_alt":["e3b0",false],"camera_front":["e3b1",false],"camera_rear":["e3b2",false],"camera_roll":["e3b3",false],"center_focus_strong":["e3b4",false],"center_focus_weak":["e3b5",false],"collections":["e3b6",false],"collections_bookmark":["e431",false],"color_lens":["e3b7",false],"colorize":["e3b8",false],"compare":["e3b9",false],"control_point":["e3ba",false],"control_point_duplicate":["e3bb",false],"crop_16_9":["e3bc",false],"crop":["e3be",false],"crop_3_2":["e3bd",false],"crop_5_4":["e3bf",false],"crop_7_5":["e3c0",false],"crop_din":["e3c1",false],"crop_free":["e3c2",false],"crop_landscape":["e3c3",false],"crop_original":["e3c4",false],"crop_portrait":["e3c5",false],"crop_rotate":["e437",false],"crop_square":["e3c6",false],"dehaze":["e3c7",false],"details":["e3c8",false],"edit":["e3c9",false],"exposure":["e3ca",false],"exposure_neg_1":["e3cb",false],"exposure_neg_2":["e3cc",false],"exposure_plus_1":["e3cd",false],"exposure_plus_2":["e3ce",false],"exposure_zero":["e3cf",false],"filter_1":["e3d0",false],"filter":["e3d3",false],"filter_2":["e3d1",false],"filter_3":["e3d2",false],"filter_4":["e3d4",false],"filter_5":["e3d5",false],"filter_6":["e3d6",false],"filter_7":["e3d7",false],"filter_8":["e3d8",false],"filter_9":["e3d9",false],"filter_9_plus":["e3da",false],"filter_b_and_w":["e3db",false],"filter_center_focus":["e3dc",false],"filter_drama":["e3dd",false],"filter_frames":["e3de",false],"filter_hdr":["e3df",false],"filter_none":["e3e0",false],"filter_tilt_shift":["e3e2",false],"filter_vintage":["e3e3",false],"flare":["e3e4",false],"flash_auto":["e3e5",false],"flash_off":["e3e6",false],"flash_on":["e3e7",false],"flip":["e3e8",false],"gradient":["e3e9",false],"grain":["e3ea",false],"grid_off":["e3eb",false],"grid_on":["e3ec",false],"hdr_off":["e3ed",false],"hdr_on":["e3ee",false],"hdr_strong":["e3f1",false],"hdr_weak":["e3f2",false],"healing":["e3f3",false],"image":["e3f4",false],"image_aspect_ratio":["e3f5",false],"iso":["e3f6",false],"landscape":["e3f7",false],"leak_add":["e3f8",false],"leak_remove":["e3f9",false],"lens":["e3fa",false],"linked_camera":["e438",false],"looks":["e3fc",false],"looks_3":["e3fb",false],"looks_4":["e3fd",false],"looks_5":["e3fe",false],"looks_6":["e3ff",false],"looks_one":["e400",false],"looks_two":["e401",false],"loupe":["e402",false],"monochrome_photos":["e403",false],"movie_creation":["e404",false],"movie_filter":["e43a",false],"music_note":["e405",false],"nature":["e406",false],"nature_people":["e407",false],"navigate_before":["e408",false],"navigate_next":["e409",false],"palette":["e40a",false],"panorama":["e40b",false],"panorama_fish_eye":["e40c",false],"panorama_horizontal":["e40d",false],"panorama_vertical":["e40e",false],"panorama_wide_angle":["e40f",false],"photo":["e410",false],"photo_album":["e411",false],"photo_camera":["e412",false],"photo_filter":["e43b",false],"photo_library":["e413",false],"photo_size_select_actual":["e432",false],"photo_size_select_large":["e433",false],"photo_size_select_small":["e434",false],"picture_as_pdf":["e415",false],"portrait":["e416",false],"remove_red_eye":["e417",false],"rotate_90_degrees_ccw":["e418",false],"rotate_left":["e419",false],"rotate_right":["e41a",false],"slideshow":["e41b",false],"straighten":["e41c",false],"style":["e41d",false],"switch_camera":["e41e",false],"switch_video":["e41f",false],"tag_faces":["e420",false],"texture":["e421",false],"timelapse":["e422",false],"timer_10":["e423",false],"timer":["e425",false],"timer_3":["e424",false],"timer_off":["e426",false],"tonality":["e427",false],"transform":["e428",false],"tune":["e429",false],"view_comfy":["e42a",false],"view_compact":["e42b",false],"vignette":["e435",false],"wb_auto":["e42c",false],"wb_cloudy":["e42d",false],"wb_incandescent":["e42e",false],"wb_iridescent":["e436",false],"wb_sunny":["e430",false]},"maps":{"add_location":["e567",false],"beenhere":["e52d",false],"directions":["e52e",false],"directions_bike":["e52f",false],"directions_boat":["e532",false],"directions_bus":["e530",false],"directions_car":["e531",false],"directions_railway":["e534",false],"directions_run":["e566",false],"directions_subway":["e533",false],"directions_transit":["e535",false],"directions_walk":["e536",false],"edit_location":["e568",false],"ev_station":["e56d",true],"flight":["e539",false],"hotel":["e53a",false],"layers":["e53b",false],"layers_clear":["e53c",false],"local_activity":["e53f",false],"local_airport":["e53d",false],"local_atm":["e53e",false],"local_bar":["e540",false],"local_cafe":["e541",false],"local_car_wash":["e542",false],"local_convenience_store":["e543",false],"local_dining":["e556",false],"local_drink":["e544",false],"local_florist":["e545",false],"local_gas_station":["e546",false],"local_grocery_store":["e547",false],"local_hospital":["e548",false],"local_hotel":["e549",false],"local_laundry_service":["e54a",false],"local_library":["e54b",false],"local_mall":["e54c",false],"local_movies":["e54d",false],"local_offer":["e54e",false],"local_parking":["e54f",false],"local_pharmacy":["e550",false],"local_phone":["e551",false],"local_pizza":["e552",false],"local_play":["e553",false],"local_post_office":["e554",false],"local_printshop":["e555",false],"local_see":["e557",false],"local_shipping":["e558",false],"local_taxi":["e559",false],"map":["e55b",false],"my_location":["e55c",false],"navigation":["e55d",false],"near_me":["e569",false],"person_pin":["e55a",false],"person_pin_circle":["e56a",false],"pin_drop":["e55e",false],"place":["e55f",false],"rate_review":["e560",false],"restaurant":["e56c",true],"restaurant_menu":["e561",false],"satellite":["e562",false],"store_mall_directory":["e563",false],"streetview":["e56e",true],"subway":["e56f",true],"terrain":["e564",false],"traffic":["e565",false],"train":["e570",true],"tram":["e571",true],"transfer_within_a_station":["e572",true],"zoom_out_map":["e56b",false]},"navigation":{"apps":["e5c3",false],"arrow_back":["e5c4",false],"arrow_downward":["e5db",false],"arrow_drop_down":["e5c5",false],"arrow_drop_down_circle":["e5c6",false],"arrow_drop_up":["e5c7",false],"arrow_forward":["e5c8",false],"arrow_upward":["e5d8",false],"cancel":["e5c9",false],"check":["e5ca",false],"chevron_left":["e5cb",false],"chevron_right":["e5cc",false],"close":["e5cd",false],"expand_less":["e5ce",false],"expand_more":["e5cf",false],"first_page":["e5dc",true],"fullscreen":["e5d0",false],"fullscreen_exit":["e5d1",false],"last_page":["e5dd",true],"menu":["e5d2",false],"more_horiz":["e5d3",false],"more_vert":["e5d4",false],"refresh":["e5d5",false],"subdirectory_arrow_left":["e5d9",false],"subdirectory_arrow_right":["e5da",false],"unfold_less":["e5d6",false],"unfold_more":["e5d7",false]},"notification":{"adb":["e60e",false],"airline_seat_flat":["e630",false],"airline_seat_flat_angled":["e631",false],"airline_seat_individual_suite":["e632",false],"airline_seat_legroom_extra":["e633",false],"airline_seat_legroom_normal":["e634",false],"airline_seat_legroom_reduced":["e635",false],"airline_seat_recline_extra":["e636",false],"airline_seat_recline_normal":["e637",false],"bluetooth_audio":["e60f",false],"confirmation_number":["e638",false],"disc_full":["e610",false],"do_not_disturb":["e612",false],"do_not_disturb_alt":["e611",false],"do_not_disturb_off":["e643",true],"do_not_disturb_on":["e644",true],"drive_eta":["e613",false],"enhanced_encryption":["e63f",false],"event_available":["e614",false],"event_busy":["e615",false],"event_note":["e616",false],"folder_special":["e617",false],"live_tv":["e639",false],"mms":["e618",false],"more":["e619",false],"network_check":["e640",false],"network_locked":["e61a",false],"no_encryption":["e641",false],"ondemand_video":["e63a",false],"personal_video":["e63b",false],"phone_bluetooth_speaker":["e61b",false],"phone_forwarded":["e61c",false],"phone_in_talk":["e61d",false],"phone_locked":["e61e",false],"phone_missed":["e61f",false],"phone_paused":["e620",false],"power":["e63c",false],"priority_high":["e645",true],"rv_hookup":["e642",false],"sd_card":["e623",false],"sim_card_alert":["e624",false],"sms":["e625",false],"sms_failed":["e626",false],"sync":["e627",false],"sync_disabled":["e628",false],"sync_problem":["e629",false],"system_update":["e62a",false],"tap_and_play":["e62b",false],"time_to_leave":["e62c",false],"vibration":["e62d",false],"voice_chat":["e62e",false],"vpn_lock":["e62f",false],"wc":["e63d",false],"wifi":["e63e",false]},"places":{"ac_unit":["eb3b",false],"airport_shuttle":["eb3c",false],"all_inclusive":["eb3d",false],"beach_access":["eb3e",false],"business_center":["eb3f",false],"casino":["eb40",false],"child_care":["eb41",false],"child_friendly":["eb42",false],"fitness_center":["eb43",false],"free_breakfast":["eb44",false],"golf_course":["eb45",false],"hot_tub":["eb46",false],"kitchen":["eb47",false],"pool":["eb48",false],"room_service":["eb49",false],"rv_hookup":["e642",false],"smoke_free":["eb4a",false],"smoking_rooms":["eb4b",false],"spa":["eb4c",false]},"social":{"cake":["e7e9",false],"domain":["e7ee",false],"group":["e7ef",false],"group_add":["e7f0",false],"location_city":["e7f1",false],"mood":["e7f2",false],"mood_bad":["e7f3",false],"notifications":["e7f4",false],"notifications_active":["e7f7",false],"notifications_none":["e7f5",false],"notifications_off":["e7f6",false],"notifications_paused":["e7f8",false],"pages":["e7f9",false],"party_mode":["e7fa",false],"people":["e7fb",false],"people_outline":["e7fc",false],"person":["e7fd",false],"person_add":["e7fe",false],"person_outline":["e7ff",false],"plus_one":["e800",false],"poll":["e801",false],"public":["e80b",false],"school":["e80c",false],"sentiment_dissatisfied":["e811",true],"sentiment_neutral":["e812",true],"sentiment_satisfied":["e813",true],"sentiment_very_dissatisfied":["e814",true],"sentiment_very_satisfied":["e815",true],"share":["e80d",false],"whatshot":["e80e",false]},"toggle":{"check_box":["e834",false],"check_box_outline_blank":["e835",false],"indeterminate_check_box":["e909",false],"radio_button_checked":["e837",false],"radio_button_unchecked":["e836",false],"star":["e838",false],"star_border":["e83a",false],"star_half":["e839",false]}};
\ No newline at end of file diff --git a/vendor/mervick/material-design-icons/demo/js/main.js b/vendor/mervick/material-design-icons/demo/js/main.js new file mode 100644 index 000000000..ed13d5cbc --- /dev/null +++ b/vendor/mervick/material-design-icons/demo/js/main.js @@ -0,0 +1,194 @@ +(function($, Backbone) { + + var models = {}, + views = {}, + renderData = function (data) { + var icons = [], + categories = []; + $.each(data, function (category, items) { + $.each(items, function (content, d) { + categories.push(category); + icons.push({ + category: category, + caption: content.replace(/_/g, ' '), + className: content.replace(/_/g, '-'), + content: content, + code: d[0].toUpperCase(), + is_new: d[1] && true + }); + }); + }); + var view = new views.Icons({collection: new models.Icons(icons)}); + view.render(); + }; + + models.Icon = Backbone.Model.extend(); + + models.Icons = Backbone.Collection.extend({ + model: models.Icon + }); + + views.Icon = Backbone.View.extend({ + tagName: 'div', + className: 'item-container', + template: _.template($('#grid-item').html()), + events : { + "click" : "showSnackBar" + }, + initialize: function (options) { + this.listenTo(this.model, 'hideSnackBar', this.hideSnackBar); + _.bindAll(this, 'render', 'hideSnackBar'); + }, + render: function () { + $(this.el).html(this.template(this.model.attributes)); + return this; + }, + showSnackBar: function() { + $("body").click(); + this.model.trigger('hideSnackBar'); + $(this.el).addClass("selected"); + var view = new views.snackbarView({model: this.model}); + view.render(); + return false; + }, + hideSnackBar: function() { + $(this.el).removeClass("selected"); + } + }); + + views.snackbarView = Backbone.View.extend({ + container: $('#snackbar'), + template: _.template($('#snackbar-template').html()), + initialize: function (options) { + this.collection = options.collection; + $("body").on("click focus", $.proxy(this.hide, this)); + }, + render: function () { + var hidden = !this.container.children(".container:not(:hidden)").length; + this.container.empty(); + this.container.append(this.template(this.model.attributes)); + if (hidden) { + this.container.children(".container").hide().slideDown('fast'); + } else { + this.container.children(".container").stop(0, 0).slideDown('fast'); + } + }, + hide: function() { + this.model.trigger('hideSnackBar'); + this.container.children(".container").slideUp('fast'); + } + }); + + views.Icons = Backbone.View.extend({ + container: $('#grid-container'), + empty_content: $('#empty-grid').html(), + search_input: $('#search'), + search_clear: $('#search-panel .clear-icon'), + initialize: function (options) { + this.collection = options.collection; + this.search_input.bind('keyup', $.proxy(this.search, this)); + this.search_clear.bind('click', $.proxy(this.clear_search, this)); + _.bindAll(this, 'render'); + }, + clear_search : function() { + this.search_input.val(''); + this.search_input.focus(); + this.search(); + return this; + }, + search: function () { + var str = this.search_input.val(); + if (str.length > 0) { + this.search_clear.show(); + } else { + this.search_clear.hide(); + } + str = str.replace(/[\-_]+/g, ' ').replace(/\s+/, ' ').trim(); + if (str.length > 0) { + var models = this.collection.filter(function (item) { + return item.get("caption").indexOf(str) > -1 + }); + this.render(models); + } else { + this.render(); + } + $('body, html').animate({scrollTop: this.container.offset().top - 64}, 0); + return this; + }, + render: function (searchCollection) { + var container = this.container, + category = null, + grid = $("<div/>", {"class" : "grid"}), + self = this, + models = searchCollection || this.collection; + container.empty(); + models.forEach(function (item) { + var itemView = new views.Icon({model: item}); + if (category === null) { + category = item.get('category'); + } + if (category !== item.get('category')) { + $("<h2/>").html(category.charAt(0).toUpperCase() + category.slice(1)). + appendTo(self.container); + grid.appendTo(self.container); + + category = item.get('category'); + grid = $("<div/>", {"class" : "grid"}); + grid.append(itemView.render().el); + } else { + grid.append(itemView.render().el); + } + }); + if (category !== null) { + $("<h2/>").html(category.charAt(0).toUpperCase() + category.slice(1)). + appendTo(self.container); + grid.appendTo(self.container); + } else { + container.html(self.empty_content); + } + return this; + } + }); + + $(document).ready(function () { + var is_fixed_search = false, + $win = $(window), + search_panel = $("#search-panel"), + header_panel = $("#head-panel"); + + $win.on("scroll resize", function () { + if ($win.scrollTop() > header_panel.outerHeight()) { + if (!is_fixed_search) { + is_fixed_search = true; + search_panel.addClass("top-fixed"); + } + } else { + if (is_fixed_search) { + is_fixed_search = false; + search_panel.removeClass("top-fixed"); + } + } + }); + + renderData(window.data); + + $("body").on("focus", "textarea.code", function() { + var $this = $(this); + $this.select(); + window.setTimeout(function() { + $this.select(); + }, 1); + function mouseUpHandler() { + $this.off("mouseup", mouseUpHandler); + return false; + } + $this.mouseup(mouseUpHandler); + }); + + $("#snackbar").on("click focus", function(e) { + e.preventDefault(); + return false; + }); + + }); +}) (jQuery, Backbone); diff --git a/vendor/mervick/material-design-icons/demo/style/main.css b/vendor/mervick/material-design-icons/demo/style/main.css new file mode 100644 index 000000000..5a5563309 --- /dev/null +++ b/vendor/mervick/material-design-icons/demo/style/main.css @@ -0,0 +1,385 @@ +/* line 3, main.scss */ +html, body { + background-color: #f9f9f9; + border: 0; + padding: 0; + margin: 0; + height: 100%; + width: 100%; + color: #444; + font-family: RobotoDraft, Roboto, sans-serif; + font-size: 14px; + -webkit-font-smoothing: antialiased; } + +/* line 16, main.scss */ +*, *:before, *:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +/* line 20, main.scss */ +* { + font-family: RobotoDraft, Roboto, sans-serif; } + +/* line 24, main.scss */ +a { + color: #02a8f3; + text-decoration: none; } + /* line 27, main.scss */ + a:hover { + text-decoration: underline; } + /* line 30, main.scss */ + a, a:hover { + outline: 0; } + +/* line 35, main.scss */ +#head-panel { + background-color: #03a9f4; + padding: 30px 0 20px; } + /* line 38, main.scss */ + #head-panel h1 { + color: #fff; + font-size: 50px; + font-weight: normal; + margin: 0 0 10px 0; + display: inline-block; } + /* line 44, main.scss */ + #head-panel h1:after { + letter-spacing: 0.5em; + content: "\00a0"; } + /* line 49, main.scss */ + #head-panel .buttons { + display: inline-block; + color: transparent; } + +/* line 55, main.scss */ +.container { + width: 100%; + padding: 0 20px; + height: 100%; } + +/* line 61, main.scss */ +.wrap { + min-height: 100%; + height: auto; + margin: 0 auto -120px; + padding: 0 0 160px; } + +/* line 68, main.scss */ +.content { + margin: 120px 0 40px; } + /* line 70, main.scss */ + .content p { + line-height: 36px; + font-size: 20px; + margin-top: 2px; + margin-bottom: 10px; } + /* line 76, main.scss */ + .content code { + padding: 0; + padding-top: 0.2em; + padding-bottom: 0.2em; + margin: 0; + font-size: 85%; + background-color: rgba(0, 0, 0, 0.04); + border-radius: 3px; } + /* line 84, main.scss */ + .content code:before, .content code:after { + letter-spacing: -0.2em; + content: "\00a0"; } + +/* line 91, main.scss */ +#search-panel { + height: 64px; + width: 100%; + background-color: #ffffff; + box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); + position: absolute; + z-index: 7; } + /* line 98, main.scss */ + #search-panel.top-fixed { + position: fixed; + top: 0; + left: 0; + right: 0; + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } + /* line 105, main.scss */ + #search-panel .container { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + height: 100%; } + /* line 117, main.scss */ + #search-panel .search-icon { + display: inline-block; + vertical-align: middle; + background-repeat: no-repeat; + fill: currentcolor; + position: relative; + opacity: 0.5; } + /* line 124, main.scss */ + #search-panel .search-icon, #search-panel .search-icon .mdi { + height: 24px; + width: 24px; + font-size: 24px; } + /* line 129, main.scss */ + #search-panel .search-icon.clear-icon { + cursor: pointer; } + /* line 131, main.scss */ + #search-panel .search-icon.clear-icon:hover { + opacity: 1; } + /* line 136, main.scss */ + #search-panel #search { + color: #434343; + font-size: 20px; + margin-left: 16px; + padding: 8px 0; + width: auto; + border: none; + outline: none; + -ms-flex: 1 1 0.000000001px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 0.000000001px; + flex-basis: 0.000000001px; } + +/* line 152, main.scss */ +#grid-container { + padding: 0 0 70px; + min-height: 900px; + margin-top: 67px; } + /* line 156, main.scss */ + #grid-container .grid { + margin: 20px -15px 0 -15px; } + /* line 158, main.scss */ + #grid-container .grid:after { + clear: both; + display: table; + content: " "; } + /* line 164, main.scss */ + #grid-container:after { + clear: both; + display: table; + content: " "; } + /* line 169, main.scss */ + #grid-container h2 { + color: #a2a2a2; + font-size: 16px; + font-weight: normal; + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.08); + padding: 67px 0 0; + margin: 47px 0 10px; } + /* line 178, main.scss */ + #grid-container .no-results { + text-align: center; + color: #909090; + font-size: 24px; + padding: 150px 0; } + /* line 184, main.scss */ + #grid-container .item-container { + display: block; + width: 112px; + height: 120px; + margin: 0 10px 5px; + padding: 20px 0 0; + cursor: pointer; + background: transparent; + float: left; + transition: background 200ms ease-out; + border-radius: 2px; } + /* line 195, main.scss */ + #grid-container .item-container:hover { + background: #f2f2f2; } + /* line 198, main.scss */ + #grid-container .item-container.selected { + background: #e0e0e0; } + /* line 201, main.scss */ + #grid-container .item-container .item { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + position: relative; } + /* line 212, main.scss */ + #grid-container .item-container .item .new-badge { + position: absolute; + right: 8px; + top: -12px; + padding: 2px 3px; + border-radius: 2px; + background: #fe6363; + color: #fff; + font-size: 10px; + font-weight: 500; } + /* line 223, main.scss */ + #grid-container .item-container .item .mdi { + font-size: 48px; + width: 48px; + height: 48px; + color: #757575; } + /* line 229, main.scss */ + #grid-container .item-container .item .caption { + color: #757575; + font-size: 11px; + margin-top: 16px; + overflow: hidden; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + width: 100px; + z-index: 1; } + +/* line 244, main.scss */ +#snackbar { + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: 5; } + /* line 250, main.scss */ + #snackbar .snackbar-header { + color: #fff; + height: 64px; + background-color: #03a9f4; + padding: 19px 20px 20px; + line-height: 26px; + overflow: hidden; } + /* line 257, main.scss */ + #snackbar .snackbar-header .mdi { + width: 24px; + height: 24px; + font-size: 24px; + float: left; } + /* line 263, main.scss */ + #snackbar .snackbar-header .caption { + font-size: 16px; + margin-left: 15px; } + /* line 267, main.scss */ + #snackbar .snackbar-header .right-side { + display: none; + float: right; } + /* line 270, main.scss */ + #snackbar .snackbar-header .right-side .mdi { + font-size: 22px; + margin-top: 1px; } + /* line 274, main.scss */ + #snackbar .snackbar-header .right-side .caption { + font-weight: 500; + margin-left: 10px; + text-transform: uppercase; + font-size: 14px; } + /* line 282, main.scss */ + #snackbar p, #snackbar p a, #snackbar .code { + font-family: 'Roboto Mono', monospace; + font-size: 13px; + line-height: 24px; + background-color: #eee; } + /* line 288, main.scss */ + #snackbar .code { + color: #434343; + border: 0; + cursor: default; + display: block; + outline: none; + padding: 0; + height: 24px; + resize: none; + width: 100%; + white-space: nowrap; + overflow: hidden; } + /* line 300, main.scss */ + #snackbar .code.comment { + opacity: 0.5; } + /* line 304, main.scss */ + #snackbar .snackbar-content { + background-color: #eee; + padding: 8px 24px; + overflow: hidden; + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1); + box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } + /* line 311, main.scss */ + #snackbar .snackbar-content h2, #snackbar .snackbar-content p { + font-size: 13px; + line-height: 24px; + font-family: 'Roboto Mono', monospace; } + /* line 316, main.scss */ + #snackbar .snackbar-content h2 { + color: #02a8f3; + display: inline-block; + font-weight: 500; + margin: 0; } + /* line 322, main.scss */ + #snackbar .snackbar-content p { + margin: 0; + color: #434343; } + /* line 326, main.scss */ + #snackbar .snackbar-content .col { + margin: 16px 0; } + /* line 330, main.scss */ + #snackbar .snackbar-header, #snackbar .snackbar-content { + margin: 0 -20px 0; } + +/* line 335, main.scss */ +#footer { + background: #EEE; + padding: 20px 0; + min-height: 120px; } + +@media (min-width: 500px) { + /* line 343, main.scss */ + #snackbar .snackbar-content .col { + margin: 16px 40px 16px 0; } + /* line 346, main.scss */ + #snackbar .snackbar-header .right-side { + display: block; } } +@media (min-width: 800px) { + /* line 353, main.scss */ + .flex { + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; } + + /* line 361, main.scss */ + .col { + width: 50%; } + + /* line 364, main.scss */ + .container { + padding: 0 35px; + margin: 0 auto; } + + /* line 368, main.scss */ + .snackbar-header, .snackbar-content { + margin: 0 -10px 0; } + + /* line 371, main.scss */ + #grid-container .grid { + margin: 20px -30px 0 -15px; } } +@media (min-width: 950px) { + /* line 377, main.scss */ + .col { + width: 45%; } } +@media (min-width: 1100px) { + /* line 383, main.scss */ + .col { + width: 40%; } } +@media (min-width: 1240px) { + /* line 389, main.scss */ + .container { + width: 1226px; } } diff --git a/vendor/mervick/material-design-icons/demo/style/main.scss b/vendor/mervick/material-design-icons/demo/style/main.scss new file mode 100644 index 000000000..15e1484b3 --- /dev/null +++ b/vendor/mervick/material-design-icons/demo/style/main.scss @@ -0,0 +1,392 @@ +@import "compass/css3"; + +html, body { + background-color: #f9f9f9; + border: 0; + padding: 0; + margin: 0; + height: 100%; + width: 100%; + color: #444; + font-family: RobotoDraft, Roboto, sans-serif; + font-size: 14px; + -webkit-font-smoothing: antialiased; +} + +*, *:before, *:after { + @include box-sizing(border-box); +} + +* { + font-family: RobotoDraft, Roboto, sans-serif; +} + +a { + color: #02a8f3; + text-decoration: none; + &:hover { + text-decoration: underline; + } + &, &:hover { + outline: 0; + } +} + +#head-panel { + background-color: #03a9f4; + padding: 30px 0 20px; + h1 { + color: #fff; + font-size: 50px; + font-weight: normal; + margin: 0 0 10px 0; + display: inline-block; + &:after { + letter-spacing: 0.5em; + content: "\00a0"; + } + } + .buttons { + display: inline-block; + color: transparent; + } +} + +.container { + width: 100%; + padding: 0 20px; + height: 100%; +} + +.wrap { + min-height: 100%; + height: auto; + margin: 0 auto -120px; + padding: 0 0 160px; +} + +.content { + margin: 120px 0 40px; + p { + line-height: 36px; + font-size: 20px; + margin-top: 2px; + margin-bottom: 10px; + } + code { + padding: 0; + padding-top: 0.2em; + padding-bottom: 0.2em; + margin: 0; + font-size: 85%; + background-color: rgba(0,0,0,0.04); + border-radius: 3px; + &:before, &:after { + letter-spacing: -0.2em; + content: "\00a0"; + } + } +} + +#search-panel { + height: 64px; + width: 100%; + background-color: #ffffff; + box-shadow: 0 0 2px rgba(0,0,0,.2); + position: absolute; + z-index: 7; + &.top-fixed { + position: fixed; + top: 0; + left: 0; + right: 0; + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);; + } + .container { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + height: 100%; + } + .search-icon { + display: inline-block; + vertical-align: middle; + background-repeat: no-repeat; + fill: currentcolor; + position: relative; + opacity: 0.5; + &, .mdi { + height: 24px; + width: 24px; + font-size: 24px; + } + &.clear-icon { + cursor: pointer; + &:hover { + opacity: 1; + } + } + } + #search { + color: #434343; + font-size: 20px; + margin-left: 16px; + padding: 8px 0; + width: auto; + border: none; + outline: none; + -ms-flex: 1 1 0.000000001px; + -webkit-flex: 1; + flex: 1; + -webkit-flex-basis: 0.000000001px; + flex-basis: 0.000000001px; + } +} + +#grid-container { + padding: 0 0 70px; + min-height: 900px; + margin-top: 67px; + .grid { + margin: 20px -15px 0 -15px; + &:after { + clear: both; + display: table; + content: " "; + } + } + &:after { + clear: both; + display: table; + content: " "; + } + h2 { + color: #a2a2a2; + font-size: 16px; + font-weight: normal; + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.08); + padding: 67px 0 0; + margin: 47px 0 10px; + } + .no-results { + text-align: center; + color: #909090; + font-size: 24px; + padding: 150px 0; + } + .item-container { + display: block; + width: 112px; + height: 120px; + margin: 0 10px 5px; + padding: 20px 0 0; + cursor: pointer; + background: transparent; + float: left; + transition: background 200ms ease-out; + border-radius: 2px; + &:hover { + background: #f2f2f2; + } + &.selected { + background: #e0e0e0; + } + .item { + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + position: relative; + .new-badge { + position: absolute; + right: 8px; + top: -12px; + padding: 2px 3px; + border-radius: 2px; + background: #fe6363; + color: #fff; + font-size: 10px; + font-weight: 500; + } + .mdi { + font-size: 48px; + width: 48px; + height: 48px; + color: #757575; + } + .caption { + color: #757575; + font-size: 11px; + margin-top: 16px; + overflow: hidden; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + width: 100px; + z-index: 1; + } + } + } +} + +#snackbar { + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: 5; + .snackbar-header { + color: #fff; + height: 64px; + background-color: #03a9f4; + padding: 19px 20px 20px; + line-height: 26px; + overflow: hidden; + .mdi { + width: 24px; + height: 24px; + font-size: 24px; + float: left; + } + .caption { + font-size: 16px; + margin-left: 15px; + } + .right-side { + display: none; + float: right; + .mdi { + font-size: 22px; + margin-top: 1px; + } + .caption { + font-weight: 500; + margin-left: 10px; + text-transform: uppercase; + font-size: 14px; + } + } + } + p, p a, .code { + font-family: 'Roboto Mono', monospace; + font-size: 13px; + line-height: 24px; + background-color: #eee; + } + .code { + color: #434343; + border: 0; + cursor: default; + display: block; + outline: none; + padding: 0; + height: 24px; + resize: none; + width: 100%; + white-space: nowrap; + overflow: hidden; + &.comment { + opacity: 0.5; + } + } + .snackbar-content { + background-color: #eee; + padding: 8px 24px; + overflow: hidden; + -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1); + transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1); + box-shadow: 0 -2px 5px rgba(0,0,0,.1); + h2, p { + font-size: 13px; + line-height: 24px; + font-family: 'Roboto Mono', monospace; + } + h2 { + color: #02a8f3; + display: inline-block; + font-weight: 500; + margin: 0; + } + p { + margin: 0; + color: #434343; + } + .col { + margin: 16px 0; + } + } + .snackbar-header, .snackbar-content { + margin: 0 -20px 0; + } +} + +#footer { + background: #EEE; + padding: 20px 0; + min-height: 120px; +} + +@media (min-width: 500px) { + #snackbar { + .snackbar-content .col { + margin: 16px 40px 16px 0; + } + .snackbar-header .right-side { + display: block; + } + } +} + +@media (min-width: 800px) { + .flex { + -ms-flex-direction: row; + -webkit-flex-direction: row; + flex-direction: row; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + } + .col { + width: 50%; + } + .container { + padding: 0 35px; + margin: 0 auto; + } + .snackbar-header, .snackbar-content { + margin: 0 -10px 0; + } + #grid-container .grid { + margin: 20px -30px 0 -15px; + } +} + +@media (min-width: 950px) { + .col { + width: 45%; + } +} + +@media (min-width: 1100px) { + .col { + width: 40%; + } +} + +@media (min-width: 1240px) { + .container { + width: 1226px; + } +}
\ No newline at end of file |