eosswedenorg/apt
1
0
Fork 0
mirror of https://github.com/eosswedenorg/apt synced 2026-06-22 10:03:42 +02:00
Code Releases Activity

sass/_base.scss: move alot of code to their own files.

Browse source
This commit is contained in:
Henrik Hautakoski 2022-01-25 16:26:47 +01:00
parent edcfec3674
commit 56c375f4d1
No known key found for this signature in database
GPG key ID: 608414D93E862CCD
5 changed files with 53 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

48
_sass/_base.scss
View file

@ -7,39 +7,6 @@ figure {
margin: 1em 0 !important; margin: 1em 0 !important;
} }
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: $spacer-2;
margin-bottom: $spacer-4;
border-bottom: solid 1px $border-gray-light;
&-title a:hover {
text-decoration: none;
}
&-search {
flex:auto;
margin-right: $spacer-6;
margin-left: $spacer-6;
}
&-links {
list-style: none;
margin: $spacer-2 0;
li {
display: inline-block;
}
}
}
.footer {
margin-top: 3em;
padding: 1em;
border-top: 1px solid $gray-300;
color: $text-gray;
}
.container-sm { .container-sm {
max-width: 512px; max-width: 512px;
@ -58,18 +25,3 @@ figure {
margin-top: 2em; margin-top: 2em;
} }
} }
.btn {
&:hover {
cursor: pointer;
color: $brand-color;
}
}
.btn-copy-code {
float: right;
.far, .fas {
color: $text-gray !important;
}
}

15
_sass/component/_button.scss Normal file
View file

@ -0,0 +1,15 @@
.btn {
&:hover {
cursor: pointer;
color: $brand-color;
}
&-copy-code {
float: right;
.far, .fas {
color: $text-gray !important;
}
}
}

7
_sass/layout/_footer.scss Normal file
View file

@ -0,0 +1,7 @@
.footer {
margin-top: 3em;
padding: 1em;
border-top: 1px solid $gray-300;
color: $text-gray;
}

27
_sass/layout/_header.scss Normal file
View file

@ -0,0 +1,27 @@
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: $spacer-2;
margin-bottom: $spacer-4;
border-bottom: solid 1px $border-gray-light;
&-title a:hover {
text-decoration: none;
}
&-search {
flex:auto;
margin-right: $spacer-6;
margin-left: $spacer-6;
}
&-links {
list-style: none;
margin: $spacer-2 0;
li {
display: inline-block;
}
}
}

4
_sass/main.scss
View file

@ -5,6 +5,10 @@
@import "base"; @import "base";
@import "typography"; @import "typography";
@import "layout/header";
@import "layout/footer";
@import "component/button";
@import "component/collapse"; @import "component/collapse";
@import "component/search"; @import "component/search";