Browse Source

debloat all styles

tags/v1.1
parent
commit
adb26b13b6
6 changed files with 46 additions and 181 deletions
  1. +0
    -7
      rsc/sass/_colours.scss
  2. +11
    -72
      rsc/sass/_structure.scss
  3. +3
    -3
      rsc/sass/main.scss
  4. +24
    -24
      rsc/script.js
  5. +6
    -73
      rsc/style.css
  6. +2
    -2
      rsc/style.css.map

+ 0
- 7
rsc/sass/_colours.scss View File

$black:#000; $black:#000;
$gray:#777; $gray:#777;


//$OFS-green-dark: #67635b;
//$OFS-green-lighter: #989186;


$spkt01:#0ca4bf;
$spkt02:#bf920c;
$spkt03: $gray;
$spkt04:#bf3b0c;
$spkt04:#f7b96c;


html { html {
color:$gray; color:$gray;

+ 11
- 72
rsc/sass/_structure.scss View File

$below-banner:2em;

// reset // reset
body,h1,h2,h3,h4,h5,h6,ul { body,h1,h2,h3,h4,h5,h6,ul {
margin:0;
padding:0;
// margin:0;
// padding:0;
} }


#main-nav { #main-nav {
} }
} }


//////////////////////////////////////////////
// basic site layout

h1 { margin: .5em 0 0 1em; }

.card {
max-width:600px;
img { width: 100%; }
&::after {
content:"";
clear: both;
display:table;
}
}

#page-wrap {
}
///////////////////////////////////////////////


.featherlight .featherlight-content { .featherlight .featherlight-content {
background: none; background: none;
overflow: visible; overflow: visible;
background: none; background: none;
top: -10px; top: -10px;
right: -10px; right: -10px;
color: $white;
font-size: 1.5em; font-size: 1.5em;
} }
@media #{$view_mobile} { @media #{$view_mobile} {
display: none; display: none;
@media #{$view-mobile} { @media #{$view-mobile} {
display: block; display: block;
// dev
display: none;
a.menu-toggle { a.menu-toggle {
display: block; display: block;
} }
} }
font-family: $sans;
font-size:1.2em;
.the_list { .the_list {
.home-link,
>ul:last-child {
font-family:$cursive;
font-size: 1.4em;
margin-top: -.7em;
color: $spkt02;
a {
color: $spkt02;
display: inline-block;
margin-top: 8px;
}
}
.home-link {
display: inline-block;
text-transform: lowercase;
margin-bottom: 8px;
}
display:none;
padding: 2em;
ul { margin-bottom: 1.7em; }
li {
margin:0.5em;
list-style:none;
ul { margin-bottom: 1em; }
}
a {
color:$black;
text-decoration:none;
font-weight: normal;
}
.active>a {
color:$spkt02;
font-weight: bold;
}
display: none;
} }
&.open .the_list { &.open .the_list {
display:block;
position:fixed;
display: block;
position: fixed;
top:0; top:0;
left:0; left:0;
z-index:99; z-index:99;
background: rgba(255,255,255,0.9); background: rgba(255,255,255,0.9);
height:100%; height:100%;
width: 100%; width: 100%;
overflow:scroll;
overflow: scroll;
} }
a.menu-toggle { a.menu-toggle {
position:fixed;
position: fixed;
top:0; top:0;
right:0; right:0;
width:50px; width:50px;
height:50px; height:50px;
z-index:100; z-index:100;
cursor:pointer;
background:$white;
cursor: pointer;
background: rgba(255,255,255,0.9); background: rgba(255,255,255,0.9);
background-image: url('img/menu-icon.png');
background-image: url('menu-icon.png');
background-position: top; background-position: top;
background-size: 100%;
} }
&.open a.menu-toggle { &.open a.menu-toggle {
background-position:bottom;
background-position: bottom;
} }
} }



+ 3
- 3
rsc/sass/main.scss View File





@import "colours"; @import "colours";
@import "fonts";
//@import "fonts";
@import "structure"; @import "structure";
@import "design";
@import "admin";
//@import "design";
//@import "admin";


//@import "dev"; //@import "dev";



+ 24
- 24
rsc/script.js View File

menu.classList.toggle('open'); menu.classList.toggle('open');
} }


$( document ).ready(function() {
var mainnav = $("#main-nav");
var platzhalter = $("#platzhalter");
var test = 2;
// $( document ).ready(function() {
// var mainnav = $("#main-nav");
// var platzhalter = $("#platzhalter");
// var test = 2;


$(window).on("scroll", function(e) {
var pos = $(document).scrollTop();
var width = $(window).width();
var airAbove = 250;
if (width < 1000) {
if (width > 750) {
airAbove = width/4;
} else {
airAbove = 187;
}
}
// $(window).on("scroll", function(e) {
// var pos = $(document).scrollTop();
// var width = $(window).width();
// var airAbove = 250;
// if (width < 1000) {
// if (width > 750) {
// airAbove = width/4;
// } else {
// airAbove = 187;
// }
// }


if (pos > airAbove) {
mainnav.addClass("fixed");
platzhalter.addClass("fixed");
} else {
mainnav.removeClass("fixed");
platzhalter.removeClass("fixed");
}
});
});
// if (pos > airAbove) {
// mainnav.addClass("fixed");
// platzhalter.addClass("fixed");
// } else {
// mainnav.removeClass("fixed");
// platzhalter.removeClass("fixed");
// }
// });
// });

+ 6
- 73
rsc/style.css View File

color: #777; color: #777;
background: #fff; } background: #fff; }


.card h2, .item h2 {
font-family: georgia, serif; }

body, h1, h2, h3, h4, h5, h6, ul {
margin: 0;
padding: 0; }

@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
#main-nav { #main-nav {
display: none; } } display: none; } }


h1 {
margin: .5em 0 0 1em; }

.card {
max-width: 600px; }
.card img {
width: 100%; }
.card::after {
content: "";
clear: both;
display: table; }

.featherlight .featherlight-content { .featherlight .featherlight-content {
background: none; background: none;
overflow: visible; } overflow: visible; }
background: none; background: none;
top: -10px; top: -10px;
right: -10px; right: -10px;
color: #fff;
font-size: 1.5em; } font-size: 1.5em; }
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
.featherlight .featherlight-content iframe { .featherlight .featherlight-content iframe {
height: 100%; } } height: 100%; } }


#mobile-nav { #mobile-nav {
display: none;
font-family: verdana, sans;
font-size: 1.2em; }
display: none; }
@media only screen and (max-width: 750px) { @media only screen and (max-width: 750px) {
#mobile-nav { #mobile-nav {
display: block;
display: none; }
display: block; }
#mobile-nav a.menu-toggle { #mobile-nav a.menu-toggle {
display: block; } } display: block; } }
#mobile-nav .the_list { #mobile-nav .the_list {
display: none;
padding: 2em; }
#mobile-nav .the_list .home-link,
#mobile-nav .the_list > ul:last-child {
font-family: cursive;
font-size: 1.4em;
margin-top: -.7em;
color: #bf920c; }
#mobile-nav .the_list .home-link a,
#mobile-nav .the_list > ul:last-child a {
color: #bf920c;
display: inline-block;
margin-top: 8px; }
#mobile-nav .the_list .home-link {
display: inline-block;
text-transform: lowercase;
margin-bottom: 8px; }
#mobile-nav .the_list ul {
margin-bottom: 1.7em; }
#mobile-nav .the_list li {
margin: 0.5em;
list-style: none; }
#mobile-nav .the_list li ul {
margin-bottom: 1em; }
#mobile-nav .the_list a {
color: #000;
text-decoration: none;
font-weight: normal; }
#mobile-nav .the_list .active > a {
color: #bf920c;
font-weight: bold; }
display: none; }
#mobile-nav.open .the_list { #mobile-nav.open .the_list {
display: block; display: block;
position: fixed; position: fixed;
height: 50px; height: 50px;
z-index: 100; z-index: 100;
cursor: pointer; cursor: pointer;
background: #fff;
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
background-image: url("img/menu-icon.png");
background-position: top; }
background-image: url("menu-icon.png");
background-position: top;
background-size: 100%; }
#mobile-nav.open a.menu-toggle { #mobile-nav.open a.menu-toggle {
background-position: bottom; } background-position: bottom; }


a {
color: black;
text-decoration: none; }
a:hover {
text-decoration: underline; }

#admin-panel {
position: fixed;
bottom: 1em;
right: 1em;
width: 400px;
height: 300px;
background: #fa0; }

/*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=style.css.map */

+ 2
- 2
rsc/style.css.map View File

{ {
"version": 3, "version": 3,
"mappings": "AAUA,CAAE;EACE,UAAU,EAAC,UAAU;;ACGzB,IAAK;EACD,KAAK,EALA,IAAK;EAMV,UAAU,EAfP,IAAI;;ACaP,kBAAG;EACC,WAAW,EAPX,cAAQ;;ACLhB,gCAA0B;EACtB,MAAM,EAAC,CAAC;EACR,OAAO,EAAC,CAAC;;AAMT,yCAAuB;EAH3B,SAAU;IAIF,OAAO,EAAE,IAAI;;AAOrB,EAAG;EAAE,MAAM,EAAE,YAAY;;AAEzB,KAAM;EACF,SAAS,EAAC,KAAK;EACf,SAAI;IAAE,KAAK,EAAE,IAAI;EACjB,YAAS;IACL,OAAO,EAAC,EAAE;IACV,KAAK,EAAE,IAAI;IACX,OAAO,EAAC,KAAK;;AASrB,mCAAoC;EAChC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,OAAO;EACjB,4DAAyB;IACrB,UAAU,EAAE,IAAI;IAChB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,KAAK,EF1CN,IAAI;IE2CH,SAAS,EAAE,KAAK;EAEpB,yCAAuB;IACnB,0CAAO;MAAE,KAAK,EAAC,IAAI;MAAE,MAAM,EAAC,IAAI;;AAKxC,WAAY;EACR,OAAO,EAAE,IAAI;EASb,WAAW,EDrDR,aAAQ;ECsDX,SAAS,EAAC,KAAK;EATf,yCAAuB;IAF3B,WAAY;MAGJ,OAAO,EAAE,KAAK;MAEd,OAAO,EAAE,IAAI;MACb,yBAAc;QACV,OAAO,EAAE,KAAK;EAMtB,qBAAU;IAkBN,OAAO,EAAC,IAAI;IACZ,OAAO,EAAE,GAAG;IAlBZ;yCACe;MACX,WAAW,ED7Db,OAAO;MC8DL,SAAS,EAAE,KAAK;MAChB,UAAU,EAAE,KAAK;MACjB,KAAK,EF9DT,OAAO;ME+DH;6CAAE;QACE,KAAK,EFhEb,OAAO;QEiEC,OAAO,EAAE,YAAY;QACrB,UAAU,EAAE,GAAG;IAGvB,gCAAW;MACP,OAAO,EAAE,YAAY;MACrB,cAAc,EAAE,SAAS;MACzB,aAAa,EAAE,GAAG;IAItB,wBAAG;MAAE,aAAa,EAAE,KAAK;IACzB,wBAAG;MACC,MAAM,EAAC,KAAK;MACZ,UAAU,EAAC,IAAI;MACf,2BAAG;QAAE,aAAa,EAAE,GAAG;IAE3B,uBAAE;MACE,KAAK,EF1FV,IAAI;ME2FC,eAAe,EAAC,IAAI;MACpB,WAAW,EAAE,MAAM;IAEvB,iCAAU;MACN,KAAK,EFxFT,OAAO;MEyFH,WAAW,EAAE,IAAI;EAGzB,0BAAiB;IACb,OAAO,EAAC,KAAK;IACb,QAAQ,EAAC,KAAK;IACd,GAAG,EAAC,CAAC;IACL,IAAI,EAAC,CAAC;IACN,OAAO,EAAC,EAAE;IACV,UAAU,EAAE,wBAAqB;IACjC,MAAM,EAAC,IAAI;IACX,KAAK,EAAE,IAAI;IACX,QAAQ,EAAC,MAAM;EAEnB,yBAAc;IACV,QAAQ,EAAC,KAAK;IACd,GAAG,EAAC,CAAC;IACL,KAAK,EAAC,CAAC;IACP,KAAK,EAAC,IAAI;IACV,MAAM,EAAC,IAAI;IACX,OAAO,EAAC,GAAG;IACX,MAAM,EAAC,OAAO;IACd,UAAU,EFvHX,IAAI;IEwHH,UAAU,EAAE,wBAAqB;IACjC,gBAAgB,EAAE,wBAAwB;IAC1C,mBAAmB,EAAE,GAAG;EAE5B,8BAAqB;IACjB,mBAAmB,EAAC,MAAM;;AC9HlC,CAAE;EACE,KAAK,EAAE,KAAU;EACjB,eAAe,EAAC,IAAI;EACpB,OAAQ;IACJ,eAAe,EAAC,SAAS;;ACJjC,YAAa;EACT,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,GAAG;EAAE,KAAK,EAAE,GAAG;EACvB,KAAK,EAAC,KAAK;EAAC,MAAM,EAAC,KAAK;EACxB,UAAU,EAAE,IAAI",
"sources": ["sass/main.scss","sass/_colours.scss","sass/_fonts.scss","sass/_structure.scss","sass/_design.scss","sass/_admin.scss"],
"mappings": "AAUA,CAAE;EACE,UAAU,EAAC,UAAU;;ACJzB,IAAK;EACD,KAAK,EALH,IAAI;EAMN,UAAU,EARP,IAAI;;ACQP,yCAAuB;EAH3B,SAAU;IAIF,OAAO,EAAE,IAAI;;AAIrB,mCAAoC;EAChC,UAAU,EAAE,IAAI;EAChB,QAAQ,EAAE,OAAO;EACjB,4DAAyB;IACrB,UAAU,EAAE,IAAI;IAChB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,KAAK;EAEpB,yCAAuB;IACnB,0CAAO;MAAE,KAAK,EAAC,IAAI;MAAE,MAAM,EAAC,IAAI;;AAKxC,WAAY;EACR,OAAO,EAAE,IAAI;EACb,yCAAuB;IAF3B,WAAY;MAGJ,OAAO,EAAE,KAAK;MACd,yBAAc;QACV,OAAO,EAAE,KAAK;EAGtB,qBAAU;IACN,OAAO,EAAE,IAAI;EAEjB,0BAAiB;IACb,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;IACf,GAAG,EAAC,CAAC;IACL,IAAI,EAAC,CAAC;IACN,OAAO,EAAC,EAAE;IACV,UAAU,EAAE,wBAAqB;IACjC,MAAM,EAAC,IAAI;IACX,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,MAAM;EAEpB,yBAAc;IACV,QAAQ,EAAE,KAAK;IACf,GAAG,EAAC,CAAC;IACL,KAAK,EAAC,CAAC;IACP,KAAK,EAAC,IAAI;IACV,MAAM,EAAC,IAAI;IACX,OAAO,EAAC,GAAG;IACX,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,wBAAqB;IACjC,gBAAgB,EAAE,oBAAoB;IACtC,mBAAmB,EAAE,GAAG;IACxB,eAAe,EAAE,IAAI;EAEzB,8BAAqB;IACjB,mBAAmB,EAAE,MAAM",
"sources": ["sass/main.scss","sass/_colours.scss","sass/_structure.scss"],
"names": [], "names": [],
"file": "style.css" "file": "style.css"
} }

Loading…
Cancel
Save