interaktionsweise/hippie-style
1
1
Fork 0
Code Pull requests Releases Activity

Compare commits

base: interaktionsweise:91d136f1c310c6276ecb2f4318f468f842099816
Branches Tags
interaktionsweise:development
interaktionsweise:main
..
compare: interaktionsweise:530748663f02ac15597c78843a12cd1f9973c4c9
Branches Tags
interaktionsweise:development
interaktionsweise:main

No commits in common. "91d136f1c310c6276ecb2f4318f468f842099816" and "530748663f02ac15597c78843a12cd1f9973c4c9" have entirely different histories.
91d136f1c3 ... 530748663f

4 changed files with 51 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

1
elements/_embedded.scss
View file

@ -14,6 +14,7 @@
// area // area
picture { picture {
} }

75
elements/_grouping.scss
View file

@ -25,17 +25,6 @@
// div // div
@mixin columns($count: 5) {
@for $i from 1 through $count {
.column_#{$i} {
@extend p;
column-count: #{$i};
column-gap: if($i < 3, config.$space_small, config.$space_medium);
}
}
}
// Paragraph // Paragraph
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
@ -43,13 +32,32 @@ p {
@extend %basic; @extend %basic;
margin-top: config.$space_basic; margin-top: config.$space_basic;
margin-bottom: config.$space_basic; margin-bottom: config.$space_basic;
code {
padding: config.$space_tiny config.$space_half;
font-size: 1em;
line-height: 1;
}
} }
.column_line { .column_line {
column-rule: config.$border_basic; column-rule: config.$border_basic;
} }
@include columns(); .column_2,
.column_3 {
@extend p;
}
.column_2 {
column-count: 2;
column-gap: config.$space_small;
}
.column_3 {
column-count: 3;
column-gap: config.$space_medium;
}
// Address // Address
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
@ -68,19 +76,6 @@ hr {
border-style: solid; border-style: solid;
border-color: config.$color_border_basic; border-color: config.$color_border_basic;
&.hidden {
border-color: transparent;
}
&.dotted {
border-style: dotted;
}
&.double {
height: 4px;
border-width: config.$width_border_basic 0;
}
&.vertical { &.vertical {
display: inline; display: inline;
margin: 0 config.$space_double; margin: 0 config.$space_double;
@ -88,6 +83,22 @@ hr {
} }
} }
.hr_hidden {
@extend hr;
border-color: transparent;
}
.hr_dotted {
@extend hr;
border-style: dotted;
}
.hr_double {
@extend hr;
height: 4px;
border-width: config.$width_border_basic 0;
}
// Preformat // Preformat
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
pre { pre {
@ -237,13 +248,11 @@ figcaption {
// Main content // Main content
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
main { main {}
}
// Div // Div
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
div { div {}
}
.div_info { .div_info {
padding: config.$space_double config.$indent_basic; padding: config.$space_double config.$indent_basic;
@ -306,13 +315,13 @@ div {
display: grid; display: grid;
grid-gap: config.$space_basic; grid-gap: config.$space_basic;
& > input, &>input,
& > select, &>select,
& > textarea { &>textarea {
margin: 0; margin: 0;
} }
& > label { &>label {
margin: config.$width_border_io; margin: config.$width_border_io;
padding: config.$space_half; padding: config.$space_half;
} }

5
elements/_interactive.scss
View file

@ -21,6 +21,7 @@
// legend // legend
// Form // Form
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
form { form {
@ -244,6 +245,7 @@ meter {
} }
// Interactive elements // Interactive elements
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
// details // details
@ -251,6 +253,7 @@ meter {
// dialog // dialog
details { details {
} }
@ -264,6 +267,7 @@ dialog {
} }
// Scripting // Scripting
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
// script // script
@ -272,6 +276,7 @@ dialog {
// canvas // canvas
canvas { canvas {
} }

9
elements/_textlevel.scss
View file

@ -39,6 +39,7 @@
// wbr // wbr
// Links // Links
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
a { a {
@ -203,12 +204,6 @@ code {
background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny); background-color: color.scale(config.$color_back_basic, $lightness: config.$color_diff_tiny);
} }
p code {
padding: config.$space_tiny config.$space_half;
font-size: 1em;
line-height: 1;
}
.code_solo { .code_solo {
@extend %basic_mono; @extend %basic_mono;
padding: config.$space_tiny config.$space_half; padding: config.$space_tiny config.$space_half;
@ -301,12 +296,14 @@ wbr {
} }
// Edits // Edits
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
// ins // ins
// del // del
ins { ins {
} }