Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Gitlab will go into maintenance Friday 3rd February from 9:00 to 10:00
Open sidebar
elixir
jekyll-elixir-theme
Commits
0d0c50cc
Verified
Commit
0d0c50cc
authored
Jun 30, 2020
by
Laurent Heirendt
✈
Browse files
add lap sass file
parent
1c529358
Changes
3
Hide whitespace changes
Inline
Side-by-side
_sass/elixir.scss
View file @
0d0c50cc
...
...
@@ -7,5 +7,6 @@
"elixir/header"
,
"elixir/helpers"
,
"elixir/layout"
,
"elixir/responsive"
"elixir/responsive"
,
"elixir/lap"
;
_sass/elixir/_footer.scss
View file @
0d0c50cc
...
...
@@ -122,3 +122,38 @@
}
}
}
#lap-cookies-banner
.banner-img
{
width
:
90px
;
padding-top
:
0
;
height
:
90px
;
padding-left
:
10px
;
}
#lap-cookies-banner
.banner-title
{
padding-left
:
110px
;
}
#lap-cookies-banner
.banner-text
{
padding-left
:
110px
;
}
#lap-cookies-banner
{
padding-bottom
:
2em
;
}
#lap-cookies-banner
.banner-buttons
.lap-accept
,
#lap-cookies-banner
.banner-buttons
.lap-refuse
,
#lap-cookies-banner
.banner-buttons
.lap-cookies-more
,
#lap-cookies-banner
.banner-buttons
.btn.active
{
border
:
1px
solid
#023452
;
font-weight
:
bold
;
background-color
:
#023452
;
color
:
#ffffff
!
important
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
;
cursor
:
pointer
;
}
_sass/elixir/_lap.scss
0 → 100644
View file @
0d0c50cc
#lap-cookies-banner
{
position
:
fixed
;
bottom
:
0
;
background-color
:
#fff
;
padding-top
:
1em
;
padding-bottom
:
1em
;
z-index
:
1000
;
left
:
0
;
text-align
:
center
;
border-top
:
1px
solid
#198cdc
;
width
:
100%
;
display
:
none
;
/* hidden by default */
}
#lap-cookies-banner
.banner-intro
{
width
:
40%
;
position
:
relative
;
left
:
30%
;
text-align
:
left
;
}
#lap-cookies-banner
.banner-img
{
width
:
50px
;
position
:
absolute
;
padding-top
:
5px
;
height
:
50px
;
}
#lap-cookies-banner
.banner-title
{
font-size
:
120%
;
font-weight
:
bold
;
text-align
:
left
;
padding-left
:
60px
;
}
#lap-cookies-banner
.banner-text
{
min-height
:
40px
;
padding-left
:
60px
;
font-size
:
80%
;
text-align
:
left
;
}
#lap-cookies-banner
.banner-buttons
{
padding-top
:
5px
;
height
:
20px
;
margin-bottom
:
10px
;
}
#lap-cookies-banner
.close-button
{
position
:
absolute
;
left
:
100%
;
}
#lap-cookies-banner
.banner-buttons
.lap-accept
,
#lap-cookies-banner
.banner-buttons
.lap-refuse
,
#lap-cookies-banner
.banner-buttons
.lap-cookies-more
,
#lap-cookies-banner
.banner-buttons
.btn.active
{
border
:
1px
solid
#198cdc
;
font-weight
:
bold
;
background-color
:
#198cdc
;
color
:
#ffffff
!
important
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
;
}
#lap-cookies-banner
.banner-buttons
.lap-accept
:hover
,
#lap-cookies-banner
.banner-buttons
.lap-refuse
:hover
,
#lap-cookies-banner
.banner-buttons
.lap-cookies-more
:hover
,
#lap-cookies-banner
.banner-buttons
.btn.selected
{
background
:
white
;
color
:
#198cdc
!
important
;
border
:
1px
solid
#198cdc
;
box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
-webkit-box-sizing
:
border-box
;
text-decoration
:
none
;
}
#lap-cookies-banner
.btn
{
text-decoration
:
none
;
display
:
inline-block
;
margin-bottom
:
0
;
text-align
:
center
;
vertical-align
:
middle
;
touch-action
:
manipulation
;
background-image
:
none
;
white-space
:
nowrap
;
padding
:
3px
10px
;
font-size
:
9pt
;
line-height
:
20px
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
margin-right
:
10px
;
margin-bottom
:
10px
;
cursor
:
pointer
;
}
#lap-cookies-banner
.banner-checkboxes
{
font-size
:
80%
;
margin-top
:
1em
;
}
#lap-cookies-banner
.checkbox-label
{
margin-left
:
0
.3em
;
margin-right
:
1
.5em
;
top
:
-0
.2em
;
position
:
relative
;
}
@media
(
max-width
:
500px
)
{
#lap-cookies-banner
{
position
:
fixed
;
bottom
:
0
;
background-color
:
#fff
;
padding-top
:
1em
;
padding-bottom
:
1em
;
z-index
:
1000
;
left
:
0
;
text-align
:
center
;
border-top
:
1px
solid
#198cdc
;
width
:
100%
;
display
:
none
;
height
:
280px
;
overflow
:
auto
;
/* hidden by default */
}
#lap-cookies-banner
.banner-intro
{
width
:
60%
;
position
:
relative
;
left
:
20%
;
text-align
:
left
;
}
}
@media
(
max-width
:
1100px
)
{
#lap-cookies-banner
.banner-intro
{
width
:
90%
;
position
:
relative
;
left
:
5%
;
text-align
:
left
;
}
#lap-cookies-banner
.banner-buttons
{
padding-top
:
5px
;
height
:
60px
;
margin-bottom
:
10px
;
}
}
@media
(
max-width
:
1600px
)
{
#lap-cookies-banner
.banner-intro
{
width
:
60%
;
position
:
relative
;
left
:
20%
;
text-align
:
left
;
}
}
/* ultra-wide screen */
@media
(
min-width
:
2400px
)
{
#lap-cookies-banner
.banner-intro
{
position
:
relative
;
text-align
:
left
;
max-width
:
800px
;
left
:
35%
;
}
}
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment