interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

gulp and file structure overhaul

Browse source 
new gulp setup
including new npm packages
new file structure
moved all development files to source/
used files are in build/ now
This commit is contained in:
Stephan Hagedorn 2017-09-26 22:02:10 +02:00
parent 3a2140dad6
commit a4a1fbc14d
56 changed files with 6912 additions and 5247 deletions
Download patch file Download diff file Expand all files Collapse all files

166
elements/_textlevel.scss
View file

@ -1,166 +0,0 @@
// Links
// -----------------------------------------------------------------------------
a {
color: $basic_link_color;
// color: lighten($basic_action_color, 20%);
text-decoration: none;
&:active,
&:focus,
&:hover {
color: $basic_highlight_color;
}
}
.a__line {
border-bottom-width: $tiny_space;
border-bottom-style: dotted;
border-color: $basic_border_color;
background-color: transparent;
color: $basic_font_color;
transition: color $basic_duration $basic_timing;
&:active,
&:focus,
&:hover {
background-color: $basic_action_color;
color: $basic_highlight_color;
}
}
.a__button {
@extend %default_button;
}
.a__button_text {
@extend %default_button;
padding: $wide_padding;
background-color: transparent;
color: $basic_font_color;
}
.a__button_border {
@extend .a__button_text;
border: $cell_border;
}
// Other elements
// -----------------------------------------------------------------------------
i, em {
font-style: italic;
}
.i__bright {
font-style: normal;
color: $brightest_color;
}
b, strong {
font-weight: 500; // TODO maybe bolder
}
small {
}
// Cite
cite {
font-style: italic;
}
q {
}
dfn {
}
abbr {
}
data {
}
time {
}
// Code
code {
@extend %basic_mono;
color: lighten($basic_font_color, 12%);
background-color: rgba($brightest_color,.1);
}
.code__solo {
@extend %basic_mono;
padding: $tiny_space $half_space;
color: $basic_font_color;
}
samp {
}
kbd {
}
sub, sup {
}
u {
}
// Marks
mark {
background-color: $alpha_color;
}
.mark__cursor {
color: $basic_highlight_color;
background-color: $darkest_color;
}
::-moz-selection {
color: $basic_highlight_color;
background-color: $darkest_color;
}
::selection {
color: $basic_highlight_color;
background-color: $darkest_color;
}
span {
}
.span__solo {
@extend %solo;
}
br {
}
wbr {
}
// Edits
// -----------------------------------------------------------------------------
ins {
}
del {
}