Nějaké další přechody na CSS nesting

mamweb/static/css/layout.css

@@ -18,16 +18,15 @@ div.kontejner {
 	.org-logged-in & {
 		margin-top: var(--login-bar-height);
 	}
-}
 
 	div.kontent-wrapper {
 		padding-bottom: var(--footer-height);
-}
-
 
 		div.kontent {
 			padding: 15px 30px;
 		}
+	}
+}
 
 /* Roztáhne obsah z containeru na celou šířku obrazovky: */
 .full_width {
@@ -76,11 +75,11 @@ div.kontent {
 	img.logo-mobile {
 		display: none;
 	}
-}
 
 	.no-mobile {
 		background-size: contain;
 	}
+}
 /******************/
 
 
@@ -143,14 +142,13 @@ div.login-bar {
 	div {
 		display: inline;
 	}
-}
 
-a.login-ref-admin {
+	a.LOGIN-ref-admin {
 		display: inline;
 		color: var(--barva-pozadi);
 	}
 
-.napis-webarum {
+	.LOGIN_napis-webarum {
 		display: inline;
 		color: var(--barva-pozadi);
 		float: right;
@@ -160,6 +158,7 @@ a.login-ref-admin {
 			text-decoration: underline;
 		}
 	}
+}
 /*******************/
 
 
@@ -176,11 +175,11 @@ a.login-ref-admin {
 
 	#header {
 		background-size: 100%;
-	}
 
-	#header img.logo {
+		img.logo {
 			width: 100%;
 		}
+	}
 
 	#footer {
 		width: 100%;
@@ -189,9 +188,6 @@ a.login-ref-admin {
 
 /* malý tablet, mobil */
 @media (max-width: 650px) {
-	.no-mobile{
-		display: none;
-	}
 
 	#hide-if-small.login-bar-flatpage {
 		display: none;
@@ -205,13 +201,12 @@ a.login-ref-admin {
 		width: 100%;
 		top: 0;
 		background-image: none;
-	}
 
-	#header img.logo {
+		img.logo {
 			display: none;
 		}
 
-	#header img.logo-mobile {
+		img.logo-mobile {
 			display: block;
 			top: 0;
 			left: 0;
@@ -219,6 +214,11 @@ a.login-ref-admin {
 			filter: drop-shadow(0px 0 5px rgba(0, 0, 0, 0.4));
 			margin-bottom: 3px;
 		}
+
+		.no-mobile{
+			display: none;
+		}
+	}
 }
 
 
@@ -238,8 +238,6 @@ div.dropdown-backdrop { /* tohle způsobuje, že funguje mobilní menu */
 	z-index: -1;
 }
 
-/* nové menu */
-
 ul.menu {
 	width: 100%;
 	padding: 0;
@@ -274,7 +272,6 @@ ul.menu {
 			color: var(--svetla-oranzova);
 		}
 	}
-}
 
 	ul.submenu {
 
@@ -308,6 +305,7 @@ ul.submenu {
 	ul.submenu li.active>a, .parentactive ul li:first-child>a {
 		color: black;
 	}
+}
 
 @media (max-width: 970px) {
 	ul.menu {

mamweb/static/css/modules.css

@@ -51,13 +51,10 @@
 
 /**** OTÁČECÍ KARTY ****/
 /* (orgové, archiv) */
-
-/** Samotné karty **/
 .flip-card {
 	perspective: 1000px; /* Remove this if you don't want the 3D effect */
 	margin-left: auto;
 	margin-right: auto;
-}
 
 	/* This container is needed to position the front and back side */
 	.flip-card-inner {
@@ -69,7 +66,7 @@
 	}
 
 	/* Do an horizontal flip when you move the mouse over the flip box container */
-.flip-card:hover .flip-card-inner {
+	&:hover .flip-card-inner {
 		transform: rotateY(180deg);
 	}
 
@@ -82,11 +79,14 @@
 		backface-visibility: hidden;
 	}
 
-
 	div.flip-card-foto, div.flip-card-foto img {
 		width: 100%;
 		height: 100%;
 
+		/* Pokud je na přední straně něco proklikávacího (třeba celá fotka), tak na dotykových zařízeních nemůže proklikávat, aby se dalo otáčet */
+		@media(hover: none) {
+			a { pointer-events: none; }
+		}
 	}
 
 	/* Style the back side */
@@ -95,13 +95,7 @@ div.flip-card-foto, div.flip-card-foto img {
 		padding: 10px;
 		padding-top: 20px;
 	}
-
-/* Pokud je na přední straně něco proklikávacího (třeba celá fotka), tak na dotykových zařízeních nemůže proklikávat, aby se dalo otáčet */
-@media(hover: none) {
-	.flip-card-foto a { pointer-events: none; }
 }
-/*******************/
-
 
 .flip-card-back {
 	background-color: var(--svetla-oranzova);
@@ -310,11 +304,11 @@ div.org_email {
 /******************************************/
 
 /** Výsledkovky **/
-.vysledkovka td:first-child, .tabulka_oramovane_sloupce th:first-child {
+.vysledkovka, .tabulka_oramovane_sloupce {
-	position: unset;
+	td, th {
-}
+		&:first-child { position: unset; }
 
-.vysledkovka td:nth-child(2), .tabulka_oramovane_sloupce th:nth-child(2) {
+		&:nth-child(2) {
 			border-right: solid 1px;
 
 			position: sticky;
@@ -323,9 +317,11 @@ div.org_email {
 			z-index: 1;
 		}
 
-.vysledkovka td:nth-child(3), .tabulka_oramovane_sloupce th:nth-child(3) {
+		&:nth-child(3) {
 			border-left: none;
 		}
+	}
+}
 /*****************/
 
 

mamweb/templates/base.html

@@ -43,15 +43,15 @@
       <div class="login-bar" >
         {% if view.object %}
           Objekt {{ view.object }}: {{ view.object }}
-          {% if view.object.admin_url %}<a class="login-ref-admin" href='{{ view.object.admin_url }}'>[admin]</a>{% endif %}
+          {% if view.object.admin_url %}<a class="LOGIN-ref-admin" href='{{ view.object.admin_url }}'>[admin]</a>{% endif %}
         {% endif %}
         {% if flatpage %}
           <div class="login-bar-flatpage" id="hide-if-small"> Stránka <tt>{{ flatpage.url }}</tt>  ({{ flatpage.title }})</div>
-          <a class="login-ref-admin" href='{% url 'admin:flatpages_flatpage_change' flatpage.id %}'>[admin]</a>
+          <a class="LOGIN-ref-admin" href='{% url 'admin:flatpages_flatpage_change' flatpage.id %}'>[admin]</a>
         {% endif %}
-        <a class="login-ref-admin" href='/admin'>[admin mainpage]</a>
+        <a class="LOGIN-ref-admin" href='/admin'>[admin mainpage]</a>
 
-        <span class="napis-webarum">Něco ti nejde/nefunguje/mate tě? <a class="login-ref-admin" href='mailto:web@mam.mff.cuni.cz'>Napiš webařům!</a></span>
+        <span class="LOGIN_napis-webarum">Něco ti nejde/nefunguje/mate tě? <a class="LOGIN-ref-admin" href='mailto:web@mam.mff.cuni.cz'>Napiš webařům!</a></span>
       </div>
     {% endif %}