@ozdao/martyrs 0.2.571 → 0.2.572

package/src/styles/base/scrolling.scss

@@ -1,137 +0,0 @@
-body { 
-	// Overflow Anchor
-	.overflow-anchor-auto { overflow-anchor: auto; }
-	.overflow-anchor-none { overflow-anchor: none; }
-	// Overscroll Behavior
-	.overscroll-behavior-auto 		{ overscroll-behavior: auto; }
-	.overscroll-behavior-contain 	{ overscroll-behavior: contain; }
-	.overscroll-behavior-none 		{ overscroll-behavior: none; }
-	.overscroll-behavior-x-auto 	{ overscroll-behavior-x: auto; }
-	.overscroll-behavior-y-auto 	{ overscroll-behavior-y: auto; }
-	.overscroll-behavior-x-none 	{ overscroll-behavior-x: none; }
-	.overscroll-behavior-y-none 	{ overscroll-behavior-y: none; }
-	// Scroll
-	.scroll-snap-type-x-mandatory { scroll-snap-type: x mandatory; } 
-	.scroll-snap-type-y-mandatory { scroll-snap-type: y mandatory; }
-	// Scroll Snap Align
-	.scroll-snap-align-start 	{ scroll-snap-align: start; }
-	.scroll-snap-align-end 		{ scroll-snap-align: end; }
-	.scroll-snap-align-center 	{ scroll-snap-align: center; }
-	// Scroll Snap Stop
-	.scroll-snap-stop-normal 	{ scroll-snap-stop: normal; }
-	.scroll-snap-stop-always 	{ scroll-snap-stop: always; }
-	// Scroll Behavior
-	.scroll-behavior-auto 	{ scroll-behavior: auto; }
-	.scroll-behavior-smooth { scroll-behavior: smooth; }
-	// Scroll mn
-	.scroll-mn-auto 		{ scroll-margin: auto; }
-	.scroll-mn-top-auto 	{ scroll-mn-top: auto; }
-	.scroll-mn-right-auto 	{ scroll-mn-right: auto; }
-	.scroll-mn-bottom-auto 	{ scroll-mn-bottom: auto; }
-	.scroll-mn-left-auto 	{ scroll-mn-left: auto; }
-	// Scroll mn Variables
-	.scroll-mn-b-extra 		{ scroll-margin: var(--extra); }
-	.scroll-mn-b-big 			{ scroll-margin: var(--big); }
-	.scroll-mn-b-semi 		{ scroll-margin: var(--semi); }
-	.scroll-mn-b-medium 		{ scroll-margin: var(--medium); }
-	.scroll-mn-b-regular 		{ scroll-margin: var(--regular); }
-	.scroll-mn-b-small 		{ scroll-margin: var(--small); }
-	.scroll-mn-b-thin 		{ scroll-margin: var(--thin); }
-	.scroll-mn-b-micro 		{ scroll-margin: var(--micro); }
-	// Scroll pd
-	.scroll-pd-auto 		{ scroll-padding: auto; }
-	.scroll-pd-top-auto 	{ scroll-pd-top: auto; }
-	.scroll-pd-right-auto 	{ scroll-pd-right: auto; }
-	.scroll-pd-bottom-auto 	{ scroll-pd-bottom: auto; }
-	.scroll-pd-left-auto 	{ scroll-pd-left: auto; }
-	// Scroll pd with Variables
-	.scroll-pd-extra 		{ scroll-padding: var(--extra); }
-	.scroll-pd-big 			{ scroll-padding: var(--big); }
-	.scroll-pd-semi 		{ scroll-padding: var(--semi); }
-	.scroll-pd-medium 		{ scroll-padding: var(--medium); }
-	.scroll-pd-regular 		{ scroll-padding: var(--regular); }
-	.scroll-pd-small 		{ scroll-padding: var(--small); }
-	.scroll-pd-thin 		{ scroll-padding: var(--thin); }
-	.scroll-pd-micro 		{ scroll-padding: var(--micro); }
-
-	.scroll-hide {
-		-ms-overflow-style: none;
-		scrollbar-width: none
-	}
-
-	.scroll-hide::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-  }
-
-  /* Главный трек scrollbar */
-  .scroll-hide::-webkit-scrollbar-track {
-    background: red;
-    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-    display: none;
-  }
-
-  /* Ползунок scrollbar */
-  .scroll-hide::-webkit-scrollbar-thumb {
-    background-color: red;
-    outline: 1px solid slategrey;
-    display: none;
-  }
-
-  /* Горизонтальный scrollbar */
-  .scroll-hide::-webkit-scrollbar:horizontal {
-    height: 0;
-    display: none;
-  }
-
-  /* Вертикальный scrollbar */
-  .scroll-hide::-webkit-scrollbar:vertical {
-    width: 0;
-    display: none;
-  }
-
-  /* Кнопка уменьшения (decrement) */
-  .scroll-hide::-webkit-scrollbar-button:decrement {
-    display: none;
-  }
-
-  /* Кнопка увеличения (increment) */
-  .scroll-hide::-webkit-scrollbar-button:increment {
-    display: none;
-  }
-
-  /* Кнопка уменьшения (decrement) - отдельная */
-  .scroll-hide::-webkit-scrollbar-button:start {
-    display: none;
-  }
-
-  /* Кнопка увеличения (increment) - отдельная */
-  .scroll-hide::-webkit-scrollbar-button:end {
-    display: none;
-  }
-
-  /* Двойная кнопка */
-  .scroll-hide::-webkit-scrollbar-button:double-button {
-    display: none;
-  }
-
-  /* Одиночная кнопка */
-  .scroll-hide::-webkit-scrollbar-button:single-button {
-    display: none;
-  }
-
-  /* Нет кнопок */
-  .scroll-hide::-webkit-scrollbar-button:no-button {
-    display: none;
-  }
-
-  /* Угол scrollbar */
-  .scroll-hide::-webkit-scrollbar-corner:corner-present {
-    background: red;
-  }
-
-  /* scrollbar в неактивном окне */
-  .scroll-hide::-webkit-scrollbar:window-inactive {
-    background: red;
-  }
-}

package/src/styles/base/shadow_transitions_hover_refactor.scss

@@ -1,158 +0,0 @@
-body { 
-	.hover-scale-0 {&:hover {transform: scale(1.015); 	} } 
-	.hover-scale-1 {&:hover {transform: scale(1.05); 	} } 
-	.hover-scale-2 {&:hover {transform: scale(1.1); 	} }
-	.hover-scale-3 {&:hover {transform: scale(1.2); 	} }
-
-
-	.hover-bg-main {&:hover {background: rgb(var(--main), 1);; } }
-	.hover-bg-second {&:hover {background: rgb(var(--second), 1);; } }
-	.hover-bg-third {&:hover {background: rgb(var(--second), 1);; } }
-	.hover-bg-fourth {&:hover {background: rgb(var(--third), 1);; } }
-	.hover-bg-fifth {&:hover {background: rgb(var(--fifth), 1);; } }
-	.hover-bg-white {&:hover {background: rgb(var(--white), 1);; } }
-	.hover-bg-black {&:hover {background: rgb(var(--black), 1);; } }
-	.hover-bg-light {&:hover {background: rgb(var(--light), 1);; } }
-	.hover-bg-dark {&:hover {background: rgb(var(--dark), 1);; } }
-
-
-	.hover-fill-main {&:hover {fill: rgb(var(--main)); } }
-	.hover-fill-white {&:hover {fill: rgb(var(--white)); } }
-	.hover-fill-black {&:hover {fill: rgb(var(--black)); } }
-
-	.hover-t-white {&:hover {color: rgba(var(--white), 1);; } }
-	.hover-t-black {&:hover {color: rgba(var(--black), 1);; } }
-	.hover-br-transp {&:hover {background: rgba(var(--white),0); } }
-	.hover-br-l-dark {&:hover {border: 1px solid rgba(var(--dark), 0.2) } }
-
-	.hover-t-underline {&:hover {text-decoration: underline;}}
-
-
-	.hover-translate-1 {&:hover {transform: translateY(-10px); } }
-	.hover-rotate-1 {&:hover {transform: rotate(-10deg); } }
-	.hover-translateX-1 {&:hover {transform: translateX(20px); } }
-	.hover-combined-1 {&:hover {transform: translateY(-10px) rotate(-10deg); } }
-	.hover-easeInOut-1 {&:hover {transform: translateY(-10px) scale(1.1); } }
-	.hover-arc-1 {&:hover {transform: translateX(20px) translateY(-10px) rotate(-10deg); } }
-	.hover-timing-1 {&:hover {transition: transform 0.2s ease-in-out; transform: translateY(-10px); } }
-	.hover-exaggeration-1 {&:hover {transform: scale(1.5); } }
-	.hover-solid-drawing-1 {&:hover {transform: translateY(-10px) scale(1.1) rotate(-10deg); } }
-	.hover-appeal-1 {&:hover {transform: translateY(-10px) scale(1.1) rotate(-5deg); } } 
-
-
-	.bs-thin{box-shadow:0 2px 4px rgba(var(--dark),0.05),0 4px 6px rgba(var(--dark),0.08),0 6px 8px rgba(var(--dark),0.10);}
-	.bs-thin-hover:hover{box-shadow:0 4px 8px rgba(var(--dark),0.10),0 8px 12px rgba(var(--dark),0.10),0 12px 16px rgba(var(--dark),0.10);}
-
-	.bs-small{box-shadow:0 5px 10px rgba(var(--dark),0.05),0 10px 15px rgba(var(--dark),0.10),0 15px 25px rgba(var(--dark),0.10),0 0 5px rgba(var(--white),0),0 -10px 20px rgba(var(--white),0.10),0 -20px 30px rgba(var(--white),0.10),0 -30px 50px rgba(var(--white),0.10);}
-	.bs-small-hover:hover{box-shadow:0 20px 40px rgba(var(--dark),0.10),0 40px 60px rgba(var(--dark),0.10),0 60px 80px rgba(var(--dark),0.10);}
-
-	.bs-regular{box-shadow:0 10px 20px rgba(var(--dark),0.10),0 20px 30px rgba(var(--dark),0.10),0 30px 50px rgba(var(--dark),0.10),0 0 5px rgba(var(--white),0),0 -10px 20px rgba(var(--white),0.10),0 -20px 30px rgba(var(--white),0.10),0 -30px 50px rgba(var(--white),0.10);}
-	.bs-regular-hover:hover{box-shadow:0 25px 50px rgba(var(--dark),0.10),0 50px 75px rgba(var(--dark),0.10),0 75px 100px rgba(var(--dark),0.10);}
-
-	.bs-medium{box-shadow:0 0 7px rgba(var(--dark),0.05),0 15px 25px rgba(var(--dark),0.10),0 25px 40px rgba(var(--dark),0.10),0 40px 70px rgba(var(--dark),0.10);}
-	.bs-medium-hover:hover{box-shadow:0 0 15px rgba(var(--dark),0.10),0 30px 60px rgba(var(--dark),0.10),0 60px 90px rgba(var(--dark),0.10),0 90px 120px rgba(var(--dark),0.10);}
-
-	.bs-semi{box-shadow:0 0 10px rgba(var(--dark),0.05),0 20px 35px rgba(var(--dark),0.10),0 35px 55px rgba(var(--dark),0.10),0 55px 95px rgba(var(--dark),0.10);}
-	.bs-semi-hover:hover{box-shadow:0 0 18px rgba(var(--dark),0.10),0 40px 80px rgba(var(--dark),0.10),0 80px 120px rgba(var(--dark),0.10),0 120px 200px rgba(var(--dark),0.10);}
-
-	.bs-big{box-shadow:0 0 15px rgba(var(--dark),0.05),0 30px 50px rgba(var(--dark),0.10),0 50px 80px rgba(var(--dark),0.10),0 80px 130px rgba(var(--dark),0.10);}
-	.bs-big-hover:hover{box-shadow:0 0 25px rgba(var(--dark),0.10),0 60px 100px rgba(var(--dark),0.10),0 100px 150px rgba(var(--dark),0.10),0 150px 250px rgba(var(--dark),0.10);}
-
-
-
-	// Shadows 
-	.bs-red { box-shadow: 0 0 5px red; }
-
-	.bs-black { box-shadow: 0 10px 15px rgba(0,0,0,0.05); }
-
-
-	.bs-tilt {
-	  box-shadow: 10px 10px 10px rgba(0,0,0,0.1), -10px -10px 10px rgba(0,0,0,0.1);
-	}
-
-	/* тень с двух сторон */
-	.bs-double-sided {
-	  box-shadow: -3px 0px 3px rgba(0,0,0,0.1), 3px 0px 3px rgba(0,0,0,0.1);
-	}
-
-	/* тень с эффектом вырубки */
-	.bs-cutout {
-	  box-shadow: 0 0 0 5px rgba(0,0,0,0.1), 0 0 0 10px white, 0 0 0 15px rgba(0,0,0,0.1);
-	}
-
-	/* тень с эффектом глубины */
-	.bs-depth {
-	  box-shadow: 0 3px 3px rgba(0,0,0,0.1), 0 0 0 5px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
-	}
-
-	/* тень с эффектом вздутия */
-	.bs-bubble {
-	  box-shadow: 0 0 0 3px rgba(0,0,0,0.1), 0 0 15px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.2);
-	}
-
-	/* тень с плавным переходом */
-	.bs-gradient {
-	  box-shadow: 0 0 5px rgba(0,0,0,0.1), 0 10px 20px rgba(0,0,0,0.4), 0 20px 30px rgba(0,0,0,0.5);
-	}
-
-
-
-	/* тень с эффектом перекрестия */
-	.bs-cross {
-	  box-shadow: -10px -10px 10px rgba(0,0,0,0.1), 10px 10px 10px rgba(0,0,0,0.1);
-	}
-
-	/* тень с эффектом выступающей кнопки */
-	.bs-button {
-	  box-shadow: 0 0 0 2px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.2), 0 8px 10px rgba(0,0,0,0.2);
-	}
-
-	  /* .bs-dotted */
-	.bs-whirl {
-
-		box-shadow: 0 0 0 3px rgba(0,0,0,0.1) inset;
-	}
-
-	.bs-embossed {
-	    box-shadow: 0 2px 2px rgba(0,0,0,0.1), 0 0 0 3px rgba(0,0,0,0.1) inset;
-	}
-
-	.bs-gradient {
-	    background-image: linear-gradient(135deg, #1111 0%, #FFF 50%, #F0F2F5 100%);
-	    box-shadow: 2px 2px 10px rgba(0,0,0,0.2), -2px -2px 10px rgba(255,255,255,0.7);
-	}
-
-	.bs-perspective {
-	    perspective: 500px;
-	    transform: rotateY(15deg) rotateX(15deg) scale(1.1);
-	}
-
-	.bs-ripple {
-	    position: relative;
-	    overflow: hidden;
-	    transform: translate3d(0, 0, 0);
-	}
-
-	.bs-ripple::after {
-	    content: "";
-	    display: block;
-	    position: absolute;
-	    width: 100%;
-	    height: 100%;
-	    top: 0;
-	    left: 0;
-	    pointer-events: none;
-	    background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
-	    background-repeat: no-repeat;
-	    background-position: 50%;
-	    transform: scale(10, 10);
-	    opacity: 0;
-	    transition: transform 0.5s, opacity 1s;
-	}
-
-	.bs-ripple:active::after {
-	    transform: scale(0, 0);
-	    opacity: 0.3;
-	    transition: 0s;
-	}
-}

package/src/styles/base/transitions.scss

@@ -1,109 +0,0 @@
-body { 
-	/* Стандартные функции переходов */
-	.transition-sine-in {transition: all 0.33s cubic-bezier(0.12, 0, 0.39, 0); }
-	.transition-sine-out {transition: all 0.33s cubic-bezier(0.61, 1, 0.88, 1); }
-	.transition-sine-in-out {transition: all 0.33s cubic-bezier(0.37, 0, 0.63, 1); }
-	
-	.transition-quad-in {transition: all 0.33s cubic-bezier(0.11, 0, 0.5, 0); }
-	.transition-quad-out {transition: all 0.33s cubic-bezier(0.5, 1, 0.89, 1); }
-	.transition-quad-in-out {transition: all 0.33s cubic-bezier(0.45, 0, 0.55, 1); }
-	
-	.transition-cubic-in {transition: all 0.33s cubic-bezier(0.32, 0, 0.67, 0); }
-	.transition-cubic-out {transition: all 0.33s cubic-bezier(0.33, 1, 0.68, 1); }
-	.transition-cubic-in-out {transition: all 0.33s cubic-bezier(0.65, 0, 0.35, 1); }
-	
-	.transition-quart-in {transition: all 0.33s cubic-bezier(0.5, 0, 0.75, 0); }
-	.transition-quart-out {transition: all 0.33s cubic-bezier(0.25, 1, 0.5, 1); }
-	.transition-quart-in-out {transition: all 0.33s cubic-bezier(0.76, 0, 0.24, 1); }
-	
-	.transition-quint-in {transition: all 0.33s cubic-bezier(0.64, 0, 0.78, 0); }
-	.transition-quint-out {transition: all 0.33s cubic-bezier(0.22, 1, 0.36, 1); }
-	.transition-quint-in-out {transition: all 0.33s cubic-bezier(0.83, 0, 0.17, 1); }
-	
-	.transition-expo-in {transition: all 0.33s cubic-bezier(0.7, 0, 0.84, 0); }
-	.transition-expo-out {transition: all 0.33s cubic-bezier(0.16, 1, 0.3, 1); }
-	.transition-expo-in-out {transition: all 0.33s cubic-bezier(0.87, 0, 0.13, 1); }
-	
-	.transition-circ-in {transition: all 0.33s cubic-bezier(0.55, 0, 1, 0.45); }
-	.transition-circ-out {transition: all 0.33s cubic-bezier(0, 0.55, 0.45, 1); }
-	.transition-circ-in-out {transition: all 0.33s cubic-bezier(0.85, 0, 0.15, 1); }
-	
-	.transition-back-in {transition: all 0.33s cubic-bezier(0.36, 0, 0.66, -0.56); }
-	.transition-back-out {transition: all 0.33s cubic-bezier(0.34, 1.56, 0.64, 1); }
-	.transition-back-in-out {transition: all 0.33s cubic-bezier(0.68, -0.6, 0.32, 1.6); }
-	
-	.transition-elastic-in {transition: all 0.33s cubic-bezier(0.7, 0.0, 0.84, 0.0); }
-	.transition-elastic-out {transition: all 0.33s cubic-bezier(0.16, 1.0, 0.3, 1.0); }
-	.transition-elastic-in-out {transition: all 0.33s cubic-bezier(0.87, 0.0, 0.13, 1.0); }
-	
-	.transition-bounce-in {transition: all 0.33s cubic-bezier(0.5, 0.0, 0.75, 0.0); }
-	.transition-bounce-out {transition: all 0.33s cubic-bezier(0.25, 1.0, 0.5, 1.0); }
-	.transition-bounce-in-out {transition: all 0.33s cubic-bezier(0.76, 0.0, 0.24, 1.0); }
-	
-	/* Оригинальные переходы */
-	.transition-linear {transition: all 0.33s linear; }
- 	.transition-ease-in {transition: all 0.33s cubic-bezier(0.42, 0, 1, 1); }
-	.transition-ease-out {transition: all 0.33s cubic-bezier(0, 0, 0.58, 1); }
-	.transition-ease-in-out {transition: all 0.33s cubic-bezier(0.42, 0, 0.58, 1); }
-	.transition-staggered {transition: all 0.33s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
-	.transition-bounce {transition: all 0.33s cubic-bezier(0.71, -0.46, 0.88, 0.6); }
-	.transition-elastic {transition: all 0.33s cubic-bezier(0.17, 0.67, 0.33, 0.94); }
-	.transition-spring {transition: all 0.33s cubic-bezier(0.23, 1, 0.32, 1.01); }
-	.transition-boomerang {transition: all 0.66s cubic-bezier(0.42, 0, 0.58, 1); }
-	.transition-slow-motion {transition: all 1.33s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
-	.transition-zoom {transition: all 0.33s cubic-bezier(0.71, -0.46, 0.88, 0.6); }
-	.transition-fly-away {transition: all 0.33s cubic-bezier(0.17, 0.67, 0.33, 0.94); }
-	.transition-squeeze {transition: all 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000); transform-origin: center; }
-	
-	/* Таймингы */
-	.transition-timing-1 {
-		transition-duration: 0.15s;
-	}
-	.transition-timing-2 {
-		transition-duration: 0.25s;
-	}
-	.transition-timing-3 {
-		transition-duration: 0.35s;
-	}
-	.transition-timing-4 {
-		transition-duration: 0.45s;
-	}
-	.transition-timing-5 {
-		transition-duration: 0.55s;
-	}
-	.transition-timing-6 {
-		transition-duration: 0.75s;
-	}
-	.transition-timing-7 {
-		transition-duration: 1s;
-	}
-	.transition-timing-8 {
-		transition-duration: 1.5s;
-	}
-	
-	/* Задержки */
-	.transition-delay-1 {
-		transition-delay: 0.1s;
-	}
-	.transition-delay-2 {
-		transition-delay: 0.2s;
-	}
-	.transition-delay-3 {
-		transition-delay: 0.3s;
-	}
-	.transition-delay-4 {
-		transition-delay: 0.5s;
-	}
-	.transition-delay-5 {
-		transition-delay: 0.7s;
-	}
-	.transition-delay-6 {
-		transition-delay: 1s;
-	}
-	.transition-delay-7 {
-		transition-delay: 1.5s;
-	}
-	.transition-delay-8 {
-		transition-delay: 2s;
-	}
-}

package/src/styles/responsive.scss

@@ -1,152 +0,0 @@
-$super-ultra-tiny-flip-phone-max:   240px;
-
-$flip-phone-max:                    320px;
-$phone-portrait-max:                321px;
-$phone-landscape-max:               640px;
-
-$tablet-portrait-min:               641px;
-$tablet-portrait-max:               768px;
-
-$tablet-landscape-min:              769px;
-$tablet-landscape-max:              1024px;
-
-$desktop-min:                       1025px;
-$desktop-max:                       1440px;
-
-$xl-desktop-min:                    1441px;
-$xl-desktop-max:                    1920px;
-
-$xxl-desktop-min:                   1921px;
-
-@media screen and (min-width:  $xxl-desktop-min) {
-    html, body {
-      font-size: 22px;
-    }
-  }
-  
-  @media screen and (min-width:  $xl-desktop-min) {
-    html, body {
-      font-size: 24px;
-    }
-  }
-  
-  @media screen and (max-width:  $desktop-max) {
-    html, body {
-      font-size: 16px;
-    }
-  }
-  
-  @media screen and (max-width:  $tablet-landscape-max) {
-
-    html, body {
-      font-size: 24px;
-    }
-  }
-  
-  @media screen and (min-width:  $tablet-portrait-min) {
-    .mobile-only {
-       display: none !important;
-    }
-
-    .mobile-w-100 {
-      width: 100% !important;
-    }
-
-  }
-
-   @media screen and (max-width: 1025px) {
-
-    .desktop-only {
-       display: none !important; 
-    }
-
-    .mobile-only {
-       display: inherit !important;
-    }
-    
-     // Cols
-/*     .cols-2,*/
-    .cols-1,  .cols-4,  .cols-2-2_1, .cols-2-1_2, .cols-2-1_3, .cols-2-golden-ration   { display: grid !important; grid-template-columns: 1fr !important;  }
-    .cols-4.no-responsive { grid-template-columns: 1fr 1fr 1fr 1fr !important }
-    .cols-2 { >.col { width: 100% !important;  } }
-
-    .pd-extra { padding: 3rem }
-    .pd-big { padding: 1.5rem }
-
-    .cols-4, .cols-5 {
-      grid-template-columns: 1fr 1fr !important;
-      // grid-template-rows: 1fr 1fr  !important; 
-      gap: 1rem 1rem;
-      grid-template-areas: 
-        "col1 col2"
-        "col3 col4" !important; 
-    }
-
-    .cols-6 {
-      grid-template-columns: 1fr 1fr 1fr!important;
-    }
-    
-  }
-  
-  @media screen and (max-width:  $phone-landscape-max) {
-      
-    html, body {
-        font-size: 16px;
-    }	
-    
-    .categories {
-      padding-top: 8rem !important; 
-
-      div {
-        width: 100%;
-      }
-    }
-
-  
-
-/*    h1, .h1 { font-size: 2.5rem }*/
-/*    h2, .h2 { font-size: 1.75rem }*/
-/*    h3, .h3 { font-size: 1.5rem }*/
-
-   
-    // Margins
-    .mn-r-extra {
-      margin-right: 2rem;
-    }
-
-    .mn-b-big {
-      margin-bottom: 1.5rem;
-    }
-
-    // Header
-    #header-bottom {
-      padding: 1rem;
-      padding-top: 0;
-
-      .bottom-header {
-        background: rgba(34, 102, 255, 0.05);
-        border-radius: 1rem;
-      }
-    }
-  }
-
-  @media screen and (min-width:  $phone-portrait-max) {
-
-  }
-  
-  @media screen and (max-width:  $phone-portrait-max) {
-
-
-  }
-  
-  @media screen and (max-width:  $flip-phone-max) {
-    html, body {
-      font-size: 16px;
-    }
-  }
-  
-  @media screen and (max-width:  $super-ultra-tiny-flip-phone-max) {
-    html, body {
-      font-size: 16px;
-    }
-  }