Last active
August 29, 2015 14:16
-
-
Save melissamcewen/b45986bb5bcbc464b3aa to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Sample</title> | |
| </head> | |
| <body> | |
| <div role="navigation" class="l-navigation" id="l-navigation"> | |
| <nav> | |
| <div class="block block-menu-block" id="block-menu-block-1"> | |
| <div class="content"> | |
| <div class="menu-block-1"> | |
| <div class="menu"><div class="first leaf active-trail active menu-mlid-339 "><a class="active-trail active" title="" href="/aahweb/about">About</a></div> | |
| <div class="leaf menu-mlid-387 "><a href="/aahweb/g400">Gallery 400</a></div> | |
| <div class="leaf menu-mlid-392 "><a title="" href="http://stage.artandarthistory.uic.edu/custom/event/search">Calendar</a></div> | |
| <div class="leaf menu-mlid-395 "><a href="/aahweb/admissions">Admissions</a></div> | |
| <div class="leaf menu-mlid-388"><a href="/aahweb/engagement">Community engagement</a></div> | |
| <div class="leaf menu-mlid-391"><a href="/aahweb/work">Student, faculty, alumni work</a></div> | |
| <div class="leaf menu-mlid-393"><a href="/aahweb/news">News</a></div> | |
| <div class="leaf menu-mlid-414"><a href="/aahweb/support">Support the School</a></div> | |
| <div class="last leaf menu-mlid-394"><a href="/aahweb/people">People</a></div> | |
| <form accept-charset="UTF-8" id="search-form" method="post" action="/aahweb/search/node" class="search-form "><div><div id="edit-basic" class="container-inline form-wrapper"><div class="form-item form-type-searchfield form-item-keys"> | |
| <label class="" id="search-label" for="edit-keys">Search </label> | |
| <input type="search" class="form-text form-search search-d" maxlength="255" size="40" value="" name="keys" id="edit-keys"> | |
| </div> | |
| <input type="submit" class="form-submit" value="Search" name="op" id="edit-submit"></div><input type="hidden" value="form-SKVZRxinS_4Bpt2K061ZzLT7_Vm_f3Qk15GxwXhvbT0" name="form_build_id"> | |
| <input type="hidden" value="search_form" name="form_id"> | |
| </div></form></div></div> | |
| </div> | |
| </div> | |
| <div class="block block-menu-block" id="block-menu-block-2"> | |
| <div class="content"> | |
| <div class="menu-block-2"> | |
| <div class="menu"><span class="menu_drop_down"><div class="first expanded menu-mlid-1017"><a href="/aahweb/art">Art</a><div class="menu"><div class="first leaf menu-mlid-1018"><a href="/aahweb/art-welcome">Chair's message</a></div> | |
| <div class="leaf menu-mlid-1019"><a href="/aahweb/bfa">BFA Art</a></div> | |
| <div class="leaf menu-mlid-1024"><a href="/aahweb/bfa-art-minor">BFA Art minor</a></div> | |
| <div class="leaf menu-mlid-1025"><a href="/aahweb/mfa-art">MFA Art</a></div> | |
| <div class="last leaf menu-mlid-1030"><a href="/aahweb/art-faculty">Faculty</a></div> | |
| </div></div> | |
| </span><span class="menu_drop_down"><div class="expanded menu-mlid-1031"><a href="/aahweb/art-history">Art History</a><div class="menu"><div class="first leaf menu-mlid-1032"><a href="/aahweb/AHGSA">AHGSA</a></div> | |
| <div class="leaf menu-mlid-1033"><a href="/aahweb/ah-alumni">Alumni</a></div> | |
| <div class="leaf menu-mlid-1034"><a href="/aahweb/ah-apply">Apply</a></div> | |
| <div class="leaf menu-mlid-1108"><a href="/aahweb/art-history-society">Art History Society</a></div> | |
| <div class="leaf menu-mlid-1036"><a href="/aahweb/ah-welcome">Chair's message</a></div> | |
| <div class="leaf menu-mlid-1037"><a title="" href="/aahweb/faculty">Faculty</a></div> | |
| <div class="leaf menu-mlid-1038"><a href="/aahweb/minor-muse">Minor in Museum & Exhibition Studies</a></div> | |
| <div class="leaf menu-mlid-1040"><a href="/aahweb/students">Students</a></div> | |
| <div class="leaf menu-mlid-1041"><a href="/aahweb/whyah">Why study Art History?</a></div> | |
| <div class="leaf menu-mlid-1042"><a href="/aahweb/ba-ah">BA Art History</a></div> | |
| <div class="leaf menu-mlid-1043"><a href="/aahweb/ba-ah-minor">Minor in Art History</a></div> | |
| <div class="leaf menu-mlid-1044"><a href="/aahweb/ma-ah">MA Art History</a></div> | |
| <div class="leaf menu-mlid-1047"><a href="/aahweb/phd-ah">PhD Art History</a></div> | |
| <div class="last leaf menu-mlid-1050"><a href="/aahweb/faculty">Faculty</a></div> | |
| </div></div> | |
| </span><span class="menu_drop_down"><div class="expanded menu-mlid-1051"><a href="/aahweb/muse">Museum & Exhibition Studies</a><div class="menu"><div class="first leaf menu-mlid-1052"><a href="/aahweb/muse-welcome">Chair's message</a></div> | |
| <div class="leaf menu-mlid-1053"><a href="/aahweb/ma-muse">MA Museum & Exhibition Studies</a></div> | |
| <div class="leaf menu-mlid-1054"><a href="/aahweb/jahhm">Jane Addams Hull-House Museum</a></div> | |
| <div class="last leaf menu-mlid-1055"><a href="/aahweb/muse-faculty">Faculty</a></div> | |
| </div></div> | |
| </span><span class="menu_drop_down"><div class="last expanded menu-mlid-1056"><a href="/aahweb/information-for">Information for:</a><div class="menu"><div class="first leaf menu-mlid-1057"><a href="/aahweb/info-current-students">Current students</a></div> | |
| <div class="leaf menu-mlid-1067"><a href="/aahweb/faculty-staff">Faculty/staff</a></div> | |
| <div class="last leaf menu-mlid-1068"><a href="/aahweb/alumni">Alumni</a></div> | |
| </div></div> | |
| </span></div></div> | |
| </div> | |
| </div> | |
| </nav> | |
| </div> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.14) | |
| // Compass (v1.0.1) | |
| // Breakpoint (v2.5.0) | |
| // Toolkit (v2.6.0) | |
| // ---- | |
| @import "toolkit"; | |
| @import "toolkit/kickstart"; | |
| @import "breakpoint"; | |
| @import "singularitygs"; | |
| @include sgs-change('debug', true); | |
| // Define the 12 column grid with 1/3 gutters: | |
| @include add-grid(12); | |
| @include add-gutter(1/3); | |
| .l-navigation { | |
| @include grid-span(4, 3); | |
| // nested layout, has 4 columns | |
| @include layout(4) { | |
| @include background-grid($color: #da87d4); | |
| .menu-block-1 .leaf { | |
| @include float-span(1, 1); | |
| background-color: purple; | |
| height:50px; | |
| } | |
| /* .menu-mlid-387 { | |
| @include grid-span(1,1); | |
| background-color: red; | |
| } | |
| .menu-mlid-392{ | |
| @include grid-span(1,2); | |
| background-color: yellow; | |
| } | |
| .menu-mlid-395{ | |
| @include grid-span(1,3); | |
| background-color:orange; | |
| } | |
| .menu-mlid-388 { | |
| @include grid-span(1,4); | |
| background-color: green; | |
| }*/ | |
| .menu-block-2 .menu_drop_down { | |
| //@include float-span(1, 1); | |
| display:none; | |
| } | |
| .search-form { | |
| // @include float-span(1, 1); | |
| // margin-left:10px; | |
| @include float-span(1, 1); | |
| background-color: red; | |
| display:none; | |
| // margin-right:0px; | |
| } | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| *, *:before, *:after { | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| img, video { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| .l-navigation { | |
| -sgs-span-settings: ("span": 4, "location": 3, "grid": 12, "gutter": 0.3333333333, "style": "opposite", "start row": false, "end row": false, "fixed gutter": false, "split gutter": false, "gutter property": "margin", "options": ((null: null))); | |
| width: 31.914893617%; | |
| float: left; | |
| margin-right: -100%; | |
| margin-left: 17.0212765957%; | |
| clear: none; | |
| background-image: linear-gradient(to right, #da87d4 0%, #da87d4 20%, #e3a5de 20%, #e3a5de 26.6666666667%, #da87d4 26.6666666667%, #da87d4 46.6666666667%, #e3a5de 46.6666666667%, #e3a5de 53.3333333333%, #da87d4 53.3333333333%, #da87d4 73.3333333333%, #e3a5de 73.3333333333%, #e3a5de 80.0%, #da87d4 80.0%, #da87d4); | |
| /* .menu-mlid-387 { | |
| @include grid-span(1,1); | |
| background-color: red; | |
| } | |
| .menu-mlid-392{ | |
| @include grid-span(1,2); | |
| background-color: yellow; | |
| } | |
| .menu-mlid-395{ | |
| @include grid-span(1,3); | |
| background-color:orange; | |
| } | |
| .menu-mlid-388 { | |
| @include grid-span(1,4); | |
| background-color: green; | |
| }*/ | |
| } | |
| .l-navigation .menu-block-1 .leaf { | |
| -sgs-span-settings: ("span": 1, "location": 1, "grid": 4, "gutter": 0.3333333333, "style": "opposite", "start row": true, "end row": false, "fixed gutter": false, "split gutter": false, "gutter property": "margin", "options": ((null: null))); | |
| width: 20%; | |
| clear: right; | |
| float: left; | |
| margin-left: 0; | |
| margin-right: 6.6666666667%; | |
| background-color: purple; | |
| height: 50px; | |
| } | |
| .l-navigation .menu-block-2 .menu_drop_down { | |
| display: none; | |
| } | |
| .l-navigation .search-form { | |
| -sgs-span-settings: ("span": 1, "location": 1, "grid": 4, "gutter": 0.3333333333, "style": "opposite", "start row": true, "end row": false, "fixed gutter": false, "split gutter": false, "gutter property": "margin", "options": ((null: null))); | |
| width: 20%; | |
| clear: right; | |
| float: left; | |
| margin-left: 0; | |
| margin-right: 6.6666666667%; | |
| background-color: red; | |
| display: none; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Sample</title> | |
| </head> | |
| <body> | |
| <div role="navigation" class="l-navigation" id="l-navigation"> | |
| <nav> | |
| <div class="block block-menu-block" id="block-menu-block-1"> | |
| <div class="content"> | |
| <div class="menu-block-1"> | |
| <div class="menu"><div class="first leaf active-trail active menu-mlid-339 "><a class="active-trail active" title="" href="/aahweb/about">About</a></div> | |
| <div class="leaf menu-mlid-387 "><a href="/aahweb/g400">Gallery 400</a></div> | |
| <div class="leaf menu-mlid-392 "><a title="" href="http://stage.artandarthistory.uic.edu/custom/event/search">Calendar</a></div> | |
| <div class="leaf menu-mlid-395 "><a href="/aahweb/admissions">Admissions</a></div> | |
| <div class="leaf menu-mlid-388"><a href="/aahweb/engagement">Community engagement</a></div> | |
| <div class="leaf menu-mlid-391"><a href="/aahweb/work">Student, faculty, alumni work</a></div> | |
| <div class="leaf menu-mlid-393"><a href="/aahweb/news">News</a></div> | |
| <div class="leaf menu-mlid-414"><a href="/aahweb/support">Support the School</a></div> | |
| <div class="last leaf menu-mlid-394"><a href="/aahweb/people">People</a></div> | |
| <form accept-charset="UTF-8" id="search-form" method="post" action="/aahweb/search/node" class="search-form "><div><div id="edit-basic" class="container-inline form-wrapper"><div class="form-item form-type-searchfield form-item-keys"> | |
| <label class="" id="search-label" for="edit-keys">Search </label> | |
| <input type="search" class="form-text form-search search-d" maxlength="255" size="40" value="" name="keys" id="edit-keys"> | |
| </div> | |
| <input type="submit" class="form-submit" value="Search" name="op" id="edit-submit"></div><input type="hidden" value="form-SKVZRxinS_4Bpt2K061ZzLT7_Vm_f3Qk15GxwXhvbT0" name="form_build_id"> | |
| <input type="hidden" value="search_form" name="form_id"> | |
| </div></form></div></div> | |
| </div> | |
| </div> | |
| <div class="block block-menu-block" id="block-menu-block-2"> | |
| <div class="content"> | |
| <div class="menu-block-2"> | |
| <div class="menu"><span class="menu_drop_down"><div class="first expanded menu-mlid-1017"><a href="/aahweb/art">Art</a><div class="menu"><div class="first leaf menu-mlid-1018"><a href="/aahweb/art-welcome">Chair's message</a></div> | |
| <div class="leaf menu-mlid-1019"><a href="/aahweb/bfa">BFA Art</a></div> | |
| <div class="leaf menu-mlid-1024"><a href="/aahweb/bfa-art-minor">BFA Art minor</a></div> | |
| <div class="leaf menu-mlid-1025"><a href="/aahweb/mfa-art">MFA Art</a></div> | |
| <div class="last leaf menu-mlid-1030"><a href="/aahweb/art-faculty">Faculty</a></div> | |
| </div></div> | |
| </span><span class="menu_drop_down"><div class="expanded menu-mlid-1031"><a href="/aahweb/art-history">Art History</a><div class="menu"><div class="first leaf menu-mlid-1032"><a href="/aahweb/AHGSA">AHGSA</a></div> | |
| <div class="leaf menu-mlid-1033"><a href="/aahweb/ah-alumni">Alumni</a></div> | |
| <div class="leaf menu-mlid-1034"><a href="/aahweb/ah-apply">Apply</a></div> | |
| <div class="leaf menu-mlid-1108"><a href="/aahweb/art-history-society">Art History Society</a></div> | |
| <div class="leaf menu-mlid-1036"><a href="/aahweb/ah-welcome">Chair's message</a></div> | |
| <div class="leaf menu-mlid-1037"><a title="" href="/aahweb/faculty">Faculty</a></div> | |
| <div class="leaf menu-mlid-1038"><a href="/aahweb/minor-muse">Minor in Museum & Exhibition Studies</a></div> | |
| <div class="leaf menu-mlid-1040"><a href="/aahweb/students">Students</a></div> | |
| <div class="leaf menu-mlid-1041"><a href="/aahweb/whyah">Why study Art History?</a></div> | |
| <div class="leaf menu-mlid-1042"><a href="/aahweb/ba-ah">BA Art History</a></div> | |
| <div class="leaf menu-mlid-1043"><a href="/aahweb/ba-ah-minor">Minor in Art History</a></div> | |
| <div class="leaf menu-mlid-1044"><a href="/aahweb/ma-ah">MA Art History</a></div> | |
| <div class="leaf menu-mlid-1047"><a href="/aahweb/phd-ah">PhD Art History</a></div> | |
| <div class="last leaf menu-mlid-1050"><a href="/aahweb/faculty">Faculty</a></div> | |
| </div></div> | |
| </span><span class="menu_drop_down"><div class="expanded menu-mlid-1051"><a href="/aahweb/muse">Museum & Exhibition Studies</a><div class="menu"><div class="first leaf menu-mlid-1052"><a href="/aahweb/muse-welcome">Chair's message</a></div> | |
| <div class="leaf menu-mlid-1053"><a href="/aahweb/ma-muse">MA Museum & Exhibition Studies</a></div> | |
| <div class="leaf menu-mlid-1054"><a href="/aahweb/jahhm">Jane Addams Hull-House Museum</a></div> | |
| <div class="last leaf menu-mlid-1055"><a href="/aahweb/muse-faculty">Faculty</a></div> | |
| </div></div> | |
| </span><span class="menu_drop_down"><div class="last expanded menu-mlid-1056"><a href="/aahweb/information-for">Information for:</a><div class="menu"><div class="first leaf menu-mlid-1057"><a href="/aahweb/info-current-students">Current students</a></div> | |
| <div class="leaf menu-mlid-1067"><a href="/aahweb/faculty-staff">Faculty/staff</a></div> | |
| <div class="last leaf menu-mlid-1068"><a href="/aahweb/alumni">Alumni</a></div> | |
| </div></div> | |
| </span></div></div> | |
| </div> | |
| </div> | |
| </nav> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment