Website updates, hr fix

Fixed a problem with the hr fix, should display properly now.
This commit is contained in:
Angelos Chalaris 2017-10-21 18:31:48 +03:00
parent 407f26c9d1
commit 4db8598eb8
11 changed files with 447 additions and 4 deletions

View file

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#F74D37;" d="M355.501,245.374L213.124,387.75c-24.541,24.542-64.333,24.542-88.874,0s-24.542-64.332,0-88.874
l142.376-142.376l-72.064-72.064L48.257,230.741c-64.342,64.342-64.342,168.661,0,233.002s168.661,64.342,233.002,0l146.306-146.306
L355.501,245.374z"/>
<path style="fill:#C43D2C;" d="M48.256,463.744l75.994-75.994c24.541,24.542,64.333,24.542,88.874,0L355.5,245.374l72.064,72.064
L281.259,463.743C216.916,528.086,112.598,528.086,48.256,463.744z"/>
<g>
<rect x="276.246" y="33.588" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 447.431 311.1306)" style="fill:#F9D026;" width="23.813" height="58.623"/>
<rect x="230.5" style="fill:#F9D026;" width="23.815" height="58.624"/>
<rect x="292.441" y="96.746" style="fill:#F9D026;" width="58.624" height="23.815"/>
</g>
<g>
<rect x="437.184" y="194.529" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 608.3666 699.6761)" style="fill:#E7C224;" width="23.813" height="58.623"/>
<rect x="391.446" y="160.935" style="fill:#E7C224;" width="23.815" height="58.624"/>
<rect x="453.376" y="257.681" style="fill:#E7C224;" width="58.624" height="23.815"/>
</g>
<rect x="314.661" y="270.675" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 406.8443 783.1379)" style="fill:#B7B9C0;" width="101.909" height="73.266"/>
<rect x="153.734" y="109.741" transform="matrix(0.7071 0.7071 -0.7071 0.7071 163.4544 -101.8644)" style="fill:#D8D9DD;" width="101.909" height="73.266"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

74
docs/v2/icons/meteor.svg Normal file
View file

@ -0,0 +1,74 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#FCD999;" d="M378.203,260.162L378.203,260.162L250.74,132.725v-0.001c-17.489-5.419-36.035-8.434-55.258-8.635
v386.822c105.882-1.104,191.363-87.268,191.363-193.411C386.844,297.536,383.818,278.28,378.203,260.162z"/>
<path style="fill:#FEECCC;" d="M195.482,124.089c-0.683-0.011-1.377-0.011-2.059-0.011C86.596,124.078,0,210.674,0,317.5
C0,376.595,26.5,429.5,68.266,464.979l70.896,38.23c17.215,5.021,35.424,7.714,54.261,7.714c0.683,0,1.377,0,2.059-0.011
c87.029-1.343,157.23-87.415,157.23-193.411S282.51,125.432,195.482,124.089z"/>
<path style="fill:#FCD999;" d="M250.74,132.725c-42.26,12.611-73.074,51.769-73.074,98.131c0,56.554,45.847,102.4,102.4,102.4
c46.369,0,85.531-30.822,98.137-73.094C359.385,199.443,311.461,151.538,250.74,132.725z"/>
<path style="fill:#FBC566;" d="M114.369,419.911l14.302,79.906c3.447,1.229,6.952,2.355,10.49,3.391
c12.14-8.181,20.127-22.062,20.127-37.797C159.289,440.471,139.23,420.218,114.369,419.911z"/>
<g>
<path style="fill:#FCD999;" d="M136.533,465.411c0,13.733-3.049,26.066-7.862,34.406c-22.3-7.919-42.724-19.82-60.405-34.839
c0.25-24.951,20.526-45.079,45.511-45.079c0.193,0,0.387,0,0.592,0.011C126.669,420.537,136.533,440.676,136.533,465.411z"/>
<circle style="fill:#FCD999;" cx="73.956" cy="283.363" r="17.067"/>
</g>
<path style="fill:#FBC566;" d="M226.759,373.251v68.267c18.842,0,34.133-15.28,34.133-34.133
C260.892,388.531,245.601,373.251,226.759,373.251z"/>
<path style="fill:#FCD999;" d="M226.759,373.251c6.281,0,11.378,15.28,11.378,34.133c0,18.853-5.097,34.133-11.378,34.133
c-18.853,0-34.133-15.28-34.133-34.133C192.626,388.531,207.906,373.251,226.759,373.251z"/>
<g>
<circle style="fill:#F9B233;" cx="412.809" cy="33.746" r="8.533"/>
<circle style="fill:#F9B233;" cx="436.952" cy="9.61" r="8.533"/>
<path style="fill:#F9B233;" d="M404.769,138.335c-8.886,8.886-23.295,8.886-32.181,0c-8.886-8.886-8.886-23.295,0-32.181
l16.09-16.09c8.886-8.886,8.886-23.295,0-32.181s-23.295-8.886-32.181,0l-60.34,60.34l-39.261,89.465l55.352,55.352
L404.769,138.335z"/>
</g>
<path style="fill:#FA9647;" d="M505.335,69.95c-8.886-8.886-23.295-8.886-32.181,0L296.157,246.946l96.544-32.181l112.634-112.634
C514.222,93.244,514.222,78.836,505.335,69.95z"/>
<path style="fill:#FD5F6E;" d="M360.52,214.765v-32.181l-128.725,96.544c26.66,26.66,69.883,26.659,96.544,0l64.363-64.363H360.52z"
/>
<path style="fill:#FA9647;" d="M328.339,182.584v-32.182h-32.181v-32.181l-64.363,64.363c-26.659,26.659-26.659,69.883,0,96.544
c8.886,8.886,37.703-5.522,64.363-32.181l64.363-64.363H328.339z"/>
<path style="fill:#FEECCC;" d="M280.066,196.722l-11.378,34.133l11.378,34.133c18.852,0,34.133-15.282,34.133-34.133
S298.918,196.722,280.066,196.722z"/>
<path style="fill:#FFFFFF;" d="M245.933,230.856c0,18.852,15.283,34.133,34.133,34.133v-68.267
C261.216,196.722,245.933,212.004,245.933,230.856z"/>
<g>
<circle style="fill:#FCD999;" cx="108.089" cy="232.163" r="8.533"/>
<circle style="fill:#FCD999;" cx="295.026" cy="407.381" r="8.533"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

51
docs/v2/icons/wings.svg Normal file
View file

@ -0,0 +1,51 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#BBE095;" d="M486.935,146.104l-7.905,7.905l-144.751,23.714L394.063,70.51l92.873-45.444
C520.355,58.487,520.355,112.682,486.935,146.104z"/>
<path style="fill:#E0F4B4;" d="M486.935,25.065L334.278,177.722l23.714-144.751l7.905-7.905
C399.318-8.355,453.513-8.355,486.935,25.065z"/>
<polygon style="fill:#5EDAFF;" points="357.992,154.008 203.478,308.522 243.002,147.96 357.992,32.97 "/>
<polygon style="fill:#089AC6;" points="243.002,268.997 104.298,407.701 128.013,262.951 243.002,147.96 "/>
<path style="fill:#4B58E3;" d="M128.013,383.987l-68.32,68.32c0-80.897-8.157-112.88,25.224-146.261l43.096-43.096
C128.013,262.951,128.013,383.987,128.013,383.987z"/>
<polygon style="fill:#089AC6;" points="479.029,154.008 364.04,268.997 203.478,308.522 357.992,154.008 "/>
<polygon style="fill:#4B58E3;" points="364.04,268.997 249.049,383.987 104.298,407.701 243.002,268.997 "/>
<g>
<path style="fill:#693F9E;" d="M249.049,383.987l-43.096,43.096c-33.382,33.382-65.365,25.224-146.261,25.224l68.32-68.32H249.049z
"/>
<path style="fill:#693F9E;" d="M2.619,509.381c-3.492-3.492-3.492-9.154,0-12.648L456.897,42.457c3.492-3.492,9.156-3.492,12.648,0
c3.492,3.492,3.492,9.154,0,12.648L15.267,509.381C11.774,512.873,6.112,512.873,2.619,509.381z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -59,3 +59,5 @@
- Started working on the **Gluon** website, just to get a taste for what it will look like and get some feedback.
- *TODO* Retake picture after the splash has been tweaked, right before release.
- Tweaked the splash screen, looks a bit better now and is easier to read.
- Reverted the `hr` fix, as it caused problems.
- Moved some of the documentation from the old website to the `/docs/v3` website.

View file

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#F74D37;" d="M355.501,245.374L213.124,387.75c-24.541,24.542-64.333,24.542-88.874,0s-24.542-64.332,0-88.874
l142.376-142.376l-72.064-72.064L48.257,230.741c-64.342,64.342-64.342,168.661,0,233.002s168.661,64.342,233.002,0l146.306-146.306
L355.501,245.374z"/>
<path style="fill:#C43D2C;" d="M48.256,463.744l75.994-75.994c24.541,24.542,64.333,24.542,88.874,0L355.5,245.374l72.064,72.064
L281.259,463.743C216.916,528.086,112.598,528.086,48.256,463.744z"/>
<g>
<rect x="276.246" y="33.588" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 447.431 311.1306)" style="fill:#F9D026;" width="23.813" height="58.623"/>
<rect x="230.5" style="fill:#F9D026;" width="23.815" height="58.624"/>
<rect x="292.441" y="96.746" style="fill:#F9D026;" width="58.624" height="23.815"/>
</g>
<g>
<rect x="437.184" y="194.529" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 608.3666 699.6761)" style="fill:#E7C224;" width="23.813" height="58.623"/>
<rect x="391.446" y="160.935" style="fill:#E7C224;" width="23.815" height="58.624"/>
<rect x="453.376" y="257.681" style="fill:#E7C224;" width="58.624" height="23.815"/>
</g>
<rect x="314.661" y="270.675" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 406.8443 783.1379)" style="fill:#B7B9C0;" width="101.909" height="73.266"/>
<rect x="153.734" y="109.741" transform="matrix(0.7071 0.7071 -0.7071 0.7071 163.4544 -101.8644)" style="fill:#D8D9DD;" width="101.909" height="73.266"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

74
docs/v3/icons/meteor.svg Normal file
View file

@ -0,0 +1,74 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#FCD999;" d="M378.203,260.162L378.203,260.162L250.74,132.725v-0.001c-17.489-5.419-36.035-8.434-55.258-8.635
v386.822c105.882-1.104,191.363-87.268,191.363-193.411C386.844,297.536,383.818,278.28,378.203,260.162z"/>
<path style="fill:#FEECCC;" d="M195.482,124.089c-0.683-0.011-1.377-0.011-2.059-0.011C86.596,124.078,0,210.674,0,317.5
C0,376.595,26.5,429.5,68.266,464.979l70.896,38.23c17.215,5.021,35.424,7.714,54.261,7.714c0.683,0,1.377,0,2.059-0.011
c87.029-1.343,157.23-87.415,157.23-193.411S282.51,125.432,195.482,124.089z"/>
<path style="fill:#FCD999;" d="M250.74,132.725c-42.26,12.611-73.074,51.769-73.074,98.131c0,56.554,45.847,102.4,102.4,102.4
c46.369,0,85.531-30.822,98.137-73.094C359.385,199.443,311.461,151.538,250.74,132.725z"/>
<path style="fill:#FBC566;" d="M114.369,419.911l14.302,79.906c3.447,1.229,6.952,2.355,10.49,3.391
c12.14-8.181,20.127-22.062,20.127-37.797C159.289,440.471,139.23,420.218,114.369,419.911z"/>
<g>
<path style="fill:#FCD999;" d="M136.533,465.411c0,13.733-3.049,26.066-7.862,34.406c-22.3-7.919-42.724-19.82-60.405-34.839
c0.25-24.951,20.526-45.079,45.511-45.079c0.193,0,0.387,0,0.592,0.011C126.669,420.537,136.533,440.676,136.533,465.411z"/>
<circle style="fill:#FCD999;" cx="73.956" cy="283.363" r="17.067"/>
</g>
<path style="fill:#FBC566;" d="M226.759,373.251v68.267c18.842,0,34.133-15.28,34.133-34.133
C260.892,388.531,245.601,373.251,226.759,373.251z"/>
<path style="fill:#FCD999;" d="M226.759,373.251c6.281,0,11.378,15.28,11.378,34.133c0,18.853-5.097,34.133-11.378,34.133
c-18.853,0-34.133-15.28-34.133-34.133C192.626,388.531,207.906,373.251,226.759,373.251z"/>
<g>
<circle style="fill:#F9B233;" cx="412.809" cy="33.746" r="8.533"/>
<circle style="fill:#F9B233;" cx="436.952" cy="9.61" r="8.533"/>
<path style="fill:#F9B233;" d="M404.769,138.335c-8.886,8.886-23.295,8.886-32.181,0c-8.886-8.886-8.886-23.295,0-32.181
l16.09-16.09c8.886-8.886,8.886-23.295,0-32.181s-23.295-8.886-32.181,0l-60.34,60.34l-39.261,89.465l55.352,55.352
L404.769,138.335z"/>
</g>
<path style="fill:#FA9647;" d="M505.335,69.95c-8.886-8.886-23.295-8.886-32.181,0L296.157,246.946l96.544-32.181l112.634-112.634
C514.222,93.244,514.222,78.836,505.335,69.95z"/>
<path style="fill:#FD5F6E;" d="M360.52,214.765v-32.181l-128.725,96.544c26.66,26.66,69.883,26.659,96.544,0l64.363-64.363H360.52z"
/>
<path style="fill:#FA9647;" d="M328.339,182.584v-32.182h-32.181v-32.181l-64.363,64.363c-26.659,26.659-26.659,69.883,0,96.544
c8.886,8.886,37.703-5.522,64.363-32.181l64.363-64.363H328.339z"/>
<path style="fill:#FEECCC;" d="M280.066,196.722l-11.378,34.133l11.378,34.133c18.852,0,34.133-15.282,34.133-34.133
S298.918,196.722,280.066,196.722z"/>
<path style="fill:#FFFFFF;" d="M245.933,230.856c0,18.852,15.283,34.133,34.133,34.133v-68.267
C261.216,196.722,245.933,212.004,245.933,230.856z"/>
<g>
<circle style="fill:#FCD999;" cx="108.089" cy="232.163" r="8.533"/>
<circle style="fill:#FCD999;" cx="295.026" cy="407.381" r="8.533"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

51
docs/v3/icons/wings.svg Normal file
View file

@ -0,0 +1,51 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path style="fill:#BBE095;" d="M486.935,146.104l-7.905,7.905l-144.751,23.714L394.063,70.51l92.873-45.444
C520.355,58.487,520.355,112.682,486.935,146.104z"/>
<path style="fill:#E0F4B4;" d="M486.935,25.065L334.278,177.722l23.714-144.751l7.905-7.905
C399.318-8.355,453.513-8.355,486.935,25.065z"/>
<polygon style="fill:#5EDAFF;" points="357.992,154.008 203.478,308.522 243.002,147.96 357.992,32.97 "/>
<polygon style="fill:#089AC6;" points="243.002,268.997 104.298,407.701 128.013,262.951 243.002,147.96 "/>
<path style="fill:#4B58E3;" d="M128.013,383.987l-68.32,68.32c0-80.897-8.157-112.88,25.224-146.261l43.096-43.096
C128.013,262.951,128.013,383.987,128.013,383.987z"/>
<polygon style="fill:#089AC6;" points="479.029,154.008 364.04,268.997 203.478,308.522 357.992,154.008 "/>
<polygon style="fill:#4B58E3;" points="364.04,268.997 249.049,383.987 104.298,407.701 243.002,268.997 "/>
<g>
<path style="fill:#693F9E;" d="M249.049,383.987l-43.096,43.096c-33.382,33.382-65.365,25.224-146.261,25.224l68.32-68.32H249.049z
"/>
<path style="fill:#693F9E;" d="M2.619,509.381c-3.492-3.492-3.492-9.154,0-12.648L456.897,42.457c3.492-3.492,9.156-3.492,12.648,0
c3.492,3.492,3.492,9.154,0,12.648L15.267,509.381C11.774,512.873,6.112,512.873,2.619,509.381z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -5,6 +5,7 @@
<!-- TODO: Update meta information when about to release -->
<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Poppins:400,400i,500,700,700i&amp;subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="./style.min.css">
<script src="./vinf.js"></script>
<title>mini.css - Minimal, responsive, style-agnostic CSS framework</title>
<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="mini.css - Minimal, responsive, style-agnostic CSS framework">
@ -17,9 +18,46 @@
</head>
<body>
<div class="index-splash">
<div class="index-splash-image no-filter"></div>
<div class="index-splash-image"></div>
<h1 class="splash">mini<small>.css</small></h1>
<p class="splash">minimal, responsive, style-agnostic <br>CSS framework</p>
<p id="version-info">v3</p>
</div>
<!-- TODO: Add CTA ghost button and a link (?) in splash -->
<header>Home</header>
<div class="container">
<div class="row padded">
<div class="col-sm-12 col-md-8 col-md-offset-1">
<h2>Minimal&nbsp;<small>Size matters!</small></h2>
<p><strong>mini.css</strong> aims to provide as much functionality as possible in less than 10KB gzipped. This very small footprint means that your websites and web applications will load faster, while still looking great utilising the modern components we provide!</p>
</div>
<div class="col-sm-12 col-md-2 col-sm-first col-md-normal" style="text-align: center;">
<img src="icons/wings.svg" width="128px" height="128px"/><br/><br/>
</div>
</div>
<div class="row padded">
<div class="col-sm-12 col-md-8 col-md-offset-1">
<h2>Responsive&nbsp;<small>Think mobile!</small></h2>
<p><strong>mini.css</strong> is crafted with both desktops and mobile devices in mind. All of its components are well-tested on different devices and will respond to any changes in the viewport, allowing for an experience tailored to each user's device!</p>
</div>
<div class="col-sm-12 col-md-2 col-sm-first col-md-normal" style="text-align: center;">
<img src="icons/magnetism.svg" width="128px" height="128px"/><br/><br/>
</div>
</div>
<div class="row padded">
<div class="col-sm-12 col-md-8 col-md-offset-1">
<h2>Style-agnostic&nbsp;<small>Infinitely customizable!</small></h2>
<p><strong>mini.css</strong> provides you with a customizable flavor system, allowing you to be a designer without all the hard work. This way you can create your own custom design and personalize your websites any way you want!</p>
</div>
<div class="col-sm-12 col-md-2 col-sm-first col-md-normal" style="text-align: center;">
<img src="icons/meteor.svg" width="128px" height="128px"/><br/><br/>
</div>
</div>
</div>
<!-- TODO: Add browser support -->
<!-- TODO: Add footer with credits for icons and splash image -->
<!-- Scripts -->
<script>document.getElementById('version-info').innerHTML = version();</script>
</body>
</html>

File diff suppressed because one or more lines are too long

View file

@ -2,6 +2,10 @@
@import '../mini/core';
// Use the old grid for a little bit - TODO: Replace when grid is done
@import '../_v2/mini/grid';
:not(.doc) {
font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif;
}
@ -22,8 +26,10 @@ code:not(.doc), kbd:not(.doc), pre:not(.doc), samp:not(.doc) {
width: 100%;
height: 100%;
position: absolute;
&:not(.no-filter){
filter: blur(2px);
}
}
h1.splash {
position: absolute;
@ -57,3 +63,42 @@ p.splash {
text-align: center;
padding-top: 40vh;
}
#version-info {
position: absolute;
bottom: 0;
background: rgba(0,0,0,0.25);
padding: 2px 6px;
border-radius: 4px;
color: #dc2b1e;
right: 8px;
font-weight: 500;
}
// TODO: Replace with actual header when ready
header {
display: block;
height: 3.25rem;
background: #f8f8f8;
color: #444;
padding: 0.125rem 0.5rem;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
position: sticky;
border-bottom: 1px solid #ddd;
top: 0;
text-transform: uppercase;
// Rough testing draft, not for production use
line-height: 3.5rem;
font-weight: 500;
cursor: pointer;
&:hover {
color: #111;
}
}
.row.padded {
padding-top: 16px;
padding-bottom: 16px;
}

View file

@ -182,7 +182,7 @@ hr {
// Actual styling using variables
line-height: $horizontal-rule-line-height;
margin: var(#{$universal-margin-var});
height: 0.5 * $__1px;
height: $__1px;
background: linear-gradient(to right, transparent, var(#{$border-color-var}) 20%, var(#{$border-color-var}) 80%, transparent);
}