Current oav website
This commit is contained in:
Charlie Root
55
dotclear._no/admin/style/scss/init/_config.scss
Normal file
55
dotclear._no/admin/style/scss/init/_config.scss
Normal file
@ -0,0 +1,55 @@
|
||||
// ----------------- LIBRAIRIES ------------------- //
|
||||
|
||||
// ----------------- Compass config --------------- //
|
||||
// Do not support IE less than IE11
|
||||
$browser-minimum-versions: (
|
||||
"ie": "11"
|
||||
);
|
||||
$graceful-usage-threshold: 100;
|
||||
$critical-usage-threshold: 100;
|
||||
@import "compass"; // gem
|
||||
|
||||
// ========================================================================== //
|
||||
// =Typographie
|
||||
// ========================================================================== //
|
||||
|
||||
$sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
|
||||
$sans-serif-input: inherit; // Use OS default font for input fields
|
||||
|
||||
$monospace: "Andale Mono",AndaleMono,Consolas,Monaco,"Courier New",monospace;
|
||||
|
||||
$html-font-size: 62.5%; // Basically 10px (16px ⁄x 0.625) — Must be in %
|
||||
|
||||
$body-font-size-small: 1.2rem; // For screen smaller than $small-screen (see below)
|
||||
$body-font-size: 1.4rem;
|
||||
$body-font-size-large: 1.6rem; // For screen larger or equal than $large-screen (see below)
|
||||
|
||||
// Divers
|
||||
|
||||
$css-img-path: 'img'; // utile pour le mixin de fallback svg
|
||||
|
||||
// ========================================================================== //
|
||||
// =Breakpoints
|
||||
// ========================================================================== //
|
||||
|
||||
$xxs-screen: 26.5em; // 424 px
|
||||
$xs-screen: 38em; // 608 px
|
||||
$s-screen: 44em; // 704 px
|
||||
$m-screen: 48em; // 768 px
|
||||
$l-screen: 61em; // 976 px
|
||||
$xl-screen: 80em; // 1280 px
|
||||
$xxl-screen: 120em; // 1920 px
|
||||
|
||||
// =========================================================================== //
|
||||
// =Various dimensions
|
||||
// =========================================================================== //
|
||||
|
||||
// screens sizes
|
||||
|
||||
$small-screen: $xxs-screen;
|
||||
$large-screen: $xxl-screen;
|
||||
|
||||
// collapser width
|
||||
|
||||
$collapser-width: 10px;
|
||||
58
dotclear._no/admin/style/scss/init/_mixins-functions.scss
Normal file
58
dotclear._no/admin/style/scss/init/_mixins-functions.scss
Normal file
@ -0,0 +1,58 @@
|
||||
// mixin svg fallback
|
||||
@mixin svg(
|
||||
$file-name,
|
||||
$css-img-path: $css-img-path)
|
||||
{
|
||||
background-image: inline-image($file-name+'.png');
|
||||
background-image: inline-image($file-name+'.svg'), none;
|
||||
}
|
||||
|
||||
@mixin bg-with-svg(
|
||||
$file-name,
|
||||
$css-img-path: $css-img-path,
|
||||
$repeat: no-repeat,
|
||||
$position: 50% 50%,
|
||||
$bg-color: transparent)
|
||||
{
|
||||
background: inline-image($file-name+'.png') $repeat, $position, $bg-color;
|
||||
background-image: inline-image($file-name+'.svg'), none;
|
||||
}
|
||||
|
||||
// Mix from Nico3333 (https://github.com/nico3333fr/ROCSSTI/blob/master/src/css/rocssti-fr.css#L637)
|
||||
// and ffood (http://www.ffoodd.fr/cache-cache-css/)
|
||||
@mixin visually-hidden {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@mixin visually-hidden-focus {
|
||||
clip: auto;
|
||||
clip-path: none;
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
position: static;
|
||||
width: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
// Remove any unit from a value
|
||||
@function strip-unit(
|
||||
$value)
|
||||
{
|
||||
@return $value / ($value * 0 + 1);
|
||||
}
|
||||
|
||||
// Compute absolute value (in em or rem) depending on font-size of the html element (given in %)
|
||||
@function relative-to-screen(
|
||||
$value, // em or rem value
|
||||
$html-font-size) // in %
|
||||
{
|
||||
@return $value / (strip-unit($html-font-size) / 100);
|
||||
}
|
||||
261
dotclear._no/admin/style/scss/init/_rebase.scss
Normal file
261
dotclear._no/admin/style/scss/init/_rebase.scss
Normal file
@ -0,0 +1,261 @@
|
||||
/* largeur des paddings et border compris dans "width" */
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
background: transparent;
|
||||
&:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
&:active,
|
||||
&:hover {
|
||||
outline: none;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
q,
|
||||
cite {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
q:before,
|
||||
q:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
sup,
|
||||
sub {
|
||||
font-size: .75em;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
font-size: 0.9375em;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
button,
|
||||
html input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 1px;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
td:first-child,
|
||||
th:first-child {
|
||||
empty-cells: hide;
|
||||
}
|
||||
|
||||
|
||||
/* scripts */
|
||||
|
||||
body > script {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
/* HTML5 for old browsers */
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* Headings reset */
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Screen-reader only */
|
||||
|
||||
.visually-hidden {
|
||||
@include visually-hidden;
|
||||
&:focus,
|
||||
&:active {
|
||||
@include visually-hidden-focus;
|
||||
}
|
||||
}
|
||||
|
||||
.sr-only {
|
||||
@include visually-hidden;
|
||||
}
|
||||
Reference in New Issue
Block a user