Fixed some stuff
This commit is contained in:
Teascade
parent
5ad79f8776
commit
80a5a6ec06
121
custom.css
Normal file
121
custom.css
Normal file
@ -0,0 +1,121 @@
|
||||
.page-1 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-1:checked ~ .page-1 {
|
||||
display: block; }
|
||||
|
||||
.page-2 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-2:checked ~ .page-2 {
|
||||
display: block; }
|
||||
|
||||
.page-3 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-3:checked ~ .page-3 {
|
||||
display: block; }
|
||||
|
||||
.page-4 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-4:checked ~ .page-4 {
|
||||
display: block; }
|
||||
|
||||
.page-5 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-5:checked ~ .page-5 {
|
||||
display: block; }
|
||||
|
||||
.page-6 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-6:checked ~ .page-6 {
|
||||
display: block; }
|
||||
|
||||
.page-7 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-7:checked ~ .page-7 {
|
||||
display: block; }
|
||||
|
||||
.page-8 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-8:checked ~ .page-8 {
|
||||
display: block; }
|
||||
|
||||
.page-9 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-9:checked ~ .page-9 {
|
||||
display: block; }
|
||||
|
||||
.page-10 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-10:checked ~ .page-10 {
|
||||
display: block; }
|
||||
|
||||
.page-11 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-11:checked ~ .page-11 {
|
||||
display: block; }
|
||||
|
||||
.page-12 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-12:checked ~ .page-12 {
|
||||
display: block; }
|
||||
|
||||
.page-13 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-13:checked ~ .page-13 {
|
||||
display: block; }
|
||||
|
||||
.page-14 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-14:checked ~ .page-14 {
|
||||
display: block; }
|
||||
|
||||
.page-15 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-15:checked ~ .page-15 {
|
||||
display: block; }
|
||||
|
||||
.page-16 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-16:checked ~ .page-16 {
|
||||
display: block; }
|
||||
|
||||
.page-17 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-17:checked ~ .page-17 {
|
||||
display: block; }
|
||||
|
||||
.page-18 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-18:checked ~ .page-18 {
|
||||
display: block; }
|
||||
|
||||
.page-19 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-19:checked ~ .page-19 {
|
||||
display: block; }
|
||||
|
||||
.page-20 {
|
||||
display: none; }
|
||||
|
||||
#radio-page-20:checked ~ .page-20 {
|
||||
display: block; }
|
||||
|
||||
/*# sourceMappingURL=custom.css.map */
|
||||
7
custom.css.map
Normal file
7
custom.css.map
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "AACC,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,OAAY;EACV,OAAO,EAAE,IAAI;;AAEf,+BAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK;;AAJhB,QAAY;EACV,OAAO,EAAE,IAAI;;AAEf,iCAAwC;EACtC,OAAO,EAAE,KAAK",
|
||||
"sources": ["custom.scss"],
|
||||
"names": [],
|
||||
"file": "custom.css"
|
||||
}
|
||||
8
custom.scss
Normal file
8
custom.scss
Normal file
@ -0,0 +1,8 @@
|
||||
@for $i from 1 through 2 {
|
||||
.page-#{$i} {
|
||||
display: none;
|
||||
}
|
||||
#radio-page-#{$i}:checked ~ .page-#{$i} {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@ -4,6 +4,7 @@
|
||||
<meta charset="utf-8">
|
||||
<title>CSS example</title>
|
||||
<link type="text/css" rel="stylesheet" href="style.css" />
|
||||
<link type="text/css" rel="stylesheet" href="custom.css" />
|
||||
</head>
|
||||
<body>
|
||||
<input type="radio" id="radio-page-1" name="pages">
|
||||
|
||||
428
style.css
428
style.css
@ -1,66 +1,368 @@
|
||||
/*
|
||||
Error: Undefined variable: "$i".
|
||||
on line 302 of style.scss
|
||||
@charset "UTF-8";
|
||||
:root {
|
||||
font-family: "Iosevka Slab", "Iosevka", "Consolas", "monospace";
|
||||
background-color: black;
|
||||
color: #c9c9c9;
|
||||
border-color: #c9c9c9;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 21px; }
|
||||
|
||||
297: }
|
||||
298:
|
||||
299: /* How to add pages:
|
||||
300:
|
||||
301: @for $i from 1 through 20 {
|
||||
302: .page-#{$i} {
|
||||
303: display: none;
|
||||
304: }
|
||||
305: #radio-page-#{$i}:checked ~ .page-#{$i} {
|
||||
306: display: block;
|
||||
307: }
|
||||
/* General styles for elements */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
Backtrace:
|
||||
style.scss:302
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/script/tree/variable.rb:49:in `_perform'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/script/tree/node.rb:50:in `perform'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/script/tree/interpolation.rb:170:in `_perform'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/script/tree/node.rb:50:in `perform'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:555:in `block in run_interp_no_strip'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:553:in `map'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:553:in `run_interp_no_strip'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:199:in `visit_comment'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/base.rb:36:in `visit'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:162:in `block in visit'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/stack.rb:79:in `block in with_base'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/stack.rb:135:in `with_frame'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/stack.rb:79:in `with_base'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:162:in `visit'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/base.rb:52:in `map'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/base.rb:52:in `visit_children'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:171:in `block in visit_children'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:183:in `with_environment'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:170:in `visit_children'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/base.rb:36:in `block in visit'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:190:in `visit_root'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/base.rb:36:in `visit'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:161:in `visit'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/visitors/perform.rb:10:in `visit'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/root_node.rb:36:in `css_tree'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/engine.rb:389:in `_render_with_sourcemap'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/engine.rb:307:in `render_with_sourcemap'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/plugin/compiler.rb:462:in `update_stylesheet'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/plugin/compiler.rb:209:in `each'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/plugin/compiler.rb:443:in `on_file_changed'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-3.5.1/lib/sass/plugin/compiler.rb:320:in `block in watch'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-listen-4.0.0/lib/sass-listen/event/config.rb:23:in `call'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-listen-4.0.0/lib/sass-listen/event/processor.rb:115:in `_process_changes'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-listen-4.0.0/lib/sass-listen/event/processor.rb:19:in `block in loop_for'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-listen-4.0.0/lib/sass-listen/event/processor.rb:15:in `loop'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-listen-4.0.0/lib/sass-listen/event/processor.rb:15:in `loop_for'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-listen-4.0.0/lib/sass-listen/event/loop.rb:84:in `_wait_for_changes'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-listen-4.0.0/lib/sass-listen/event/loop.rb:42:in `block in setup'
|
||||
/usr/lib/ruby/gems/2.4.0/gems/sass-listen-4.0.0/lib/sass-listen/internals/thread_pool.rb:6:in `block in add'
|
||||
p {
|
||||
width: auto; }
|
||||
|
||||
b {
|
||||
font-weight: 1000; }
|
||||
|
||||
li {
|
||||
list-style: none; }
|
||||
|
||||
ul {
|
||||
padding-left: 1ch; }
|
||||
|
||||
a {
|
||||
color: #c9c9c9; }
|
||||
a:hover {
|
||||
cursor: pointer;
|
||||
color: #c9c9c9;
|
||||
background-color: #171c94; }
|
||||
|
||||
nav ul > li > ul:hover a {
|
||||
color: #c9c9c9; }
|
||||
|
||||
.hr {
|
||||
height: 21px; }
|
||||
|
||||
hr {
|
||||
height: 10.5px;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #c9c9c9; }
|
||||
|
||||
nav li hr, li.button-list > ul a hr, .white hr {
|
||||
border-color: black; }
|
||||
|
||||
nav > li > ul li > ul:hover > hr, li.button-list > ul:hover a hr {
|
||||
border-color: #c9c9c9; }
|
||||
|
||||
/* Lists */
|
||||
li:not(.button-list) > ul::before {
|
||||
content: "- "; }
|
||||
li.button-list > ul {
|
||||
width: calc(100% - 1ch);
|
||||
text-decoration: underline; }
|
||||
li.button-list > ul:hover {
|
||||
background-color: #171c94;
|
||||
color: #c9c9c9;
|
||||
border-color: #c9c9c9; }
|
||||
li.button-list > ul > li {
|
||||
width: 100%; }
|
||||
li.button-list > ul a {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
|
||||
/* Navbars */
|
||||
@keyframes hide {
|
||||
0% {
|
||||
opacity: 0;
|
||||
left: inherit; }
|
||||
1% {
|
||||
opacity: 0; }
|
||||
100% {
|
||||
opacity: 0;
|
||||
left: -9999px; } }
|
||||
nav a {
|
||||
color: black;
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-decoration: none; }
|
||||
nav ul::before {
|
||||
content: "" !important; }
|
||||
nav > li {
|
||||
background-color: #c9c9c9;
|
||||
color: black;
|
||||
border-color: black;
|
||||
margin-left: 0; }
|
||||
nav > li > ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
padding-left: 1ch;
|
||||
padding-right: 1ch; }
|
||||
nav > li > ul:hover {
|
||||
cursor: pointer;
|
||||
color: #c9c9c9;
|
||||
background-color: #171c94; }
|
||||
nav > li > ul:focus {
|
||||
background-color: #171c94;
|
||||
color: #c9c9c9;
|
||||
border-color: #c9c9c9; }
|
||||
nav > li > ul:focus li {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
left: inherit;
|
||||
animation-name: hide;
|
||||
animation-name: none; }
|
||||
nav > li > ul > li {
|
||||
background-color: #c9c9c9;
|
||||
color: black;
|
||||
border-color: black;
|
||||
position: absolute;
|
||||
border: 2px solid;
|
||||
box-shadow: 0 0 0 0.25ch #c9c9c9;
|
||||
margin-left: calc(2px - 1ch);
|
||||
margin-right: calc(2px - 1ch);
|
||||
margin-top: 10.5px;
|
||||
margin-bottom: 10.5px;
|
||||
padding: calc(0.25ch + 2px);
|
||||
padding-top: 10.5px;
|
||||
padding-bottom: 10.5px;
|
||||
opacity: 0;
|
||||
left: -9999px;
|
||||
animation-name: hide;
|
||||
animation-duration: 0.5s; }
|
||||
nav > li > ul > li > ul {
|
||||
background-color: #c9c9c9;
|
||||
color: black;
|
||||
border-color: black;
|
||||
padding-left: 1ch;
|
||||
padding-right: 1ch;
|
||||
min-height: 21px; }
|
||||
nav > li > ul > li > ul:hover {
|
||||
background-color: #171c94;
|
||||
color: #c9c9c9;
|
||||
border-color: #c9c9c9; }
|
||||
nav > li .submenu {
|
||||
display: inline-block;
|
||||
animation-name: show;
|
||||
animation-duration: 0.5s; }
|
||||
|
||||
/* Miscallaneous Classes */
|
||||
.box {
|
||||
border: 2px solid #c9c9c9;
|
||||
margin: 0.5ch;
|
||||
padding: calc(0.5ch - 2px);
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
margin-top: 10.5px;
|
||||
margin-bottom: 10.5px;
|
||||
padding-top: 8.5px;
|
||||
padding-bottom: 8.5px;
|
||||
vertical-align: top; }
|
||||
.box.double {
|
||||
border-style: double;
|
||||
border-width: 4px;
|
||||
margin: calc(0.5ch);
|
||||
padding: calc(0.5ch - (4px));
|
||||
margin-top: 10.5px;
|
||||
margin-bottom: 10.5px;
|
||||
padding-top: 6.5px;
|
||||
padding-bottom: 6.5px; }
|
||||
.box.black {
|
||||
background-color: black;
|
||||
color: #c9c9c9;
|
||||
border-color: #c9c9c9;
|
||||
box-shadow: 0 0 0 0.25ch black; }
|
||||
.box.white {
|
||||
background-color: #c9c9c9;
|
||||
color: black;
|
||||
border-color: black;
|
||||
box-shadow: 0 0 0 0.25ch #c9c9c9; }
|
||||
.box.white a {
|
||||
color: black; }
|
||||
.box.white a:hover {
|
||||
background-color: #171c94;
|
||||
color: #c9c9c9;
|
||||
border-color: #c9c9c9; }
|
||||
.box.blue {
|
||||
background-color: #171c94;
|
||||
color: #c9c9c9;
|
||||
border-color: #c9c9c9;
|
||||
box-shadow: 0 0 0 0.25ch #171c94; }
|
||||
.box.blue li.button-list > ul:hover {
|
||||
background-color: #c9c9c9;
|
||||
color: black;
|
||||
border-color: black; }
|
||||
.box.blue li.button-list > ul:hover > a {
|
||||
color: black; }
|
||||
.box.blue a:hover {
|
||||
background-color: #c9c9c9;
|
||||
color: #171c94;
|
||||
border-color: #171c94; }
|
||||
.box.blue hr {
|
||||
border-color: #c9c9c9; }
|
||||
.box.blue button:hover {
|
||||
background-color: #c9c9c9;
|
||||
color: #171c94;
|
||||
border-color: #171c94; }
|
||||
.box.blue .checkbox-right:hover, .box.blue .checkbox-left:hover, .box.blue .radio-right:hover, .box.blue .radio-left:hover {
|
||||
background-color: #c9c9c9;
|
||||
color: #171c94;
|
||||
border-color: #171c94; }
|
||||
|
||||
.list-symbol::after {
|
||||
content: " ▼"; }
|
||||
|
||||
.no-select {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none; }
|
||||
|
||||
/* How to add pages:
|
||||
*
|
||||
* (at)for (dollar)i from 1 through 20 {
|
||||
* .page-dollar i {
|
||||
* display: none;
|
||||
* }
|
||||
* #radio-page-dollar i:checked ~ .page-dollar i {
|
||||
* display: block;
|
||||
* }
|
||||
* }
|
||||
*/
|
||||
body:before {
|
||||
white-space: pre;
|
||||
font-family: monospace;
|
||||
content: "Error: Undefined variable: \"$i\".\A on line 302 of style.scss\A \A 297: }\A 298: \A 299: /* How to add pages:\A 300: \A 301: @for $i from 1 through 20 {\A 302: .page-#{$i} {\A 303: display: none;\A 304: }\A 305: #radio-page-#{$i}:checked ~ .page-#{$i} {\A 306: display: block;\A 307: }"; }
|
||||
/* Form styles */
|
||||
input[type=checkbox], input[type=radio] {
|
||||
display: none; }
|
||||
|
||||
.checkbox-right:hover, .checkbox-left:hover, .radio-right:hover, .radio-left:hover {
|
||||
cursor: pointer;
|
||||
color: #c9c9c9;
|
||||
background-color: #171c94; }
|
||||
|
||||
.checkbox-right::after {
|
||||
content: "[ ]"; }
|
||||
|
||||
.checkbox-left::before {
|
||||
content: "[ ]"; }
|
||||
|
||||
.radio-right::after {
|
||||
content: "( )"; }
|
||||
|
||||
.radio-left::before {
|
||||
content: "( )"; }
|
||||
|
||||
input[type=checkbox]:checked + .checkbox-right::after {
|
||||
content: "[x]"; }
|
||||
input[type=checkbox]:checked + .checkbox-left::before {
|
||||
content: "[x]"; }
|
||||
|
||||
input[type=radio]:checked + .radio-right::after {
|
||||
content: "(x)"; }
|
||||
input[type=radio]:checked + .radio-left::before {
|
||||
content: "(x)"; }
|
||||
|
||||
input[type=text], button {
|
||||
background-color: inherit;
|
||||
border: none;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit; }
|
||||
input[type=text]:hover, button:hover {
|
||||
cursor: pointer;
|
||||
color: #c9c9c9;
|
||||
background-color: #171c94; }
|
||||
|
||||
button:focus, button:hover, button:active, button::-moz-focus-inner {
|
||||
border: none;
|
||||
text-decoration: none; }
|
||||
button::before {
|
||||
content: "[ "; }
|
||||
button::after {
|
||||
content: " ]"; }
|
||||
|
||||
.textinput {
|
||||
display: inline-block; }
|
||||
.textinput:hover {
|
||||
cursor: pointer;
|
||||
color: #c9c9c9;
|
||||
background-color: #171c94; }
|
||||
.textinput::before {
|
||||
content: "["; }
|
||||
.textinput::after {
|
||||
content: "]"; }
|
||||
.textinput:hover > input[type=text] {
|
||||
background-color: #171c94;
|
||||
color: #c9c9c9;
|
||||
border-color: #c9c9c9; }
|
||||
|
||||
input[type=text] {
|
||||
background-color: #c9c9c9;
|
||||
color: black;
|
||||
border-color: black;
|
||||
width: 15ch; }
|
||||
|
||||
/* Style helpers, like space-takers */
|
||||
.space-1em {
|
||||
min-height: 21px; }
|
||||
|
||||
.space-2em {
|
||||
min-height: 42px; }
|
||||
|
||||
.space-3em {
|
||||
min-height: 63px; }
|
||||
|
||||
.space-4em {
|
||||
min-height: 84px; }
|
||||
|
||||
.space-5em {
|
||||
min-height: 105px; }
|
||||
|
||||
.width-5 {
|
||||
width: 5ch; }
|
||||
|
||||
.width-10 {
|
||||
width: 10ch; }
|
||||
|
||||
.width-15 {
|
||||
width: 15ch; }
|
||||
|
||||
.width-20 {
|
||||
width: 20ch; }
|
||||
|
||||
.width-25 {
|
||||
width: 25ch; }
|
||||
|
||||
.width-50 {
|
||||
width: 48ch; }
|
||||
|
||||
.width-100 {
|
||||
width: 98ch; }
|
||||
|
||||
.width-150 {
|
||||
width: 148ch; }
|
||||
|
||||
.width-200 {
|
||||
width: 198ch; }
|
||||
|
||||
.width-250 {
|
||||
width: 248ch; }
|
||||
|
||||
.padding-1 {
|
||||
padding: 1ch;
|
||||
padding-top: 21px;
|
||||
padding-bottom: 21px; }
|
||||
|
||||
.padding-2 {
|
||||
padding: 2ch;
|
||||
padding-top: 42px;
|
||||
padding-bottom: 42px; }
|
||||
|
||||
.padding-3 {
|
||||
padding: 3ch;
|
||||
padding-top: 63px;
|
||||
padding-bottom: 63px; }
|
||||
|
||||
.padding-4 {
|
||||
padding: 4ch;
|
||||
padding-top: 84px;
|
||||
padding-bottom: 84px; }
|
||||
|
||||
.padding-5 {
|
||||
padding: 5ch;
|
||||
padding-top: 105px;
|
||||
padding-bottom: 105px; }
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
|
||||
File diff suppressed because one or more lines are too long
18
style.scss
18
style.scss
@ -297,15 +297,15 @@ nav {
|
||||
}
|
||||
|
||||
/* How to add pages:
|
||||
|
||||
@for $i from 1 through 20 {
|
||||
.page-#{$i} {
|
||||
display: none;
|
||||
}
|
||||
#radio-page-#{$i}:checked ~ .page-#{$i} {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
*
|
||||
* (at)for (dollar)i from 1 through 20 {
|
||||
* .page-#{(dollar)i} {
|
||||
* display: none;
|
||||
* }
|
||||
* #radio-page-#{(dollar)i}:checked ~ .page-#{(dollar)i} {
|
||||
* display: block;
|
||||
* }
|
||||
* }
|
||||
*/
|
||||
|
||||
/* Form styles */
|
||||
|
||||
Loading…
Reference in New Issue
Block a user