diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-14 12:39:45 +0200 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-05-14 12:39:45 +0200 |
| commit | 30cd9a8d3bd62806b05bfb12748d5c0730b7eb11 (patch) | |
| tree | fcc83f8126cafe1ec1be7088eb5d6320dee405e8 /css/theme | |
| parent | f04a00672c3c28fd33c3cd187f07f1012441d51d (diff) | |
| download | fosdem-2021-minimalism-presentation-30cd9a8d3bd62806b05bfb12748d5c0730b7eb11.tar fosdem-2021-minimalism-presentation-30cd9a8d3bd62806b05bfb12748d5c0730b7eb11.tar.gz | |
remove default border around images, now available via img.r-frame
Diffstat (limited to 'css/theme')
| -rw-r--r-- | css/theme/template/theme.scss | 44 |
1 files changed, 15 insertions, 29 deletions
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 1ec1b8c..7c88b3f 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -237,6 +237,10 @@ vertical-align: top; } +.reveal img { + margin: $blockMargin 0; +} + /********************************************* * LINKS @@ -245,14 +249,10 @@ .reveal a { color: $linkColor; text-decoration: none; - - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; + transition: color .15s ease; } .reveal a:hover { color: $linkColorHover; - text-shadow: none; border: none; } @@ -264,34 +264,22 @@ /********************************************* - * IMAGES + * Frame helper *********************************************/ -.reveal section img { - margin: 15px 0px; - background: rgba(255,255,255,0.12); +.reveal .r-frame { border: 4px solid $mainColor; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } - .reveal section img.plain { - border: 0; - box-shadow: none; - } - - .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; - } - - .reveal a:hover img { - background: rgba(255,255,255,0.2); - border-color: $linkColor; +.reveal a .r-frame { + transition: all .15s linear; +} - box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); - } +.reveal a:hover .r-frame { + border-color: $linkColor; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); +} /********************************************* @@ -312,9 +300,7 @@ color: $linkColor; } .reveal .progress span { - -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); } /********************************************* |