From d79f3e321b6912988dd9f860a587010194bf3e93 Mon Sep 17 00:00:00 2001 From: andy Date: Sat, 1 Feb 2020 13:01:46 +0100 Subject: [PATCH] erster upload --- .../ie.scssc | Bin 0 -> 1188 bytes .../print.scssc | Bin 0 -> 1073 bytes .../screen.scssc | Bin 0 -> 1649 bytes .../_utilities.scssc | Bin 0 -> 44488 bytes .../_reset.scssc | Bin 0 -> 971 bytes config.rb | 25 +++ css/inc/general.css | 68 ++++++++ css/screen.css | 157 ++++++++++++++++++ css/screen.min.css | 1 + index.html | 36 ++++ scss/inc/_navigation.scss | 75 +++++++++ scss/inc/_variables.scss | 6 + scss/inc/general.scss | 18 ++ scss/screen.scss | 13 ++ 14 files changed, 399 insertions(+) create mode 100644 .sass-cache/28459e2891c35b9c59b26c43012db5357f210683/ie.scssc create mode 100644 .sass-cache/28459e2891c35b9c59b26c43012db5357f210683/print.scssc create mode 100644 .sass-cache/28459e2891c35b9c59b26c43012db5357f210683/screen.scssc create mode 100644 .sass-cache/7cca6204cdd4858469099b88b5649792007c57b5/_utilities.scssc create mode 100644 .sass-cache/8f647c6b4f0f43011051d78bd92bd10caa6adaf9/_reset.scssc create mode 100644 config.rb create mode 100644 css/inc/general.css create mode 100644 css/screen.css create mode 100644 css/screen.min.css create mode 100644 index.html create mode 100644 scss/inc/_navigation.scss create mode 100644 scss/inc/_variables.scss create mode 100644 scss/inc/general.scss create mode 100644 scss/screen.scss diff --git a/.sass-cache/28459e2891c35b9c59b26c43012db5357f210683/ie.scssc b/.sass-cache/28459e2891c35b9c59b26c43012db5357f210683/ie.scssc new file mode 100644 index 0000000000000000000000000000000000000000..d7db4579fa3e9121363695c87e073cde2a8c4145 GIT binary patch literal 1188 zcmeHH-*3|}5FQf>Tlb@5{Lm0QczFRP+LW#lk+V&f&=8dXAzHMDYN|ZvvKX8=*ltI) zf1Yy+()NUS=P5q>?!NE7`;^1(pxf`07b8$0oSXw0Ihe!CRvc%&LvaB~CI*9~-%I+* z>o`v0q~FhyUfes3<2QLGE?RfjG<`DS)>1k)0F-{w+I`X)Y|?Ee3aK&!)g;jL+0CT4 zx-6mkowvc}T+Lt-48zs!JJA6-10{3`#A$+wH8$^(uNLD%T9QlEyj&USfDBKGtwG3K z3Zmy=jLd*ow@_faEpkAHWvz|7Q8}}+y2Kbru9ebPK6*d?_WmrQ9y&!F>NuQOgAcRO0LpivV!7zAu3)% zk8Uwtdk}lQf~m+6WI%VB)iWbtYIt=Cn(i(2A2pY_CV#t5+sry{+_ctK)2FvnK5Hv| z+k5FY_SjY^S{G1o!iU+SJQth z+G7@#oqBnvSKL(S64YmH1TH`V1-HfZO1jxgx7Y?!M_#q!4rgC&|M%}L|F)VP?0U(j hfBptz@29k_)1CG7zFt}=Knn%w!&}iK)=nR@onPg+d?f$? literal 0 HcmV?d00001 diff --git a/.sass-cache/28459e2891c35b9c59b26c43012db5357f210683/print.scssc b/.sass-cache/28459e2891c35b9c59b26c43012db5357f210683/print.scssc new file mode 100644 index 0000000000000000000000000000000000000000..dec6de4c167cf28452395ef81367a82e59fccd5b GIT binary patch literal 1073 zcmds0!EO^V5N##2q-oNW6i^Wyti1p^WYaWhQ!hc55Qs>C5DDVYL*(qvb}hX2Vmm2O ze-r+P@urCOgt&6^c%I+9c{4ul4!Zq5c{T+Ji4!XzQwJ+}ULU4|;n85!J3cWyp z6ZA?K1*mJ>E?aTAg!5n$ZvTinvWz!*rTrPP-`dOLgnj%Y*R+fra{R6_mR7gDINBsY+a!)U{q z12`L1Rl13_At@jgd>mFcAu%Aw;U8p3+`5Eu=-|7HDtPpgbfSO;uV=K*e3I@eZ3-^q z;Cu@m^6e;IK#w+=E}hWIUTq;1m4FCnn_0ay3Cs;w7oh3k#>8oLiC+8L9ok~napUHt zwwgY^4f&|8@U(a1J>+XJon;mr9-9nQT0M!|K3R(o1jou=(Ih;LavVX#Rl1I*30fi+ zPS_-m6kmx8?inMC9bQ}Gk3qaM!;VBX05F=8jgrkoz~F|wL2kRY4vHF9GPo&|@af+x zRm?4BfXn&6Jvw9-&7FIP=a<|l96nl9n}Q2aK+bJ`wG}sdag*($bktQ!?y&vspa0_? o)+;01zVG?(uQ~I35w~=_zZ2inn^g#K6@vKwt>^)3#Shv3FNf#j5QbB!a)`lvgtSeSCb77*DC(g%k9T(FnRjOP@}hOoY}%iE2q8%L9Be;#7M~hV5o+*l9G_Wze}EUAC`Uoh$QoPLlUNQ;Lv&3_!?FDU+TYL4g$AV9LW$4C3CB z-(l%wHmOe8Mw zQ=c(0vY9>RVfHlQYmX_zy2cLzy&Z!X-99nh{iAOUTClE_wFHyYJ5A4=A46Ytk0#OcA#n?5k_VMLZi^wH61{Mzf?b5NU zP~Cx+c<`IWf{O`il=C4m5MavG^l5Lc*>aYaxO$o_@-D4rG)Oz;)egA`oH>g*8)7w@ zO*fMk8q{+0C;(PB3vqB7v?OWyfL7#E;XEo_q(@uUDShLX=v%jp`sYbCo2((}eu3un zgchCp&#vF?<0$EDCe3eU#Jh!^Oa;tjtTSn=lxC9j)S_otL?ELXZjciL&cjX-^n91y z%CKu|o86-J7H!$7-z|10e2%xc!&}VoYOAu#Th^j4S2BE&wv?gO)=3%<)hcCZt4_Ul z^UJ%t>ErT02VC9(E@yzXb(AJZ1+Hq~&9=PAT*)wN>nsh4%oSu_O&C4*YOntM?>Ea_ z4WnJlOnZ%*>sj2mWM*mMvL1kq(^dl)F59YSy*8?$qp6j{hY)vlkUs5wRK(b6iIHi^ I(pqiTUzUErssI20 literal 0 HcmV?d00001 diff --git a/.sass-cache/7cca6204cdd4858469099b88b5649792007c57b5/_utilities.scssc b/.sass-cache/7cca6204cdd4858469099b88b5649792007c57b5/_utilities.scssc new file mode 100644 index 0000000000000000000000000000000000000000..4040348dcb6d3bdbcf6182d6e4a1e3c086e8ff82 GIT binary patch literal 44488 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 :compressed + }, + 'min' + ) + Compass.compiler.compile('scss/screen.scss', 'css/screen.min.css') + end +end diff --git a/css/inc/general.css b/css/inc/general.css new file mode 100644 index 0000000..9c5a1cb --- /dev/null +++ b/css/inc/general.css @@ -0,0 +1,68 @@ +/* +Error: Undefined variable: "$bg". + on line 2 of /Users/tuc/Desktop/CSS_NAV/scss/inc/general.scss + +1: body { +2: background: $bg; +3: font: 150% "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; +4: } +5: +6: .wrapper { +7: max-width: $wrapper; + +Backtrace: +/Users/tuc/Desktop/CSS_NAV/scss/inc/general.scss:2 +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/script/tree/variable.rb:49:in `_perform' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/script/tree/node.rb:58:in `perform' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:398:in `visit_prop' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:36:in `visit' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:162:in `block in visit' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/stack.rb:79:in `block in with_base' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/stack.rb:115:in `with_frame' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/stack.rb:79:in `with_base' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:162:in `visit' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:434:in `block (2 levels) in visit_rule' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:434:in `map' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:434:in `block in visit_rule' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:183:in `with_environment' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:432:in `visit_rule' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:36:in `visit' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:162:in `block in visit' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/stack.rb:79:in `block in with_base' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/stack.rb:115:in `with_frame' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/stack.rb:79:in `with_base' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:162:in `visit' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:52:in `block in visit_children' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:52:in `map' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:52:in `visit_children' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:171:in `block in visit_children' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:183:in `with_environment' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:170:in `visit_children' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:36:in `block in visit' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:190:in `visit_root' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:36:in `visit' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:161:in `visit' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:10:in `visit' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/root_node.rb:36:in `css_tree' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/tree/root_node.rb:20:in `render' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/engine.rb:284:in `render' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:494:in `update_stylesheet' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:209:in `each' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:209:in `update_stylesheets' +/Library/Ruby/Gems/2.3.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:294:in `watch' +/Library/Ruby/Gems/2.3.0/gems/compass-1.0.3/lib/compass/sass_compiler.rb:46:in `watch!' +/Library/Ruby/Gems/2.3.0/gems/compass-1.0.3/lib/compass/commands/watch_project.rb:41:in `perform' +/Library/Ruby/Gems/2.3.0/gems/compass-1.0.3/lib/compass/commands/base.rb:18:in `execute' +/Library/Ruby/Gems/2.3.0/gems/compass-1.0.3/lib/compass/commands/project_base.rb:19:in `execute' +/Library/Ruby/Gems/2.3.0/gems/compass-1.0.3/lib/compass/exec/sub_command_ui.rb:43:in `perform!' +/Library/Ruby/Gems/2.3.0/gems/compass-1.0.3/lib/compass/exec/sub_command_ui.rb:15:in `run!' +/Library/Ruby/Gems/2.3.0/gems/compass-1.0.3/bin/compass:30:in `block in ' +/Library/Ruby/Gems/2.3.0/gems/compass-1.0.3/bin/compass:44:in `' +/usr/local/bin/compass:22:in `load' +/usr/local/bin/compass:22:in `
' +*/ +body:before { + white-space: pre; + font-family: monospace; + content: "Error: Undefined variable: \"$bg\".\A on line 2 of /Users/tuc/Desktop/CSS_NAV/scss/inc/general.scss\A \A 1: body {\A 2: background: $bg;\A 3: font: 150% \"Roboto\", \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\", Helvetica, Arial, Verdana, sans-serif;\A 4: }\A 5: \A 6: .wrapper {\A 7: max-width: $wrapper;"; } diff --git a/css/screen.css b/css/screen.css new file mode 100644 index 0000000..023cbb9 --- /dev/null +++ b/css/screen.css @@ -0,0 +1,157 @@ +/* NETSESSION SCSS + * generate /css/screen.css + * and a file /css/screen.min.css + * have fun + */ +/*RESET*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font: inherit; + font-size: 100%; + vertical-align: baseline; +} + +html { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +q, blockquote { + quotes: none; +} +q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; +} + +a img { + border: none; +} + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { + display: block; +} + +/*General*/ +body { + background: #FAFAFA; + font: 150% "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; +} + +.wrapper { + max-width: 960px; + margin: 0 auto; +} + +h1 { + font-size: 2.8em; + line-height: 1.6em; +} +@media (max-width: 960px) { + h1 { + font-size: 1.6em; + line-height: 1em; + } +} + +/*NAVIGATION*/ +nav ul ul { + display: none; +} +nav ul ul li { + float: none; +} +nav li { + float: left; +} +nav li a { + text-decoration: none; + display: inline-block; + margin: 10px 20px 5px 0; + padding: 8px 10px; +} +nav li a:link, nav li a:visited { + color: #646565; + background: #e8e9eb; +} +nav li a:link:hover, nav li a:visited:hover { + color: black; +} +nav li:hover ul { + display: block; + position: absolute; +} + +input.toggle, +label.toggle { + display: none; +} + +label.toggle { + font-weight: 900; + font-size: 1.2em; + padding: 10px 20px; +} + +@media (max-width: 960px) { + nav { + display: none; + } + + input.toggle, + .toggle span { + display: none; + } + + input[type=checkbox]:checked ~ nav, + label.toggle { + display: block; + cursor: pointer; + } + + nav li { + float: none; + } + nav li:hover ul { + display: block; + position: relative; + } + nav li ul { + display: block; + } + nav li ul li { + margin-left: 20px; + } + nav li a { + display: block; + margin-left: 20px; + } +} diff --git a/css/screen.min.css b/css/screen.min.css new file mode 100644 index 0000000..fae9274 --- /dev/null +++ b/css/screen.min.css @@ -0,0 +1 @@ +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{background:#FAFAFA;font:150% "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif}.wrapper{max-width:960px;margin:0 auto}h1{font-size:2.8em;line-height:1.6em}@media (max-width: 960px){h1{font-size:1.6em;line-height:1em}}nav ul ul{display:none}nav ul ul li{float:none}nav li{float:left}nav li a{text-decoration:none;display:inline-block;margin:10px 20px 5px 0;padding:8px 10px}nav li a:link,nav li a:visited{color:#646565;background:#e8e9eb}nav li a:link:hover,nav li a:visited:hover{color:black}nav li:hover ul{display:block;position:absolute}input.toggle,label.toggle{display:none}label.toggle{font-weight:900;font-size:1.2em;padding:10px 20px}@media (max-width: 960px){nav{display:none}input.toggle,.toggle span{display:none}input[type=checkbox]:checked ~ nav,label.toggle{display:block;cursor:pointer}nav li{float:none}nav li:hover ul{display:block;position:relative}nav li ul{display:block}nav li ul li{margin-left:20px}nav li a{display:block;margin-left:20px}} diff --git a/index.html b/index.html new file mode 100644 index 0000000..a4f1d2c --- /dev/null +++ b/index.html @@ -0,0 +1,36 @@ + + + + + + Pure CSS Navigation + + + + + +
+
+

Navigation

+
+ + + +
+ + + diff --git a/scss/inc/_navigation.scss b/scss/inc/_navigation.scss new file mode 100644 index 0000000..ceb5a6e --- /dev/null +++ b/scss/inc/_navigation.scss @@ -0,0 +1,75 @@ +nav { + ul { + ul { + //second nav + display: none; + li { + float: none; + } + } + } + li { + float: left; + a { + text-decoration: none; + display: inline-block; + margin: 10px 20px 5px 0; + padding: 8px 10px; + &:link, + &:visited { + color: $dunkelgrau; + background: $hellgrau; + &:hover { + color: black; + } + } + } + &:hover ul { + display: block; + position: absolute; + } + } +} + +input.toggle, +label.toggle { + display: none; +} + +label.toggle { + font-weight: 900; + font-size: 1.2em; + padding: 10px 20px; +} + +@media (max-width: $wrapper) { + nav { + display: none; + } + input.toggle, + .toggle span { + display: none; + } + input[type=checkbox]:checked ~ nav, + label.toggle { + display: block; + cursor: pointer; + } + nav li { + float: none; + &:hover ul { + display: block; + position: relative; + } + ul { + display: block; + li { + margin-left: 20px; + } + } + a { + display: block; + margin-left: 20px; + } + } +} diff --git a/scss/inc/_variables.scss b/scss/inc/_variables.scss new file mode 100644 index 0000000..5816b01 --- /dev/null +++ b/scss/inc/_variables.scss @@ -0,0 +1,6 @@ +$wrapper: 960px; +$weiss: #ffffff; +$bg: #FAFAFA; +$hellgrau: #e8e9eb; +$grau: #a3a6ac; +$dunkelgrau: #646565; diff --git a/scss/inc/general.scss b/scss/inc/general.scss new file mode 100644 index 0000000..094d09f --- /dev/null +++ b/scss/inc/general.scss @@ -0,0 +1,18 @@ +body { + background: $bg; + font: 150% "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; +} + +.wrapper { + max-width: $wrapper; + margin: 0 auto; +} + +h1 { + font-size: 2.8em; + line-height: 1.6em; + @media (max-width: $wrapper) { + font-size: 1.6em; + line-height: 1em; + } +} diff --git a/scss/screen.scss b/scss/screen.scss new file mode 100644 index 0000000..c4d3b62 --- /dev/null +++ b/scss/screen.scss @@ -0,0 +1,13 @@ +/* NETSESSION SCSS + * generate /css/screen.css + * and a file /css/screen.min.css + * have fun + */ +@import "inc/variables"; +/*RESET*/ +@import "compass/reset"; +/*General*/ +@import "inc/general"; +/*NAVIGATION*/ +@import "inc/navigation"; +