Template:HexCSS: Difference between revisions

Content deleted Content added

Inline

Revision as of 07:10, 22 August 2020

.hextop
{
float: left;
border-right: 30px solid #6C6;
  border-top: 52px solid transparent;
  border-bottom: 52px solid transparent;
}

.hexmid
{
  float: left;
  width: 60px;
  height: 104px;
  background-color: #6C6;
}

.hexbot
{
  float: left;
  border-left: 30px solid #6C6;
  border-top: 52px solid transparent;
  border-bottom: 52px solid transparent;
}

@@ Line 1: / Line 1: @@
+.hextop
-.hexagon {
+{
-  position: relative;
+float: left;
-  height: 100px;
+border-right: 30px solid #6C6;
-  width: 57.74px;
-  border-left: solid 1px #000000;
+  border-top: 52px solid transparent;
-  border-right: solid 1px #000000;
+  border-bottom: 52px solid transparent;
 }
+.hexmid
-.hexagon:before,
+{
-.hexagon:after {
-  content: "";
+  float: left;
-  position: absolute;
+  width: 60px;
-  z-index: 1;
+  height: 104px;
+  background-color: #6C6;
-  width: 70.71px;
-  height: 70.71px;
-  transform: scaleY(0.5774) rotate(-45deg);
-  background-color: inherit;
-  left: 14.6447px;
 }
+.hexbot
-.hexagon:before {
+{
-  top: -35.3553px;
+  float: left;
-  border-top: solid 1.4142px #000000;
-  border-right: solid 1.4142px #000000;
+  border-left: 30px solid #6C6;
+  border-top: 52px solid transparent;
-}
+  border-bottom: 52px solid transparent;
-.hexagon:after {
-  bottom: -35.3553px;
-  border-bottom: solid 1.4142px #000000;
-  border-left: solid 1.4142px #000000;
 }